Olá galerinha, neste artigo vou mostrar como eu faço para criar meus templates em WordPress.
A para quem está começando agora a entrar no mundo da programação é necessário que tenha conhecimento nas seguintes linguagens:
HTML5, CSS3 e PHP.
Caso não saiba como instalar o WordPress clique aqui, fiz um artigo especialmente para você! 😀
Basicamente você vai sempre seguir esse esquema de arquivos.
index.php = É o arquivo que será chamado quando não houver a página que estiver conteúdo.
front-page.php = Essa será a página HOME, ou a página inicial.
sidebar.php = Aqui podemos criar widgets de mostrar os posts recentes, newslleters, ultimos comentários e assim por diante.
single.php = Neste arquivo, será exibido todo conteúdo dos posts e páginas criadas dentro do CMS do WordPress.
header.php = Nosso cabeçalho onde indicamos nossos maravilhosos CSS’s, por ele ser dinâmico temos que deixar esse arquivo separado.
footer.php = Como sabemos o footer é o rodapé de nossos site, aqui ele continua sendo a mesma coisa, porém como ele deve ser dinâmico ele tem que ser um arquivo separado.
functions.php = Pelo nome ja diz, aqui você vai inserir todas as funções do seu site WordPress e criar widgets.
style.css = Nosso grande CSS que damos a vesão do site, screenshot do tema, nome para o tema, descrição e etc.
404.php = Aparecerá quanto não houver uma página solicitada pelo usúario.
E a imagem chamada “screenshot” que é o thumbnail que irá aparecer quando for selecionar o tema criado.
Enfim não é tão complicado, por isso vou deixar aqui um template simples que fiz para que você entenda melhor a hierarquia de arquivos e páginas.
Coloque este código abaixo no style.css para que WordPress reconheça o seu template.
/* Theme Name: Nome do seu template Theme URI: http://www.seusiteaqui.com.br/ Description: Uma descrição para o seu template. Author: Nome do Autor Author URI: http://www.seusiteaqui.com.br/ Version: 1.0 Tags: separadas por vírgulas para identificar seu template */
Coloque os arquivos baixado dentro da pasta wp-content/themes/
Veja o exemplo:
Download dos arquivos do template: