Home Templates Joomla Template joomla personalizado, como criar?

Template joomla personalizado, como criar?

template-joomlaComo muitos estão em busca de como criar um template personalizado, nesse artigo vou escrever os caminhos que você poderá escolher para seu site joomla ter a identidade visual da sua empresa ou cliente.

Planejar com Wireframe

Para não perder tempo com o cliente e acabar tendo muito retrabalho nada melhor do que inicar com um wireframe. Atualmente tenho tido pouco contato com o cliente final, mas tenho recebido bastante wireframe para produzir PSD e template para Joomla. O ganho de tempo realmente é sensacional.

Leia um ótimo artigo sobre wireframes.

Criar design do site

Tudo começa pelo layout, esse sem sombra de dúvidas é um dos principais fatores de sucesso de um template joomla, porém um dos mais difíceis. É fato que existem muitas pessoas sem sensibilidade de cores, tonalidades, alinhamentos, contrastes, entre outros elementos mas acredite que estudando você consegue muita coisa. Há alguns anos não gostava dos maus layouts, então comecei a estudar, olhar criticamente os projetos fazendo auto-análise e principalmente me inspirar com outros sites e trabalhos de design. Isso veio fortalecendo meus estímulos de designer, ainda tenho que aprender muito, mas hoje tenho ficado mais satisfeito com os resultados. Algumas pessoas já nascem com um dom artístico e outras para outras áreas como desenvolvimento por exemplo. Se você acha que não é a sua praia aconselho se concentrar no que gosta e contratar um bom designer para os seus projetos.

Para aqueles que quiserem aventurar com seus layouts, experimentem navegar por sites de inspirações, o google está cheio deles, aqui está um bom artigo com 50 sites de inspiração, eu adoro navegar no CSS Mania.

Aprender HTML e CSS

Juntamente com a criação gráfica do site, o domínio de xHTML ou HTML5 juntamente com o velho e bom CSS ou CSS3 é o fator que irá tirar as suas maiores limitações com templates joomla. Descobri o HTML quando a internat ainda estava popularizando, na época onde a principal rede social era o mIRC,  boa época essa. Apesar da existência do editor FrontPage da Microsoft para desenvolvimento de sites, eu não utilizava, criava meus sites com o editor de texto Bloco de Notas. Dessa forma consegui aprender bem o código olhando os códigos fontes dos sites e testando. Para desenvolver aconselho a utilização de editores textuais e não-visuais. Alguns criticam muito o dreamweaver mas sabendo utilizar corretamente é uma ótima IDE. O autocomplete dele é uma mão na roda. Boas opções de editores textuais são o TextMate para MAC e o E-TextEditor e NotePad++ gratuito para Windows.

Criar o template joomla

Com um bom wireframe, layout e domínio de HTML e CSS tudo fica mais fácil. Abaixo informo algumas opções para desenvolvimento de template Joomla.

Modificar um template joomla pronto

Alguns acham essa forma a mais fácil ou a mais amadora. Por experiência própria posso dizer que depende do projeto. Se for algo simples é uma boa prática com mudar as cores e algumas formas. Já fiz algumas alterações bem profissionais que deixaram o site bem diferente do original, nesse caso é interessante utilizar o PSD do template joomla (se houver) para seguir a mesma estrutura e não dificultar a customização. Se você não tiver um logotipo com cores padronizadas e não tem noção de cores aqui está um site com boas soluções de cores legais.

Utilizar um framework de template joomla

Esse é um recurso bastante utilizado ultimamente, tem aparecido boas soluções de frameworks de templates para o CMS Joomla. Alguns exemplos são o Warp da YooTheme, T3 da JoomlArt, Gantry da RocktTheme entre outros como JYAML, Rumi, Zen Grid entre outros. Tenho usado o Gantry Framework para alguns projetos e tenho gostado bastante dos resultados.

Criar template utilizando framework CSS

Além dos frameworks para template Joomla existem vários frameworks CSS. Para quem não tem muita experiência com CSS ou para aproveitar algumas facilidades e recursos é um ótimo pedido. Veja uma artigo que falo um pouco sobre frameworks CSS.

Criar um template do seu jeito

Esse sem dúvida nenhuma será o mais enxuto de todos. Eu particulamente adoro fazer os meus "templates de raiz". Isso não quer dizer que não podemos utilizar de recursos extras. Um reset.css é essencial para não ter dores com compatibilidades de navegadores de cabeças e otimizar o seu código, eu utilizo a do framework 960 grid. Outro recurso legal que o meu amigo Ronildo indicou é um seletor CSS de navegadores.

Conclusão

Planeje com wireframes, desenhe ou contrate um web designer para os seus layouts e escolha a opção que mais lhe agrade. Várias são as formas, com empenho e profissionalismo conseguimos um ótimo resultado utilizando qualquer maneira de desenvolver um template Joomla personalizado. Até a próxima!

Curso de Joomla 1.6 e 1.7 online

Aprenda a criar um site completo com Joomla 1.7.

Conheça todas as mudanças do Joomla desde a versão 1.5 e desenvolva um site completo utilizando o Joomla 1.7
Posts Relacionados:
Fazer um CSS específico para cada versão do navegador, muitos já fazem, mas que tal poder editar o CSS de um navegador em determinado sistema ope...
10/01/2013
Há um tempo atrás, tinha escrito em meu blog, um artigo sobre templates e frameworks responsivos para Joomla. Antes de falar sobre ele, gostaria...
19/09/2012
Os sites responsive estão dominando o mundo, veja esse artigo com 160 ferramentas responsivas. E no mundo Joomla? Como estão as empresas que comer...
08/06/2012
Responsive, agora essa é a palavra da moda entre os desenvolvedores de sites, depois da bomba que explodiu com o tableless, será que essa é a bom...
01/06/2012
Há muito tempo percebi que na internet tem poucos exemplos de tutoriais de criação de template Joomla, sempre quis fazer um, mas como todos do séc...
26/01/2012
Além dos Web Designers, muitos querem criar o seu próprio template Joomla, com a facilidade de criar site utilizando um CMS como o Joomla ou Wordpre...
23/01/2012
| Mais

Comentários

adriano escreveu em 04/11/2010 as 07:46:44
Muito bom, e muito bem explicado, valeu. Foi "pros meus" favoritos.
Leo Miranda escreveu em 04/11/2010 as 07:50:14
Que bom que gostou Adriano, obrigado pela participação!
Rodrigo Miranda escreveu em 16/11/2010 as 16:51:43
Li este artigo já fazem alguns dias e hoje me dignei a fazer um coments, para pelo menos agradecer o compartilhamento de conhecimentos, gostei muito, parabéns
Leo Miranda escreveu em 16/11/2010 as 17:49:24
Valeu Rodrigo! Fico feliz de ter agradado, grande abraço!
jadson escreveu em 25/11/2010 as 09:53:30
Parabéns pela iniciativa, e acho até interessante você fazer uns tutoriais, ou artigos, abordando a construção de um tema a partir de um desses modos citados acima, para melhor entendimento, do pessoal, assim como eu, que sabe desenvolver HTML, CSS, XML, um pouco de PHP, etc. Mas que tem problemas na hora de fazer um Template do Joomla 1.5, algumas coisas não funcionam como deveriam e tal. E no final ficam desmotivados e correm para os Templates que ja existem ou fojem do joomla... ótimo artigo, você sabe ensinar muito bem! FAVORITOS JÁ!! rsrsrss, abraço.
Leo Miranda escreveu em 25/11/2010 as 12:11:23
Olá Jadson, muito obrigado por sua participação. Com certeza em breve farei mais posts como este! Estou iniciando a minha vida de blogueiro e professor, fico feliz quando alguém da um feedback legal como este. Seja bem-vindo, abraço!
michel escreveu em 03/02/2011 as 11:02:42
Ola.... Muito Legal.....mas pelo titulo, não explica o passo-a-passo de realmente como se faz.
Leo Miranda escreveu em 03/02/2011 as 13:01:52
Olá Michel, o intuito do artigo não foi se um tutorial passo a passo, apenas mostrar as formas. Att.
Anderson escreveu em 18/03/2011 as 00:55:15
Leo Miranda. gostei muito de seus artigos, porque você não escreve um Tutorial de como criar um template do Zero, pode ser só o Básico mesmo pra gente ter uma noção. Valeu!
Daniel Silva escreveu em 02/06/2011 as 21:24:06
Gostei do artigo. E quero saber se pode me ajudar, estou procurando um framework de template joomla para mac. Pode me indicar algum ? Artisteer é uma opção mas é necessário comprar a licença, sabe de algo open source ? Valeu !
reginaldo escreveu em 24/07/2011 as 23:35:34
o problema que esses framework não funcionam ainda para o Joomla 1.7. O Gantry, apesar de dizer que é para o J.1.6, na prática deu erro e não funcionou aqui. Alguns desses que alguém testou e já esteja funcionando para o J.1.7?
Leo Miranda escreveu em 25/07/2011 as 10:40:21
Olá Reginaldo, aconselho utilizar o T3 do Joomlart, abraço!
Jones escreveu em 19/09/2011 as 10:47:12
olá leo. acabei de conhecer seu site .. e já gostei muito, varias dicas muito boas. estou começando a usar o joomla e criando alguns sites para amigos. tem algum artigo que trata mais afundo a respeito do Gantry Framework. entrei no site, mais nao tem uma explicação de como usar o recurso obrigado
Leo Miranda escreveu em 19/09/2011 as 11:01:18
Opa amigo, que legal que gosto! É uma boa pedida, vou ver se consigo fazer um bom tutorial com o Gantry, vou colocar lá no www.jcursos.com.br. Grande abraço!
Jones escreveu em 19/09/2011 as 11:15:37
Opa.. maravilha. hoje minha maior dificuldade é encontrar o template ideal. já usar o artisteer para criar alguns, mais ficou com uma qualidade muito baixa.. e muito amador. minha solução hoje é vasculhar a web em busca de um template para melhora-lo. uma dica que acho que poderia incluir aqui no seu post é usar a extenção firebug para o firefox, eu utilizo e me ajuda muito na hora de melhorar os CSS. segue tambem o tutorial para ajudar quem não conhece http://www.toprated.com.br/video-tutorial-como-corrigir-seu-css-rapidamente-usando-a-firebug valeu.
alan escreveu em 24/11/2011 as 08:02:29
como faz um templete daqueles que sai ums mocegos no cabeçalho igual aquele do briza downs eu me emprecionei com aquele templete ali sim e um templete de verdade
Rodrigo Maranini escreveu em 29/04/2013 as 15:01:18
Caro Léo Boa tarde! Você saberia me dizer se o joomla tem algum sistema para leiloes? Seria o maior lance, e a partir de um valor definido. Fico no aguardo. Obrigado Att; Rodrigo
Leo Miranda escreveu em 13/05/2013 as 12:20:57
Olá Rodrigo, infelizmente, nunca trabalhei com sistemas de leilões. Boa sorte em seu projeto!

Participe! Escreva um comentário...

Mídias Sociais

twitter_64Siga-me no Twitter
e fique por dentro
das novidades e
dicas!
flickr_64Confira meu portfolio
de design no flickr!

Sobre

avatar-peqFormado na FIR (Recife) em Sistemas de informação trabalho desde 2005 como freelancer em criação de sites e web design. Em 2006 conheci o Joomla! 1.0 e desde então trabalho diariamente com desenvolvimento de sites joomla e criação de templates joomla.