Este documento fornece uma introdução aos principais conceitos e funcionalidades de desenvolvimento de temas no WordPress. Ele explica como usar as principais tags e arquivos de template, como header.php, footer.php e loop.php, para construir sites personalizados. O documento também descreve como usar tags condicionais para exibir conteúdo de forma diferente dependendo da página ou categoria.

1. Wordpress
Primeiros passo com temas
Prof. Wesley R. Bezerra
wesley@wbezerra.com.br

2. Roteiro
• Documentação no Codex
• As paginas do template
• Trabalhando com tags
• Loop

3. Objetivo
• Conhecer as
principais
características de
desenvolvimento ou
customização de um
template com
wordpress

4. Documentação no Codex
• O codex é um manual no
formato de wiki.
• Permite acesso a todas as
funções do wordpress
http://codex.wordpress.org/

5. AS PAGINAS DO TEMPLATE

6. Principais arquivos
• Abaixo a lista dos principais arquivos de um template, nem
todos são obrigatórios:
– index.php
– header.php
– footer.php
– single.php
– page.php
– search.php

7. – category.php
– sidebar.php

8. Index.php
• É o arquivo home da
página.
• Caso não exista um
template especifico para
a pagina acessada ele
voltará sempre para
home.

9. Header.php
• É o arquivo responsável por
encapsular o cabeçalho das
paginas do wordpress.
• Informações como titulo, ou
qualquer outro meta dados
deverão ser incluídos neste
arquivo.
• Geralmente, tem o menu do site.

10. Footer.php
• É o rodapé da página.
• Este arquivo será
utilizado em todo o
site.

11. Single.php
• Arquivo utilizado para a
exibição de um único
post.

12. Page.php
• É responsável por
renderizar cada pagina
existente no wordpress.
• Caso necessário, uma
pagina pode ter seu
template especifico (page-n.
php)

13. Search.php
• Código responsável pela
busca no site.

14. Category.php
• Pagina que lista as categorias
do site.
• Pode existir paginas
customizadas para cada
categoria.

15. Sidebar.php
• Área da barra de plug-ins.
• Em um site pode existir
múltiplas áreas de plug-ins.

16. TRABALHANDO COM TAGS

17. Incluindo tags
• Uma lista das tags existentes:
– get_header()
– get_footer()
– get_sidebar()
– get_template_part()

18. get_header()
• Responsável o cabeçalho.
• Chamará o arquivo header.php
• Seu uso facilita a reutilização e a organização de seu código

19. Get_footer()
• Chamará o footer.php
• Responsável por desenhar o rodapé de uma página.

20. Get_sidebar()
• Responsável por desenhar a sidebar.
• Pode passar parâmetros para obter a site bar especifica
desejada.
• Auxilia na modularidade e reutilização

21. Get_template_part()
• Chama qualquer pagina que se queria incluir em um template;
• A pagina deve ser passada por parâmetro, assim como seu
complemento.
• Muito útil para modularização e organização do código.

22. Tags condicionais
• Algumas tags podem lhe ajudar a fazer um tratamento especial
em alguns casos, como por exemplo: quando não for
encontrada uma pagina o wordpress redirecionará para o index
com a flag is_404 ativa. Isto lhe permite tratar este erro e
aplicar uma mensagem apropriada.
• Vejamos algumas tags condicionais.

23. • Existem diversas tags condicionais, das mais utilizadas são na
criação de templates:
– is_home()
– is_category()
– is_single()
– is_page()
– has_tag()
– is_404()

24. Is_home()
• Permite ao desenvolvedor saber se o conteúdo esta sendo
exibido na home

25. Is_category()
• Permite saber se o conteúdo exibido é de uma categoria
específica.
• Por exemplo, textos de esportes podem ter um fundo
diferente.

26. Is_single()
• Permite saber se o texto exibido veio de um post.
• Também permite saber se o post é um post especifico, ou seja,
utilizando o id como comparação podemos saber se o post
exibido é o post que desejamos.

27. Is_page()
• Permite ao desenvolvedor saber se a página é uma página
especifica.

28. Has_tag()
• Permite ao desenvolvedor saber se o conteúdo exibido tem a
ele uma tag em especial aplicada.
• Podemos mudar as características visuais de acordo com as
tags. Por exemplo, um noticia com a tag “bombástica”, pode
ter uma borda vermelha para destaca-la.

29. Is_404()
• Permite saber se a requisição foi encaminhada a partir de um
erro 404.

30. LOOP

31. O loop
• Loop básico:

32. As funções associadas ao loop
• Aqui estão algumas das funções utilizadas dentro do loop para
aquisição dos dados.
• Para mais informações sobre funções, consulte o codex.
• Abaixo a lista:
– the_permalink();
– the_contente();
– the_excerpt()
– the_ID();
– is_stick();

33. The_permalink()
• Obtém o link permanente do post

34. The_content()
• Obtém o conteúdo do post.

35. The_excerpt()
• Exibe o conteúdo do conteúdo (tira algumas formatações)

36. The_ID()
• Exibe o id do conteúdo

37. Is_stick()
• Verifica se o post tem a característica de stick.
• Stick são post marcados na hora da publicação para serem
exibidos na primeira página.

38. Conclusão
• Baseado em pequenas funções (ou tags) podemos ter grande
capacidade de criação. Seja alterando templates ou criando
nossos próprios, o wordpress é uma ferramenta que permite
ao desenvolvedor uma grande liberdade de trabalho

39. Dúvidas e Sugestões
wesley@wbezerra.com.br
@wesleybez