Esta é uma série de tutoriais cobrindo os conceitos básicos de desenvolvimento de um tema WordPress do zero. É para você que se interessou um pouco em mudar outros temas, desejando saber o suficiente para criar o seu próprio tema, ou tentou fazer seu próprio tema do zero, mas teve dificuldade em entender o básico do que um tema precisa. Através de 12 lições, este tutorial visa orientá-lo no desenvolvimento de seu próprio tema WordPress, enquanto aprende práticas comuns e o básico sobre como o WordPress funciona. O objetivo deste tutorial não é terminar com um tema de aparência incrível e pronto para uso ou venda, mas fornecer a base sólida necessária para construí-lo e ampliá-lo.
Eu recomendo que você escreva tudo sozinho em vez de copiar e colar o código. Essa é a melhor maneira de aprender (não se preocupe, não estamos falando de milhares de linhas aqui)! As lições são configuradas para que você aprenda o que cada pedaço de código faz, passo a passo, para que você possa modificá-lo e adicioná-lo ao longo do caminho, para que você possa deixá-lo exatamente como deseja ou parecer. No final de cada lição, colocarei links para páginas de documentação para cada método usado, geralmente para WordPress Codex.
Este tutorial não cobrirá nenhum estilo (CSS), no entanto, explica como você pode adicionar suas folhas de estilo ao seu tema e mostra como dizer ao WordPress para adicionar dinamicamente classes úteis em seu HTML. Eu encorajo você a estilizar seu tema para si mesmo enquanto você acompanha.
Pré-requisitos
Este tutorial é para você que:
- Conhecer o básico de HTML e CSS
- Conheça um pouco de PHP. Você não precisa ser um especialista, mas deve saber o básico
- Está familiarizado com o uso do WordPress
- Quero aprender!
O que você vai precisar para seguir este tutorial é:
- Uma configuração de desenvolvimento local. Você pode desenvolver transferindo por FTP para um domínio, mas é recomendável configurar um localmente. Você (obviamente) também precisa ter o WordPress instalado em seu site de desenvolvimento. Eu explico brevemente como fazer isso na Parte 0.
- Um bom editor de texto. Você pode usar qualquer editor, como o Bloco de Notas e similares, mas é recomendável usar um software direcionado para codificação (é mais fácil ler, encontrar e escrever código). Pessoalmente eu uso o Sublime Text 3.
Índice do tutorial
Abaixo há links diretos para todas as 12 lições deste tutorial; no entanto, no final de cada lição, você encontrará links de navegação para a lição seguinte ou anterior, portanto, não precisa voltar aqui.
Sem mais delongas, vamos começar! Se você já tem uma configuração de desenvolvimento local do WordPress, pule para a Parte 1: Introdução.
-
A etapa 0.5 no tutorial do tema WordPress para iniciantes aborda como configurar um ambiente de desenvolvimento local com WAMP ou XAMPP e instalar o WordPress.
-
Tutorial de Tema WordPress para Iniciantes – Parte 1: Introdução
Nesta lição, você começará a aprender como o WordPress carrega conteúdo dependendo da página em que você está e da hierarquia dos arquivos de modelo de tema. Você também aprenderá o que é necessário para um tema válido. E no final vamos finalmente criar nosso tema e ativá-lo.
-
Tutorial de Tema WordPress para Iniciantes – Parte 2: Modelos
Esta lição ensinará como estruturar os principais modelos de construção em um tema WordPress. Começaremos a criar os modelos mais importantes.
-
Tutorial de Tema WordPress para Iniciantes – Parte 3: Conteúdo Dinâmico
Nesta lição do tutorial do tema WordPress para iniciantes, aprenderemos sobre ganchos no WordPress e adicionaremos alguns ganchos em nosso tema que são necessários para que um tema funcione corretamente com o WordPress e plugins. Também começaremos a acessar conteúdo dinâmico do WordPress em nosso cabeçalho, como obter automaticamente o título da página atual.
-
Tutorial de Tema WordPress para Iniciantes – Parte 4: O Post Loop
Nesta lição do tutorial do tema WordPress para iniciantes, entraremos em detalhes sobre o “post loop" no WordPress; o que é, como se parece, por que o usamos e como acessar os posts. loop em nosso tema.
-
Tutorial de Tema WordPress para Iniciantes – Parte 5: Acessando Informações de Post
Esta lição do tutorial do tema WordPress para iniciantes será sobre como podemos acessar e produzir informações como link, título e muito mais de cada postagem quando estiver dentro do loop de postagem. Fazemos isso com tags de modelo. No processo, também adicionaremos os modelos de visualização única ao nosso tema.
-
Tutorial de Tema WordPress para Iniciantes – Parte 6: Funções de um Tema.php
Hoje vamos aprender onde e como adicionar código fora dos templates em nosso tema. Fazemos isso adicionando o arquivo functions.php do tema. Ao longo do caminho, também aprenderemos como adicionar suas folhas de estilo e scripts da maneira correta.
-
Tutorial de Tema WordPress para Iniciantes – Parte 7: Configuração do Tema e Imagens em Destaque
Esta lição continua adicionando o código básico necessário para configurar um tema WordPress. Aprendemos a adicionar suportes de temas e filtrar o título da primeira página.
-
Tutorial de Tema WordPress para Iniciantes – Parte 8: Tradução
Aprendemos como funciona a tradução (ou i18n) no WordPress e como tornar os textos traduzíveis. Também inclui um guia sobre como usar o PoEdit para gerar arquivos .po.
-
Tutorial de Tema WordPress para Iniciantes – Parte 9: Menus e Áreas de Widget
Esta lição aborda como adicionar dois recursos principais do WordPress ao nosso tema; menus e áreas de widgets. Aprendemos como registrar um local para o menu de navegação principal de um site e produzir o menu em nossos modelos, além de permitir a adição de widgets em nossa barra lateral e área de rodapé.
-
Tutorial de Tema WordPress para Iniciantes – Parte 10: Adicionando Mais Modelos
Nesta lição do tutorial do tema WordPress para iniciantes, vamos mergulhar mais nos modelos. Vamos aprender sobre as partes do modelo e implementá-lo para reutilização. E adicionaremos mais modelos padrão do WordPress ao nosso tema.
-
Tutorial de Tema WordPress para Iniciantes – Parte 11: Modelos de Páginas Personalizados
Nesta lição do tutorial do tema WordPress para iniciantes, aprendemos sobre modelos de página, o que são, como criá-los e as melhores práticas. Faremos um modelo de largura total como exemplo. Ao longo do caminho, também adicionamos uma classe ao corpo perguntando se a página está usando um modelo de página específico.
-
Tutorial de Tema WordPress para Iniciantes – Parte 12: Consulta de postagem personalizada
Nesta lição final, aprendemos como escrever sua própria consulta de postagens e fazer um loop por elas sem interromper o loop pai no modelo. Faremos uma parte de modelo para postagens únicas que mostre postagens relacionadas na mesma categoria.
-
Tutorial de Tema WordPress para Iniciantes – Conclusão e Próximos Passos
Concluímos este tutorial de tema WordPress para iniciantes fazendo uma rápida recapitulação do que aprendemos. E veja o que você pode fazer a seguir e como se aprimorar como desenvolvedor de temas do WordPress.