Opa opa! Estou de volta, e dessa vez vou fazer algo que meu amigo Thiago Gonzalez já está pedindo a bastante tempo: mostrar o passo-a-passo da criação de um tema de WordPress.
Como eu não gosto de reinventar a roda nem de fazer coisas muito genéricas, vou documentar um caso de uso do mundo real: a reformulação do tema do meu blog, este que você está lendo agora.
Irei mostrar pra vocês o passo-a-passo de todo o processo: Desde a criação da pasta vazia do tema, criação do HTML voltado pra WordPress (o CSS eu vou pular) e - por fim - alguns recursos do WordPress pra finalizar o tema… Vão ser vários posts ao longo de - provavelmente - uma semana.
Se tudo der certo, o último post da série vai ao ar junto com o lançamento do novo layout do blog. :)
Recomendo à todos uma leitura por alto do artigo Theme Development no Codex… É de lá que eu tiro a maior parte das dúvidas sobre o processo de criação de temas.
Passo 1 - Estrutura inicial do tema
Iremos criar um tema totalmente do zero, sem herdar ou usar códigos de outros temas.
Pra começar, criamos uma pasta - dentro de /wp-content/themes/
- para o nosso tema com os seguintes arquivos dentro:
- style.css - Onde definimos o título, autor e outros dados do tema
- index.php - Onde iremos criar o HTML do tema
Passo 2 - Informações sobre o tema (style.css)
Agora precisamos abrir o style.css
e colocar um bloco de comentário CSS com as informações sobre o tema:
Com isso o tema já aparece na nossa lista de temas dentro do Painel de Controle do WordPress:
Tema disponível
Nosso tema já pode ser habilitado, e quando você acessar o blog já estará vendo o conteúdo do arquivo index.php
que você criou antes: uma tela em branco! :)
No próximo artigo vamos começar a criar o HTML da página inicial..
Até a próxima!