Meu site pessoal no ar!

Bom gente, hoje vou falar pra vocês que meu site pessoal está no ar e vou aproveitar e falar para vocês um pouco sobre o processo de criação dele.

Este site é baseado na versão em flash que fiz em 2007.
http://www.jenniferpayne.com.br/index_old.html

Neste post, vou falar os passos que fiz para desenvolver o site e falar um pouco das extensões que utilizei, porque sei que tem muita gente que não sabe por onde começar na hora de criar.

1° Determine o públic-alvo - Quem eu espero que visite o site e quais expectativas eles têm sobre o site, como fazer para prender a atenção deste público-alvo (P.A.).
2° Determine a estrutura - Que tipo de conteúdo será mostrado, quais os conteúdos são importantes, qual a ordem de importância deles e como facilitar a navegação no site até para usuários mais inexperientes. Aplique a regra dos 3 cliques: Em uma estrutura de fácil navegação, todos os conteúdos devem estar acessíveis em até 3 cliques.
3° Criar um rascunho do site - Eu sempre faço um rascunho (raff) dos meus trabalhos antes de ir pro pc. Lápis, Lápis-de-cor, papel e borracha. Cores, formas, apresentação dependem do seu P.A.

4° Criar layout - Hora de ir pro computador e criar seu layout em algum programa como GIMP, Photoshop...

5° (Apenas para Joomleiros) - Se você for Joomleiro, crie uma instalação do Joomla nesse momento e gere o conteúdo básico do seu site (Textos, notícias e coisas que se pode fazer com o Joomla! sem extensões adicionais), esse passo é importante para a próxima etapa.

6° Criar o template - Hora de criar as tags xhtml+css+flash e toda a parte visual do site, para os Joomleiros que já criaram conteúdo, adapte as tags padrão do joomla para o layout do seu site, aconselho a ter um arquivo CSS apenas para as tags padrões do Joomla que adaptar. Se vocês quiser acesso a todas as classes do Joomla explicadas, clique aqui.

7° Escolhendo as extensões - Dê uma olhada na estrutura + rascunho do seu site e comece a procurar as extensões que mais se adaptem às suas necessidades. Procure no http://extensions.joomla.org/. As extensões que utilizei foram:

Morfeo show - Simple Viewer gallery, uma galeria de imagens em flash, no link projetos gráficos

JPortfolio - Galeria bem simples para portifólio que utilizei no link Sites/Sistemas Online

JT Slide Show - Para fazer as miniaturas abaixo do menu. É um módulo bem bonitinho, mas as imagens e links devem ser colocados manualmente na configuração do módulo e as imagens devem ser "upadas" de preferência via ftp.

JSlideShow - Para fazer os banners embaixo do conteúdo, este módulo é para exibição de artigos, para realizar o truque, eu criei uma categoria banners e em cada artigo coloquei uma imagem do banner (foi no improviso, mas o resultado é uma área de banners que parece flash, sendo que muito mais leve).

Como vocês podem ver, um site como o meu é muito simples de fazer e leva pouquíssimo tempo para ser configurado. O diferencial, no caso, é a forma como explorei o layout e como personalizei o Joomla, modificando as configurações padrão para obter um resultado único e interessante.

Acho que nenhum outro designer ousou expor o processo de criação do próprio site antes, mas esse site foi criado basicamente para isso.

Meus alunos sempre me perguntaram como fazer para criar um sistema em Joomla leve, bonito e sem "cara de Joomla!", este post é a resposta. O negócio é procurar e testar extensões, sempre. Crie uma instalação de teste do Joomla, somente para instalar e testar novos componentes.

Beijos galera e para quem quiser ver o resultado final do meu site clique aqui.

Como retirar a tag generator e retirar a marca e nome Joomla! do backend

Bom dia, galera! Após séculos sem postar, venho tirar duas dúvidas bastante comuns dos meus alunos. Como tirar a tag <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />. Bem, antes de tirar esta dúvida, eu tive que finalmente ler os termos do Joomla!, coisa que todo mundo faz ;)

Vamos ao trabalho pesado:

"Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs; and that you know you can do these things." Aqui ele diz que a licensa dele nos garante a liberdade de distribuir cópias do Joomla! de graça ou cobrar por isso e que podemos modificar o software ou usar partes dele em novos programas e que saibamos que podemos fazer essas coisas. Só por este trecho no início, acho que já são suficientes para me fazer parar de ler, mas eu li completamente.

Dêem uma lida na licensa do Joomla!, é bem interessante. Seguinte, as duas dicas de hoje são:

Como retirar a tag "generator" do Joomla!.

1. Abra com algum editor de texto o arquivo head.php que está nesse caminho do seu Joomla! libraries/joomla/document/html/renderer

2. Na seguinte linha: $strHtml .= $tab.'<meta name="generator" content="'.$document->getGenerator().'" />'.$lnEnd; adicione "//" para comentar a linha, evitando de ser mostrada no site. A linha deve ficar assim:

//$strHtml .= $tab.'<meta name="generator" content="'.$document->getGenerator().'" />'.$lnEnd; /*Tag responsável pro gerar o meta name "Joomla! 1.5 - Open Source Content Management" do html*/

Pronto! Ao olhar agora o código-fonte de suas páginas publicadas, você não mais verá a tag geradora do Joomla!.

Gostaria de lembrar a vocês que é interessante deixar esta tag para reconhecer o Joomla! e fortalecer a comunidade. Por outro lado, por questões de segurança, você pode tirar esta linha, para evitar que hackers especializados em Joomla! percebam de cara que seu sistema é Joomla! e tentem explorar alguma falha que eles conheçam. Mas, isto não protege mesmo, da pessoa saber, pois, quem conhece um pouco de Joomla! sabe reconhecer o sistema olhando as tags html que ele gera, como por exemplo "componentheading" "moduletable" e outras. Caso você escolha tirar a tag, por favor contribua para a comunidade de outras formas, como por exemplo, ajudando a divulgar o Joomla! através de tutoriais ;) ou comprando materiais do Joomla! na loja dos caras, no site www.joomla.org e coisas deste tipo.

Segunda dúvida:

Como modificar a área administrativa do Joomla!, adicionando nossa marca e tirando o "Joomla! Administration Login" do index.

1. Modificando o "Joomla! Administration Login" ou "Joomla! - Login Administrativo" . Basta entrar na arquivo login.php da pasta administrator/templates/khepri e modificar a linha <h1><?php echo JText::_('Joomla! Administration Login') ?></h1>, modifique a frase entre aspas simples para a que você desejar.

2. Modificando a marca do backend. Assumo daqui que você esteja usando o padrão que é o da barrinha verde abaixo do topo o (h_green) entre na cadeia de diretórios seguinte: administrator/templates/khepri/images/h_green, nela, você terá que alterar os seguintes arquivos: j_header_left.png e j_header_right_rtl.png, substitua as imagens por imagens com o mesmo tamanho e nome, DICA: utilize j_header_middle.png num editor de imagens para "colar" em cima de onde tem a marca do Joomla para "apagar" a marca, para então em outra camada adicionar pela sua.

Bom gente, espero que vocês "apreciem com moderação" as dicas de hoje.

Até a próxima!