Criando um tema customizado no Wordpress

Obs: O blogger não permite colocar tags php nos blocos de código. Então toda vez que mencionar entre chaves php me refiro a esse tipo de código:

 

Configuração Básica

Já tendo o wordpress instalado e configurado na sua máquina, para criar um tema novo é bem simples.

Primeiro passo é criar uma pasta para seu novo tema dentro de:

 C:\xampp\htdocs\wordpress\wp-content\themes 

Dentro da sua nova pasta crie um arquivo style.css e outro com nome de index.php.

Essa é a estrutura básica para um tema ser reconhecido.

Se entrar no painel do wordpress será possível visualizar o tema, porém não haverá nenhuma informação relevante como nos outros temas.

Para incluir essas informações sobre tema, é preciso incluir como forma de comentários dentro do arquivo style.css

/*
Theme Name: Aprendendo Wordpress 
Author: Seu nome
Description: Tema customizado criado para aprendizagem do wordpress.
Version: 1.0.0
Tags: aprendizado, customizacao, 
*/

Para que o thumbnail com o preview do tema apareça também é necessário ter essa imagem, nomear screenshot.jpg e incluir na pasta principal.

Para configurar o tema:

É possível incluir todo o site/blog num único arquivo index.php? Sim, funcionaria. Mas não é o objetivo de se criar um tema do Wordpress, pois não refletiria as alterações feitas dentro da plataforma do Wordpress, mas vamos por partes

Criando o Cabeçalho para o tema

Para criar o cabeçalho crie um arquivo chamado header.php.

No arquivo header.php teremos toda estrutura inicial da nossa página html. Literalmente o mas com algumas alterações.

Crie um página html normalmente, porém deixe o código até a abertura da tag body. No lugar do título, entre código PHP, coloque o código wordpress correspondente:

bloginfo('name');  

Logo após o título, também é necessário incluir um código para que todo o layout funciona (inclua este código entre chaves php):

 wp_head(); 

Criando o Rodapé para o tema

Para criar o rodapé crie um arquivo chamado footer.php.

Neste arquivo feche a tag body aberta do cabeçalho e incluia o seguinte código entre chaves php:

wp_footer();

Não se esqueça de fechar a tag html também aberta do cabeçalho. Ao final todos os arquivos irão de unir e formar um arquivo só, por isso temos que abrir e fechar todas as tags.

Se você já tiver uma página em html criada, pode copiar e colar o conteúdo do cabeçalho e do rodapé nos arquivos que criamos para eles.

Configurando o arquivo index.php

Agora que já configurei o cabeçalho e o rodapé, posso chamar esses arquivos no arquivo principal criado: o index.php

Para incluir o arquivo do cabeçalho dentro do index.php, use o seguinte código entre chaves php:

require_once 'header.php';

E para incluir o rodapé, temos um código semelhante:

require_once 'footer.php';