SlideShare une entreprise Scribd logo
1  sur  14
Télécharger pour lire hors ligne
Boas práticas de
desenvolvimento
de temas para
WordPress
1. Escolha um bom
framework de front-end ou
crie o seu
Bootstrap
http://twitter.github.io/bootstrap/
Pure
http://purecss.io/
2. Consulte sempre o
WordPress Codex
http://codex.wordpress.org
3. Faça bom uso da
Hierarquia de Template
do WordPress
http://codex.wordpress.org/Template_Hierarchy
4. Checklist para os
arquivos de template
padrões
header.php
sidebar.php
footer.php
index.php
archive.php
page.php
single.php
comments.php
search.php
404.php
style.css
5. Faça bom uso das
funções de inclusões do
WordPress
get_footer();
get_header();
get_sidebar();
get_template_part();
get_footer(“noticias”); // footer-noticias.php
get_header(“noticias”); // header-noticias.php
get_sidebar(“noticias”); // sidebar-noticias.php
get_template_part(“loop”); // loop.php
6. Utilize as funções de
classes de Tema do
WordPress, elas podem
ser muito úteis para
você
body_class()
post_class()
7. Crie formatações para
as classes geradas pelo
WordPress
.aligncenter
.alignleft
.alignright
.wp-caption
.wp-caption-text
.gallery-caption
.sticky
.bypostauthor
8. Utilize as funções de
Plugin API Hooks
wp_head()
wp_footer()
9. Aumente os recursos do
seu tema com Theme
Options, Custom fields e Post
Types
NHP Theme Options Framework
https://github.com/leemason/NHP-Theme-Options-Framework
Custom Metaboxes and Fields Framework
https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for-
WordPress
Plugin Options Framework
http://wordpress.org/plugins/options-framework/screenshots/
Plugin Advanced Custom Fields
http://wordpress.org/plugins/advanced-custom-fields/
Plugin Types
http://wordpress.org/plugins/types/
10. Teste o suporte de
conteúdo do seu tema
utilizando o arquivo theme-
unit-teste-data.xml
https://wpcom-themes.svn.automattic.com/
demo/theme-unit-test-data.xml
11. Plugins de supporte para
o desenvolvedor
Debug Bar
http://wordpress.org/plugins/debug-bar/
Developer
http://wordpress.org/plugins/developer/
screenshots/

Contenu connexe

Tendances

WordPress - Muito alem de blogs
WordPress - Muito alem de blogsWordPress - Muito alem de blogs
WordPress - Muito alem de blogsGislaine Pereira
 
WordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteWordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteFlávio Ricardo B. Meira
 
Clean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalClean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalLeo Baiano
 
Como criar um tema para WordPress
Como criar um tema para WordPressComo criar um tema para WordPress
Como criar um tema para WordPressRafael Funchal
 
Construindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressConstruindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressLeo Baiano
 
Introducao ao WordPress
Introducao ao WordPressIntroducao ao WordPress
Introducao ao WordPressKennedy Lucas
 
Site profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmailSite profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmailEmersonGonalves43
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpressMateus Neves
 
HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3Israel Messias
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015Nauweb
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1Israel Messias
 
Melhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPressMelhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPressJulian Fernandes
 
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot BrasilDesenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot BrasilMichael Douglas Meneses de Souza
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2Israel Messias
 
WordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPressWordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPressRuan Barbosa
 

Tendances (20)

WordPress - Muito alem de blogs
WordPress - Muito alem de blogsWordPress - Muito alem de blogs
WordPress - Muito alem de blogs
 
WordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu siteWordPress da instalação à criação de temas personalizados para seu site
WordPress da instalação à criação de temas personalizados para seu site
 
Clean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissionalClean code: programando com WordPress de forma profissional
Clean code: programando com WordPress de forma profissional
 
Como criar um tema para WordPress
Como criar um tema para WordPressComo criar um tema para WordPress
Como criar um tema para WordPress
 
Construindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPressConstruindo sites e sistemas com WordPress
Construindo sites e sistemas com WordPress
 
Introducao ao WordPress
Introducao ao WordPressIntroducao ao WordPress
Introducao ao WordPress
 
Wordpress - Além dos blogs
Wordpress - Além dos blogsWordpress - Além dos blogs
Wordpress - Além dos blogs
 
Php aula1
Php aula1Php aula1
Php aula1
 
Site profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmailSite profissional em wordpress - emerson01@gmail
Site profissional em wordpress - emerson01@gmail
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpress
 
HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3HTML - HyperText Markup Language - 3
HTML - HyperText Markup Language - 3
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015WordPress para Gestores de Conteúdo - WordCamp BH 2015
WordPress para Gestores de Conteúdo - WordCamp BH 2015
 
HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1HTML - HyperText Markup Language - 1
HTML - HyperText Markup Language - 1
 
Loop do wordpress
Loop do wordpressLoop do wordpress
Loop do wordpress
 
Melhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPressMelhorando o desempenho do seu WordPress
Melhorando o desempenho do seu WordPress
 
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot BrasilDesenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
Desenvolver um tema para Moodle 2.7 - 9º Moodle Moot Brasil
 
Top Plugins Wordpress
Top Plugins WordpressTop Plugins Wordpress
Top Plugins Wordpress
 
HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2HTML - HyperText Markup Language - 2
HTML - HyperText Markup Language - 2
 
WordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPressWordCamp SP 2014 - SEO para Desenvolvedores WordPress
WordCamp SP 2014 - SEO para Desenvolvedores WordPress
 

Similaire à Boas práticas de desenvolvimento de temas para WordPress

WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2Giancarlo Silva
 
Criando Sites Com CMS
Criando Sites Com CMSCriando Sites Com CMS
Criando Sites Com CMSClaudio Toldo
 
Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4Fabio Telles Rodriguez
 
Zend Framework 2 é legal ! Mas como ele funciona ?!
Zend Framework 2 é legal ! Mas como ele funciona ?!Zend Framework 2 é legal ! Mas como ele funciona ?!
Zend Framework 2 é legal ! Mas como ele funciona ?!Alefe Variani
 
Introdução ao framework CodeIgniter
Introdução ao framework CodeIgniterIntrodução ao framework CodeIgniter
Introdução ao framework CodeIgniterAnderson Gonçalves
 
Otimização Front-end para WordPress
Otimização Front-end para WordPressOtimização Front-end para WordPress
Otimização Front-end para WordPressGuga Alves
 
Introdução ao zend framework
Introdução ao zend frameworkIntrodução ao zend framework
Introdução ao zend frameworkMarcos Oliveira
 
Boas Práticas de programação WordPress
Boas Práticas de programação WordPressBoas Práticas de programação WordPress
Boas Práticas de programação WordPressThiago Mendes
 
Devmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14Tatiane Pires
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funçõesDaniel Marcos
 
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1Thyago Maia
 
Analise frameworks php
Analise frameworks phpAnalise frameworks php
Analise frameworks phpIgor Moura
 
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPCakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPArlindo Santos
 
Iniciando com o_zend_framework
Iniciando com o_zend_frameworkIniciando com o_zend_framework
Iniciando com o_zend_frameworkMilton Rodrigues
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressLeandrinho Vieira
 
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...Anyssa Ferreira
 

Similaire à Boas práticas de desenvolvimento de temas para WordPress (20)

WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2WordPress: De blogs pessoais a grandes portais - Parte 2
WordPress: De blogs pessoais a grandes portais - Parte 2
 
Criando Sites Com CMS
Criando Sites Com CMSCriando Sites Com CMS
Criando Sites Com CMS
 
Como desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a ZComo desenvolver um tema wordpress de A a Z
Como desenvolver um tema wordpress de A a Z
 
Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4Tutorial para criação de módulo no Xoops 2.4
Tutorial para criação de módulo no Xoops 2.4
 
Zend Framework 2 é legal ! Mas como ele funciona ?!
Zend Framework 2 é legal ! Mas como ele funciona ?!Zend Framework 2 é legal ! Mas como ele funciona ?!
Zend Framework 2 é legal ! Mas como ele funciona ?!
 
Introdução ao framework CodeIgniter
Introdução ao framework CodeIgniterIntrodução ao framework CodeIgniter
Introdução ao framework CodeIgniter
 
WordPress
WordPressWordPress
WordPress
 
Otimização Front-end para WordPress
Otimização Front-end para WordPressOtimização Front-end para WordPress
Otimização Front-end para WordPress
 
Introdução ao zend framework
Introdução ao zend frameworkIntrodução ao zend framework
Introdução ao zend framework
 
Wordpress basico
Wordpress basicoWordpress basico
Wordpress basico
 
Boas Práticas de programação WordPress
Boas Práticas de programação WordPressBoas Práticas de programação WordPress
Boas Práticas de programação WordPress
 
Devmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end Foundation
 
WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14WordPress além dos blogs #fisl14
WordPress além dos blogs #fisl14
 
Wordpress e suas funções
Wordpress e suas funçõesWordpress e suas funções
Wordpress e suas funções
 
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
 
Analise frameworks php
Analise frameworks phpAnalise frameworks php
Analise frameworks php
 
Cakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHPCakephp - framework de desenvolvimento de aplicações Web em PHP
Cakephp - framework de desenvolvimento de aplicações Web em PHP
 
Iniciando com o_zend_framework
Iniciando com o_zend_frameworkIniciando com o_zend_framework
Iniciando com o_zend_framework
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPress
 
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...
O que eu preciso saber para desenvolver temas? - Anyssa Ferreira - WordCamp S...
 

Boas práticas de desenvolvimento de temas para WordPress

  • 1.
  • 3. 1. Escolha um bom framework de front-end ou crie o seu Bootstrap http://twitter.github.io/bootstrap/ Pure http://purecss.io/
  • 4. 2. Consulte sempre o WordPress Codex http://codex.wordpress.org
  • 5. 3. Faça bom uso da Hierarquia de Template do WordPress http://codex.wordpress.org/Template_Hierarchy
  • 6.
  • 7. 4. Checklist para os arquivos de template padrões header.php sidebar.php footer.php index.php archive.php page.php single.php comments.php search.php 404.php style.css
  • 8. 5. Faça bom uso das funções de inclusões do WordPress get_footer(); get_header(); get_sidebar(); get_template_part(); get_footer(“noticias”); // footer-noticias.php get_header(“noticias”); // header-noticias.php get_sidebar(“noticias”); // sidebar-noticias.php get_template_part(“loop”); // loop.php
  • 9. 6. Utilize as funções de classes de Tema do WordPress, elas podem ser muito úteis para você body_class() post_class()
  • 10. 7. Crie formatações para as classes geradas pelo WordPress .aligncenter .alignleft .alignright .wp-caption .wp-caption-text .gallery-caption .sticky .bypostauthor
  • 11. 8. Utilize as funções de Plugin API Hooks wp_head() wp_footer()
  • 12. 9. Aumente os recursos do seu tema com Theme Options, Custom fields e Post Types NHP Theme Options Framework https://github.com/leemason/NHP-Theme-Options-Framework Custom Metaboxes and Fields Framework https://github.com/jaredatch/Custom-Metaboxes-and-Fields-for- WordPress Plugin Options Framework http://wordpress.org/plugins/options-framework/screenshots/ Plugin Advanced Custom Fields http://wordpress.org/plugins/advanced-custom-fields/ Plugin Types http://wordpress.org/plugins/types/
  • 13. 10. Teste o suporte de conteúdo do seu tema utilizando o arquivo theme- unit-teste-data.xml https://wpcom-themes.svn.automattic.com/ demo/theme-unit-test-data.xml
  • 14. 11. Plugins de supporte para o desenvolvedor Debug Bar http://wordpress.org/plugins/debug-bar/ Developer http://wordpress.org/plugins/developer/ screenshots/