WordPress como aliado do desenvolvedor front-end

como aliado do desenvolvedor FrontEnd

terça-feira, 16 de julho de 13

Leandro VieiraSó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údoCMS: Publicação de conteúdoPlataforma de Aplicação (out of the box)


Quem está tirando proveito no Brasil e no Mundo?

ApikiiMasters

The New York TimesE-Commerce BrasilBuscapé Company

CNNGrupo Abril

Grupo EstadoVTEX

...



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 flexível e personalizada


wp_nav_menu();

HTML


wp_nav_menu();

Flexibilidade com classes inteligentes;Flexibilidade com marcação eficiente;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

);


http://www.frontinbh.com.br/assets/js/scripts_min.js

http://www.frontinbh.com.br/assets/js/scripts_min.js

ScriptaculousSWFObjectSWFUploadThickBoxTiny MCE

Farbtastic (Color Picker)JSON for JSWP 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’

);


https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js

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.


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


<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’ ); ?>" />



O WordPress está em sua terceira fase.

E você em qual fase do WordPress está?


Participação de mercado mundial do WordPress.org

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

2017: 50%?


é aliado do desenvolvedor FrontEnd


Obrigado!


Technology

WordPress como aliado do desenvolvedor front-end