Criação de Temas para WordPress

Aprenda técnicas de criação e de desenvolvimento de temas para WordPress e desenvolva um tema a partir de um layout real.

Índice de Conteúdo
INTRODUÇÃO
O que é um tema WordPress?
Devo realmente criar um tema WordPress?
O que preciso para criar um tema WordPress?
Ambiente de desenvolvimento em PHP
Estrutura de um tema WordPress
Gerenciamento de temas WordPress: como instalar, ativar, editar e excluir
Sugestão de um fluxo de trabalho
Hierarquia de arquivos
A lógica da hierarquia de arquivos de temas WordPress
Tags de template
Anatomia de uma Tag de template
Como passar parâmetros às funções do WordPress
Tags de template para inclusão de arquivos
Tags …exibir mais conteúdo…

Esse diretório é composto de no mínimo dois arquivos: style.css e index.php..
O primeiro, além de ser a folha de estilo responsável pela apresentação do tema, define todos os seus detalhes através de tags reconhecidas pelo mecanismo do WordPress; já o segundo exibe o conteúdo.
Detalhes do tema
Como dito, todos os detalhes de um tema estão descritos no arquivo style.css através de tags específicas. Vejamos:
/*
Theme Name: Desenvolvimento de Temas para WordPress
Theme URI: http://pro.imasters.com.br/
Description: O treinamento vai mostrar a utilidade e o desenvolvimento de temas...
Version: 1.0
Author: Leandro Vieira
Author URI: http://leandrovieira.com
Tags: WordPress, temas, imasters, treinamentos, leandro vieira
*/
O mecanismo de temas do WordPress percorre cada diretório dentro de /wp-content/themes/ a procura do arquivo style.css e o analisa.
Por meio dessa dessa análise o WordPress tem acesso ao nome, descrição, autor, versão e outras informações sobre o tema. Os temas encontrados são listados no Gerenciador de Temas na administração de seu WordPress.
Arquivos que compõe um tema WordPress
Como dito anteriormente, um tema WordPress é composto de, no mínimo, dois arquivos: style.css eindex.php. No entanto, há vários outros arquivos básicos de um tema. Vamos conhecê-los:
Arquivos básicos de um tema WordPress style.css index.php