WordPress como aliado do desenvolvedor front-end

Preview:

DESCRIPTION

Como o WordPress pode ser um grande aliado do desenvolvedor front-end e como tirar proveito disso.

Citation preview

como aliado do desenvolvedor FrontEnd

terça-feira, 16 de julho de 13

Leandro VieiraSócio-Fundador e Diretor de

Tecnologia da Apiki WordPress

terça-feira, 16 de julho de 13

Participação de mercado mundial do WordPress.org

2010: 8.9%2011: 14.7%2012: 22%?

2017: 50%?

terça-feira, 16 de julho de 13

O WordPress em sua terceira fase

Plataforma de blog: Publicação de conteúdoCMS: Publicação de conteúdoPlataforma de Aplicação (out of the box)

terça-feira, 16 de julho de 13

Quem está tirando proveito no Brasil e no Mundo?

ApikiiMasters

The New York TimesE-Commerce BrasilBuscapé Company

CNNGrupo Abril

Grupo EstadoVTEX

...

terça-feira, 16 de julho de 13

terça-feira, 16 de julho de 13

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

terça-feira, 16 de julho de 13

Hierarquia de arquivos

terça-feira, 16 de julho de 13

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

terça-feira, 16 de julho de 13

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

terça-feira, 16 de julho de 13

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();

terça-feira, 16 de julho de 13

wp_head();

SEMPRE usar;no header.php;

antes do </head>.

terça-feira, 16 de julho de 13

wp_head();

HTML

terça-feira, 16 de julho de 13

wp_footer();

SEMPRE usar;no footer.php;

antes do </body>.

terça-feira, 16 de julho de 13

wp_footer();

HTML

terça-feira, 16 de julho de 13

body_class();

SEMPRE usar;no header.php;

como atributo da tag <body>.

terça-feira, 16 de julho de 13

body_class();

HTML

terça-feira, 16 de julho de 13

post_class();

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

terça-feira, 16 de julho de 13

post_class();

HTML

terça-feira, 16 de julho de 13

wp_nav_menu();

Uso recomendado;Navegação flexível e personalizada

terça-feira, 16 de julho de 13

wp_nav_menu();

HTML

terça-feira, 16 de julho de 13

wp_nav_menu();

Flexibilidade com classes inteligentes;Flexibilidade com marcação eficiente;Flexibilidade com código semântico.

terça-feira, 16 de julho de 13

Marcações HTML diversas

terça-feira, 16 de julho de 13

Sidebar e Widgets

terça-feira, 16 de julho de 13

Listagem de comentários

terça-feira, 16 de julho de 13

Formulário de comentário

terça-feira, 16 de julho de 13

O que vem aí na versão 3.5?

terça-feira, 16 de julho de 13

terça-feira, 16 de julho de 13

terça-feira, 16 de julho de 13

terça-feira, 16 de julho de 13

terça-feira, 16 de julho de 13

wp_enqueue_script();wp_register_script();

wp_deregister_script();wp_dequeue_script();wp_localize_script();

terça-feira, 16 de julho de 13

wp_enqueue_script(‘frontInBh-Script’,

‘http://www.frontinbh.com.br/assets/js/scripts_min.js’,array( ‘jquery’ ),

‘2012’,true

);

terça-feira, 16 de julho de 13

ScriptaculousSWFObjectSWFUploadThickBoxTiny MCE

Farbtastic (Color Picker)JSON for JSWP Editor

WordPress Ajax...

terça-feira, 16 de julho de 13

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’

);

terça-feira, 16 de julho de 13

Arquivo nativo nas instalações do WordPress;Por padrão é feito o uso do jQuery.noConflict();

Evite conflitos e vários arquivos de uma mesma library.

terça-feira, 16 de julho de 13

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

terça-feira, 16 de julho de 13

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>?v=<?php echo filemtime( TEMPLATEPATH . ‘/

style.css’ ); ?>" />

terça-feira, 16 de julho de 13

terça-feira, 16 de julho de 13

O WordPress está em sua terceira fase.

E você em qual fase do WordPress está?

terça-feira, 16 de julho de 13

Participação de mercado mundial do WordPress.org

2010: 8.9%2011: 14.7%2012: 22%?

2017: 50%?

terça-feira, 16 de julho de 13

é aliado do desenvolvedor FrontEnd

terça-feira, 16 de julho de 13

Obrigado!

terça-feira, 16 de julho de 13