WordPress como aliado do desenvolvedor front-end

como aliado do desenvolvedor FrontEnd
terça-feira, 16 de julho de 13

LeandroVieira
Sócio-Fundador e Diretor de
Tecnologia da Apiki WordPress

Participação de mercado mundial do
WordPress.org
2010: 8.9%
2011: 14.7%
2012: 22%?
2017: 50%?

O WordPress em sua terceira fase
Plataforma de blog: Publicação de conteúdo
CMS: Publicação de conteúdo
Plataforma de Aplicação (out of the box)

Quem está tirando proveito no Brasil e no Mundo?
Apiki
iMasters
The NewYork Times
E-Commerce Brasil
Buscapé Company
CNN
Grupo Abril
Grupo Estado
VTEX
...

http://cdn.devlup.com/wp-content/uploads/2011/08/html5_css_javascript.png

Hierarquia de arquivos

http://wptutsplus.s3.amazonaws.com/090_WPCheatSheets/WP_CheatSheet_TemplateMap.jpg

http://wptutsplus.s3.amazonaws.com/090_WPCheatSheets/WP_CheatSheet_ThemeAnatomy.jpg

Funções indispensáveis
Quais são? O que fazem?
Onde, como e quando usar?
wp_head();
wp_footer();
body_class();
post_class();
wp_nav_menu();

wp_head();
SEMPRE usar;
no header.php;
antes do </head>.

wp_head();
HTML

wp_footer();
SEMPRE usar;
no footer.php;
antes do </body>.

wp_footer();
HTML

body_class();
SEMPRE usar;
no header.php;
como atributo da tag <body>.

body_class();
HTML

post_class();
SEMPRE usar;
junto ao Loop do WordPress;
como atributo da tag <div>.

post_class();
HTML

wp_nav_menu();
Uso recomendado;
Navegação ﬂexível e personalizada

wp_nav_menu();
HTML

wp_nav_menu();
Flexibilidade com classes inteligentes;
Flexibilidade com marcação eﬁciente;
Flexibilidade com código semântico.

Marcações HTML diversas

Sidebar e Widgets

Listagem de comentários

Formulário de comentário

O que vem aí na versão 3.5?

wp_enqueue_script();
wp_register_script();
wp_deregister_script();
wp_dequeue_script();
wp_localize_script();

wp_enqueue_script(
‘frontInBh-Script’,
‘http://www.frontinbh.com.br/assets/js/scripts_min.js’,
array( ‘jquery’ ),
‘2012’,
true
);

Scriptaculous
SWFObject
SWFUpload
ThickBox
Tiny MCE
Farbtastic (Color Picker)
JSON for JS
WP Editor
WordPress Ajax
...

wp_deregister_script( ‘jquery’ );
wp_register_script(
‘jquery’,
‘https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js’,
array(),
‘1.7.2’
);

Arquivo nativo nas instalações do WordPress;
Por padrão é feito o uso do jQuery.noConﬂict();
Evite conﬂitos e vários arquivos de uma mesma library.

O CSS no WordPress se limita única e exclusivamente a
sua criatividade.

O WordPress está em sua terceira fase.
E você em qual fase do WordPress está?

é aliado do desenvolvedor FrontEnd

Obrigado!

WordPress como aliado do desenvolvedor front-end

Mais conteúdo relacionado

Semelhante a WordPress como aliado do desenvolvedor front-end

Mais de Leandrinho Vieira

WordPress como aliado do desenvolvedor front-end