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

Fala minha gente! tudo bom?

Peço desculpas pela demora em continuar com essa sequência de posts: eu estava trabalhando em alguns projetos e fiquei sem muito tempo livre.

Hoje vamos continuar com a Parte 4 do nosso tema! :)

Criando um tema para WordPress

Se você ainda não está acompanhando, veja as outras partes dessa sequência de artigos:

Parte 4 - Separando o tema em blocos reutilizáveis

Na Parte 3 criamos o template básico da home (index.php) que ficou mais ou menos assim:

Agora vamos separar as partes do nosso tema!

É uma prática muito comum (e recomendada) que você separe - pelo menos - o topo e o rodapé do seu template em arquivos separados, assim podemos reutilizar esses “blocos” em todos os templates (páginas) do blog.

Vamos começar separar o header.php que contém todo o código desde o DOCTYPE até o fim do topo do seu site:

Depois precisamos separar o footer.php, fazendo a mesma coisa: partindo do fim do conteúdo (começo do rodapé) até o </body>:

Depois de salvar esses dois arquivos, é só fazer o “include” dentro do nosso index.php, deixando-o muito mais limpo:

Acabamos de usar duas funções novas:

  • get_header() - Incluir o topo padrão do site (header.php)
  • get_footer() - Inclui o rodapé padrão do site (footer.php)

Percebam que eu chamei de “topo padrão” e “rodapé padrão” pois se você fizer uma chamada do tipo:** get_header(‘especial’)** ele vai incluir o arquivo header-especial.php ao invés de header.php. .. O mesmo vale pro footer :)

Lateral

Por enquanto não temos um conteúdo pra lateral, mas o elemento (sidebar) já existe… então podemos fazer exatamente o que fizemos com o topo e rodapé: separar a lateral em um novo arquivo que pode ser re-utilizado pelos outros templates.

Primeiro criamos um arquivo sidebar.php com a marcação da lateral:

Depois incluímos ele no template usando a função get_footer(), assim:

Com isso nosso template contém só o conteúdo/miolo daquela página e podemos ter páginas com formatos diferentes, que incluam ou não a lateral e que possam usar topos ou rodapés diferentes do padrão (que não vai ser o caso desse blog).

Finalizando

Agora nosso template já tem a estrutura básica (e recomendada) de um template pro WordPress:

  • header.php - Topo do site
  • footer.php - Rodapé do site
  • sidebar.php - Lateral do site
  • index.php - Template da página inicial (listagem de posts)

Na Parte 5 iremos criar o single.php que é justamente o template que mostra todo o conteúdo do post (texto completo).

Gostou? Então comenta, compartilha e recomenda!

Abraços e até a próxima!

Thiago Belem / Blog

Thiago Belem


Publicado

Thiago Belem / Blog

Thiago Belem / Blog

Artigos e tutoriais sobre desenvolvimento WEB

Continue lendo