Wordpress - Introdução

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

description

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

Transcript of Wordpress - Introdução

Page 1: Wordpress - Introdução

Oficina de personalização para Wordpress

Fabrício FerracioliRennan Martini

Page 2: Wordpress - Introdução

Wordpress

• Content Management System• PHP• MySQL• Versão 3.01• GPLv2

Page 4: Wordpress - Introdução

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

Page 5: Wordpress - Introdução

Personalizando o Wordpress – Temas

• Começando do zero• Utilizando um tema limpo– http://www.sordello.org/white-theme-tema-word

press-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/

Page 6: Wordpress - Introdução

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

Page 7: Wordpress - Introdução

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

Page 8: Wordpress - Introdução

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

Page 9: Wordpress - Introdução

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

Page 10: Wordpress - Introdução

Personalizando o Wordpress - JS

• Arquivos externos• Boas práticas de desenvolvimento

Page 11: Wordpress - Introdução

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.

Page 12: Wordpress - Introdução

Amigos importantes

• Firebug• Web Developer Toolbar• Documentação do Wordpress

Page 13: Wordpress - Introdução

Referências

• http://codex.wordpress.org• http://br.wordpress.org/

Page 14: Wordpress - Introdução

Obrigado

@fferraciolikiss.souagil.com.br

@rennan_martini