Iniciando um tema WordPress do zero
Você já sabe como iniciar um tema WordPress do zero?
No vídeo você vai aprender a fazer a instalação de 5 minutos do WordPress e como iniciar um tema WordPress do zero.
Dentro da instalação do WordPress temos a seguinte arquitetura de pastas:
- pastas relacionadas ao admin ( wp-admin )
- arquivos de inclusão onde se encontra as funções nativas do WordPress ( wp-includes )
- pasta contendo os temas, plugins e uploads ( wp-content )
Para iniciar um tema WordPress, primeiro você deve criar uma pasta dentro da wp-content/themes com o nome do tema que você quer.
Depois de criar a pasta, você vai precisar criar alguns arquivos necessários para o tema aparecer no painel de administração.
style.css
O primeiro deles é o style.css, apesar de ter a extensão de folha de estilos, geralmente esse arquivo é utilizado apenas para informar ao WordPress as informações do tema.
Dentro do style.css você vai informar ao WordPress o nome do tema, versão, descrição, nome do autor entre outras opções que o WordPress disponibiliza, você pode ver todos os valores disponíveis aqui: https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/.
Além do style.css, você vai precisar criar mais um arquivo obrigatório para o seu tema funcionar corretamente, o index.php.
index.php
O index.php é o arquivo principal de um tema, mesmo que você não utilize o index.php para nada, ele precisa ser criado.
Com esses dois arquivos criados, você vai conseguir ativar seu tema com sucesso, mesmo que não tenha informação nenhuma nele ainda.
O próximo passo vai ser criar dois arquivos de inclusão essenciais para o funcionamento do tema, o header.php e o footer.php.
header.php
O header.php é o arquivo de cabeçalho do WordPress.
No arquivo, montamos a estrutura inicial do HTML5 e passamos uma função nativa do WordPress.
Essa função nativa, informa ao WordPress que o arquivo é o header e o <head> está dentro desse arquivo.
A função que você deve passar é a wp_head();
footer.php
O footer é o arquivo de rodapé do WordPress, onde finalizamos a estrutura inicial do HTML e passamos a função wp_footer().