BlogAjuda © 2007.
Simple Grey theme developed by Rodrigo P. Ghedin.
Há poucos dias atualizei meu blog pessoal, em virtude do aniversário de um ano do mesmo. Para comemorar a data, e também me livrar do antigo (e horroroso) tema, criei um novo, e é sobre ele que falarei neste artigo.
Usei como base o tema antigo, que por sua vez, usava como base o Almost Spring, um belo tema, porém um tanto pesado. Este detalhe é relevante: o que é usar um tema-base? É pegar a estrutura de um já pronto, e trabalhar em cima dela. Não que seja impossÃvel criar uma estrutura nova, mas, na maioria dos casos, seria como reinventar a roda, já que 90% dos blogs têm uma mesma estrutura (cabeçalho, coluna de posts e coluna lateral). Portanto, recomendo tal prática, a fim de facilitar o trabalho.
O primeiro passo na criação de um tema é tê-lo em mente, ou seja, imaginá-lo, e se possÃvel (e sua coordenação motora permitir), desenhá-lo numa folha. Soa meio arcaico, retrógrado, mas dessa forma é possÃvel fazer um esboço detalhado, que servirá de guia na hora de dar forma ao tema. Terminado, faça um layout normal, sem tags do WordPress. Assim, você terá uma visão ampla do trabalho, e transportá-lo (o layout) para o WordPress será muito mais fácil.
Finalizada a parte da inspiração, vamos à transpiração. Um tema para WordPress é quebrado em pedaços. Cada pedaço representa uma parte do layout, e em alguns casos, partes distintas do blog. Listarei, abaixo, o que cada arquivo representa, divididos em duas colunas, sendo a primeira dos arquivos que aparecem em todas as páginas, e a segunda, das áreas especiais:
<head>;</body> e </html>;Vejamos agora os outros arquivos:
<?php include (TEMPLATEPATH . '/searchform.php'); ?>);Seu trabalho, agora, é dividir o layout previamente criado entre todos estes arquivos. Alguns serão parecidos, como é o caso dos arquivos single.php e page.php, ou o do archive.php e search.php.
Para ir acompanhando seus progressos, é recomendável ir testando o tema ao passo em que for mexendo nele. Sendo assim, recomendo fortemente a instalação de um mini-servidor local, só para fins de testes mesmo. Se você usa Windows, o EasyPHP é uma solução perfeita para tal finalidade. Ele instala e já traz configurado o Apache, PHP e MySQL, tudo que você precisa para rodar o WordPress (e qualquer outro sistema PHP) localmente. Instale-o, e copie o WorPress para a pasta C:\Arquivos de Programas\EasyPHP1-8\www\; inicie-o, e acesse o site pelo navegador, através da URL http://localhost/. A partir daqui, não tem segredo: é só instalar o WordPress normalmente.
Uma página de suma importância para tal é esta aqui. Ela lista todas as tags especiais do WordPress, além de explicar o que cada uma faz, dar exemplos e mostrar todos os atributos. Sempre que bater alguma dúvida, consulte-a.
Feito tudo isso, teste bastante seu tema, e envie-o para o servidor! Apesar de parecer (e parece mesmo) difÃcil à primeira vista, a verdade é que criar um tema é complicado, e exige paciência e atenção. Tendo estes requisitos, a única dificuldade que surge é o fator criatividade. Repetindo o que sempre digo: tendo dúvidas, não hesite em publicar um comentário, ou então pedir ajuda no nosso fórum. Espero que este artigo seja de alguma valia, e até a próxima!
Tá dando erro no link do resto do texto do post… Falow!
Posted by Mário Aragão
May 16th, 2006, às 6:39 pm. #.
Cara! Não li esse texto antes, mas foi exatamente isso que eu fiz (tirando a parte de se usar um server local). Fiz o layout no Fireworks, recortei as imagens, exportei e fui pro Dreamweaver. Depois, separei todos os arquivos e imagens e subi pro servidor.
Foi aàque começou a guerra, mas deu certo.
—
PS: Também me baseei no Almost Springs. Na minha opinião, é um dos melhores temas para o Wordpress.
Aew Rodrigo, tem um programa muito bom que eu utilizo em casa semelhante ao EasyPHP. Seu nome é VertrigoServ existe uma página em português-br com informações e utiliza os componentes:
http://vertrigo.sourceforge.net/?lang=br
* Apache 2.0.59
* PHP 5.1.6
* MySQL 5.0.26
* SQLite 3.3.8
* PhpMyAdmin 2.9.0.2
* ZendOptimizer 3.0.1
* SQLiteManager 1.2.0
Link para download: http://prdownloads.sourceforge.net/vertrigo/Vertrigo_213.exe?download
Posted by Tiago
October 16th, 2006, às 7:54 pm. #.
[…] O layout antigo era medonho, tanto técnica, quanto esteticamente. Este novo, pelo contrário, foi bem trabalhado. Segui o iter criminis da criação de temas para WordPress à risca, e o resultado é notável. Mais uma prova de algo que sempre digo: quando desejar fazer algo bem feito, faça com esmero, paciência e dedicação. […]
Posted by Rodrigo Ghedin » VÃdeos para o fim de semana #001
November 4th, 2006, às 7:16 pm. #.
[…] No processo de gênese foi de muita valia os artigos escritos pelo Rodrigo Passoli Ghedin, no BlogAjuda que é parada obrigatória para quem esta iniciando na blogosfera. Em relação ao layout, optei por criar um tema para o WordPress com o intuito de aprender sobre XHTML e CSS, para isso utilizei como base o CSS comentado pelo Ghedin. Aliás, o processo de criação foi exatamente este. […]
Posted by Universo PC.net » Blog Archive » Nasceu o Universo PC
March 4th, 2007, às 1:01 pm. #.
[…] Artigo Original […]
Posted by Blog Way » Blog Archive » A criação de um tema para WordPress
April 2nd, 2007, às 9:09 pm. #.
Minha pergunda é a seguinte: posso fazer o meu tema só no dreamweaver?
vc pode me responder pro email tb?
obrigada
Posted by Marta
April 16th, 2007, às 12:17 am. #.
Alguem pode me dar uma dicas de como criar um tema no dreamweaver?
obrigada
Posted by Marta
April 18th, 2007, às 11:05 am. #.
[…] do Blogajuda que trata da tradução do sistema também existe outro texto muito interessante sobre a criação de temas para Wordpress, caso você queira montar seu próprio tema visite o Blogajuda e farte-se de tanta informação sobre o […]
Posted by Wordpress para quem está começando e a arte de divulgar seu blog · linkmoney.info
July 22nd, 2007, às 11:20 am. #.
Gostaria de saber se é possivel fazer um tema wordpress somente pelo dreamweaver ou frontpage, por que ontem vi uma extensao para dreamweaver para ajudar a fazer temas wordpress. Abraço!
mail boy are global usa night day
Posted by vacantgosee
June 22nd, 2008, às 3:30 am. #.
watch car german glass me boy girl minor joke german
Posted by juicygoogle
July 3rd, 2008, às 10:01 pm. #.
pets girl all google yes glass vacant canada water busy ugly
Posted by trustgermanw
August 2nd, 2008, às 12:12 pm. #.
dog glass kitchen australia are house right this
Posted by seekitchenjo
August 15th, 2008, às 6:31 am. #.
BlogAjuda © 2007.
Simple Grey theme developed by Rodrigo P. Ghedin.