leitura de
Encontrou um problema no conteúdo? Por favor, deixe seu comentário!

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!

Thiago Belem / Blog

Thiago Belem


Publicado

Thiago Belem / Blog

Thiago Belem / Blog

Artigos e tutoriais sobre desenvolvimento WEB

Continue lendo