Material montado por Fabrício Ferraciolo (@fferracioli) e Rennan Martini para Oficina de Wordpress ministrada aos alunos de Artes Visuais da UNOPAR.

1. Oficina de personalização para
Wordpress
Fabrício Ferracioli
Rennan Martini

2. Wordpress
• Content Management System
• PHP
• MySQL
• Versão 3.01
• GPLv2

3. Quem usa?

4. Personalizando o Wordpress
• Temas
– “Vestem” o site
– Arquivos de template
– Não altera o software das camadas abaixo
• Plugins
– Estendem as funcionalidades do Wordpress
– Projetados para serem simples
– Maximiza a flexibilidade
– Minimiza a quantidade de código

5. Personalizando o Wordpress – Temas
• Começando do zero
• Utilizando um tema limpo
– http://www.sordello.org/white-theme-tema-
wordpress-branco-e-clean/
– http://code.google.com/p/bitpress/wiki/Emptines
s
– http://fabapps.com/wordpress/nearnothing/
• Baseado em um tema
– http://wordpress.org/extend/themes/

6. Personalizando o Wordpress
• Temas ficam em wp-content/themes
– Folhas de estilo (style.css)
– Templates
– Funções opcionais (functions.php)
– Javascript
– Imagens
• Nova funcionalidade do Wordpress 3 – Child
Themes

7. Personalizando o Wordpress - Temas
• Tipos de página
– Home page
– Single post page
– Páginas (normalmente estáticas)
• Divisões do CSS
– Header
– Sidebar
– Post
– Footer

8. Personalizando o Wordpress - Templates
• Contém blocos de construção do site
• Responsáveis por gerar conteúdo
• Escritos em PHP, saída HTML
• Controlam a estrutura do site
Não se esqueça, siga a hierarquia de templates

9. Personalizando o Wordpress - Templates
• index.php - Arquivo principal e único obrigatório
• comments.php - template de comentários
• front-page.php - página principal estática
• home.php - página inicial default. Caso a inicial seja estática, passa a ser template de página com os
últimos posts.
• single.php - página de post único
• single-<post-type>.php
• page.php - template de páginas
• category.php - template de categoria
• tag.php - template de tag
• author.php - template para autor
• date.php - template para datas
• archive.php - template de solicitação, sobreposto pelos específicos
• search.php - template de resultado de buscas
• attachment.php - template de anexos
• image.php - template de imagens
• 404.php - template para o erro 404

10. Personalizando o Wordpress - JS
• Arquivos externos
• Boas práticas de desenvolvimento

11. Personalizando o Wordpress
• Sempre siga as diretrizes de código do
Wordpress
• Teste seu tema em vários ambientes
• Se pretende atingir um público com idiomas
múltiplos, siga as diretrizes de
internacionalização.

12. Amigos importantes
• Firebug
• Web Developer Toolbar
• Documentação do Wordpress

13. Referências
• http://codex.wordpress.org
• http://br.wordpress.org/

14. Obrigado
@fferracioli
kiss.souagil.com.br
@rennan_martini