WordPress Logo

Criando um tema para WordPress – Parte 2

Na Parte 1 começamos a criar o tema, e agora nós vamos começar a criar o HTML da home do novo tema do meu blog. :)

Por enquanto não tenho nenhum layout à seguir, então vou tentar criar o “HTML ideal” com o máximo de semântica possível e vamos ver o que vai sair disso…

Passo 3 – Estrutura inicial de uma página HTML5

Pra começar, abrimos o index.php que até então está vazio e adicionamos a estrutura básica do HTML5:

Como vocês podem ver, não há nada demais aí.. vamos começar a usar algumas funções do WordPress pra facilitar a nossa vida.

Passo 4 – Funções básicas de tema no WordPress

Agora iremos usar as seguintes funções:

  • language_attributes() – Exibe os atributos de idioma para o elemento html
  • bloginfo() – Exibe informações sobre o blog, como título, descrição, url e etc.

Aplicando essas funções ao nosso index.php, vamos ficar com o seguinte:

Aproveitei pra usar a função bloginfo() pra pegar a url completa do tema e inserir o nosso estilo.css (que eu ainda nem criei, mas isso não é um problema)…

Caso você use a bloginfo() sem passar nenhum parâmetro, ela irá retornar o título do blog, que é que fizemos dentro da tag title.

Como resultado, acessando o blog teremos o seguinte código fonte:

Passo 5 – Feed RSS e Atom

Já que estamos criando um tema para blog, nada melhor do que aproveitar que estamos editando o elemento head e adicionar os links dos mesmos:

Finalizando

Espero que tenham gostado… no próximo artigo iremos começar a montar o HTML do topo e do conteúdo da página, onde iremos listar os posts. :)

Gostou? Então comente! Caso contrário eu posso ficar desmotivado e a terceira parte não vai sair…

18 ideias sobre “Criando um tema para WordPress – Parte 2

  1. Erich Casagrande PErusso

    Cara, Eu já acompanhei vários artigos e tutoriais os seus são sempre claros objetivos sensacional mesmo !

  2. Ruan

    muito bons seus posts (não só estes de wordpress, acompanho seu blog com frequência).
    estou aprendendo muito sobre wordpress, que é uma area que realmente não tenho nenhum conhecimento, e esa bem facil de acompanhar, obrigado^^

  3. Pingback: Criando um tema para WordPress – Parte 4 | Thiago Belem / Blog

  4. Renato Reis

    Thiago,
    Acho que vale o comentário…eu particularmente prefiro usar a função “wp_title()” para exibir o título não só por ser mais semântico e fácil de lembrar, mas também por existirem muitos plugins que fazem hook nela. #ficadica ;)

  5. Jaques Dias

    Está indo muito bem. Só acho que deveria falar mais funções em um só post para que o conteúdo tenha mais valor. Por exemplo, daria para colocar esse post junto com o primeiro e ainda ter falado do header.php.

Os comentários estão fechados.