Oficina de personalização para
Wordpress
Fabrício Ferracioli
Rennan Martini
Wordpress
• Content Management System
• PHP
• MySQL
• Versão 3.01
• GPLv2
Quem usa?
Personalizando o Wordpress
• Temas
– “Vestem” o site
– Arquivos de template
– Não altera o software das camadas abaixo
• P...
Personalizando o Wordpress – Temas
• Começando do zero
• Utilizando um tema limpo
– http://www.sordello.org/white-theme-te...
Personalizando o Wordpress
• Temas ficam em wp-content/themes
– Folhas de estilo (style.css)
– Templates
– Funções opciona...
Personalizando o Wordpress - Temas
• Tipos de página
– Home page
– Single post page
– Páginas (normalmente estáticas)
• Di...
Personalizando o Wordpress - Templates
• Contém blocos de construção do site
• Responsáveis por gerar conteúdo
• Escritos ...
Personalizando o Wordpress - Templates
• index.php - Arquivo principal e único obrigatório
• comments.php - template de co...
Personalizando o Wordpress - JS
• Arquivos externos
• Boas práticas de desenvolvimento
Personalizando o Wordpress
• Sempre siga as diretrizes de código do
Wordpress
• Teste seu tema em vários ambientes
• Se pr...
Amigos importantes
• Firebug
• Web Developer Toolbar
• Documentação do Wordpress
Referências
• http://codex.wordpress.org
• http://br.wordpress.org/
Obrigado
@fferracioli
kiss.souagil.com.br
@rennan_martini
Upcoming SlideShare
Loading in …5
×

Wordpress - Introdução

2,166 views
2,085 views

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,166
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
21
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Wordpress - Introdução

  1. 1. Oficina de personalização para Wordpress Fabrício Ferracioli Rennan Martini
  2. 2. Wordpress • Content Management System • PHP • MySQL • Versão 3.01 • GPLv2
  3. 3. Quem usa?
  4. 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. 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. 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. 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. 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. 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. 10. Personalizando o Wordpress - JS • Arquivos externos • Boas práticas de desenvolvimento
  11. 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. 12. Amigos importantes • Firebug • Web Developer Toolbar • Documentação do Wordpress
  13. 13. Referências • http://codex.wordpress.org • http://br.wordpress.org/
  14. 14. Obrigado @fferracioli kiss.souagil.com.br @rennan_martini

×