SlideShare ist ein Scribd-Unternehmen logo
1 von 9
Downloaden Sie, um offline zu lesen
Criando Widgets em 20
       minutos
       Fellyph Cintra
     2º Wordtalks DRC
Widget
Recurso que permite interatividade no
wordpress. Um exemplo as widgets da barra
lateral.

Wordpress fornece algumas opções de widget
como padrão. Por exemplo nuvens de tags,
arquivo, categorias e rss.
Porque não criar a sua ?
Além de fornecer, algumas widgets o
wordpress possibilita ao desenvolvedor criar
uma widget para uma necessidade específica.
Como podemos utilizar ?
A widget personalizada pode ser utilizada de
duas formas:
● Como recurso de um tema específico
● Ou através um plugin.
O que precisamos ?
Para criar uma widget são necessário 4 pontos
básicos:

● Ter noção de básica de classes
● Nossa classe extender de WP_Widget
● Implementar os métodos básicos da classe
  WP_widget
● Registrar a widget
O que podemos fazer ?
Qualquer coisa

● Requisitar infos externas
● Requisitar infos do blogs
● Requisitar infos de um form dentro do painel
  de widgets
● As possibilidades são infinitas
Vamos a prática !
Obrigado !
 Fellyph Cintra

Weitere ähnliche Inhalte

Ähnlich wie Criando widgets em 20 min

Desenvolvendo Plugins para o Wordpress
Desenvolvendo Plugins para o WordpressDesenvolvendo Plugins para o Wordpress
Desenvolvendo Plugins para o WordpressSérgio Vilar
 
Wordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geralWordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geralWesley R. Bezerra
 
Widgets Casos De Uso
Widgets Casos De UsoWidgets Casos De Uso
Widgets Casos De Usoluisfdf
 
Wordpress do blog ao ...
Wordpress do blog ao ... Wordpress do blog ao ...
Wordpress do blog ao ... Murilo Gama
 
Gestão de Conteúdos com Aplicações Baseadas na Web
Gestão de Conteúdos com Aplicações Baseadas na WebGestão de Conteúdos com Aplicações Baseadas na Web
Gestão de Conteúdos com Aplicações Baseadas na WebCatarina Amorim
 
Arteccom Workshop Magento
Arteccom Workshop MagentoArteccom Workshop Magento
Arteccom Workshop MagentoThiago Verly
 
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Valério Souza
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsCayo Medeiros
 
Palestra Drupal
Palestra DrupalPalestra Drupal
Palestra Drupalwesleypb
 
Blospot e WordPress
Blospot e WordPressBlospot e WordPress
Blospot e WordPressnanda_souza
 
Palestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livrePalestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livreGustavo Freitas
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressLeandrinho Vieira
 
WordPress: De blogs pessoais a grandes portais - Parte 1
WordPress: De blogs pessoais a grandes portais - Parte 1WordPress: De blogs pessoais a grandes portais - Parte 1
WordPress: De blogs pessoais a grandes portais - Parte 1Giancarlo Silva
 

Ähnlich wie Criando widgets em 20 min (20)

Desenvolvendo Plugins para o Wordpress
Desenvolvendo Plugins para o WordpressDesenvolvendo Plugins para o Wordpress
Desenvolvendo Plugins para o Wordpress
 
Ai ad-tp2-g1
Ai ad-tp2-g1Ai ad-tp2-g1
Ai ad-tp2-g1
 
Wordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geralWordpress :: Plugins - visão geral
Wordpress :: Plugins - visão geral
 
Ai ad-tp2-g1
Ai ad-tp2-g1Ai ad-tp2-g1
Ai ad-tp2-g1
 
Widgets Casos De Uso
Widgets Casos De UsoWidgets Casos De Uso
Widgets Casos De Uso
 
Wordpress do blog ao ...
Wordpress do blog ao ... Wordpress do blog ao ...
Wordpress do blog ao ...
 
Wordpress
WordpressWordpress
Wordpress
 
Wordpress basico
Wordpress basicoWordpress basico
Wordpress basico
 
Gestão de Conteúdos com Aplicações Baseadas na Web
Gestão de Conteúdos com Aplicações Baseadas na WebGestão de Conteúdos com Aplicações Baseadas na Web
Gestão de Conteúdos com Aplicações Baseadas na Web
 
Arteccom Workshop Magento
Arteccom Workshop MagentoArteccom Workshop Magento
Arteccom Workshop Magento
 
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
Jetpack, um Canivete Suíço no seu WordPress (WordCamp São Paulo 2014)​
 
Wordpress
WordpressWordpress
Wordpress
 
BITS | BrasilCMS | wordpress
BITS | BrasilCMS | wordpressBITS | BrasilCMS | wordpress
BITS | BrasilCMS | wordpress
 
WordPress, muito além de um software para blogs
WordPress, muito além de um software para blogsWordPress, muito além de um software para blogs
WordPress, muito além de um software para blogs
 
Palestra Drupal
Palestra DrupalPalestra Drupal
Palestra Drupal
 
Blospot e WordPress
Blospot e WordPressBlospot e WordPress
Blospot e WordPress
 
Palestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livrePalestra wordpress - II forum revista espírito livre
Palestra wordpress - II forum revista espírito livre
 
Apostila Wordpress
Apostila WordpressApostila Wordpress
Apostila Wordpress
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPress
 
WordPress: De blogs pessoais a grandes portais - Parte 1
WordPress: De blogs pessoais a grandes portais - Parte 1WordPress: De blogs pessoais a grandes portais - Parte 1
WordPress: De blogs pessoais a grandes portais - Parte 1
 

Mehr von Fellyph Cintra

CSS 2022 um mundo novo de possibilidades
CSS 2022 um mundo novo de possibilidadesCSS 2022 um mundo novo de possibilidades
CSS 2022 um mundo novo de possibilidadesFellyph Cintra
 
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...Fellyph Cintra
 
Page experience road - WordCamp Athens 2022
Page experience road  - WordCamp Athens 2022Page experience road  - WordCamp Athens 2022
Page experience road - WordCamp Athens 2022Fellyph Cintra
 
Web stories the new visual storytelling format for the web
Web stories the new  visual storytelling format for the webWeb stories the new  visual storytelling format for the web
Web stories the new visual storytelling format for the webFellyph Cintra
 
Machine learning for mortal developers - Dublin.JS
Machine learning for mortal developers - Dublin.JSMachine learning for mortal developers - Dublin.JS
Machine learning for mortal developers - Dublin.JSFellyph Cintra
 
Machine learning for mortal developers - Fellyph Cintra
Machine learning for mortal developers -  Fellyph CintraMachine learning for mortal developers -  Fellyph Cintra
Machine learning for mortal developers - Fellyph CintraFellyph Cintra
 
Using machine learning to improve our WordPress application
Using machine learning to improve our WordPress applicationUsing machine learning to improve our WordPress application
Using machine learning to improve our WordPress applicationFellyph Cintra
 
WordCamp Brighton - Why use web components
WordCamp Brighton - Why use web componentsWordCamp Brighton - Why use web components
WordCamp Brighton - Why use web componentsFellyph Cintra
 
Accessibility workshop
Accessibility workshopAccessibility workshop
Accessibility workshopFellyph Cintra
 
WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0
WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0
WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0Fellyph Cintra
 
Dublin js 2019 Fellyph Ctintra - Why use web components?
Dublin js 2019 Fellyph Ctintra - Why use web components?Dublin js 2019 Fellyph Ctintra - Why use web components?
Dublin js 2019 Fellyph Ctintra - Why use web components?Fellyph Cintra
 
Google I/O extended 2019 Fellyph Cintra
Google I/O extended 2019 Fellyph CintraGoogle I/O extended 2019 Fellyph Cintra
Google I/O extended 2019 Fellyph CintraFellyph Cintra
 
Work smart with Gutenberg - Fellyph Cintra
Work smart with Gutenberg - Fellyph CintraWork smart with Gutenberg - Fellyph Cintra
Work smart with Gutenberg - Fellyph CintraFellyph Cintra
 
PWA - Progressive WordPress Apps
PWA - Progressive WordPress AppsPWA - Progressive WordPress Apps
PWA - Progressive WordPress AppsFellyph Cintra
 
Amp for WordPress - Tech lunch Inspiration Marketing
Amp for WordPress -  Tech lunch Inspiration MarketingAmp for WordPress -  Tech lunch Inspiration Marketing
Amp for WordPress - Tech lunch Inspiration MarketingFellyph Cintra
 
From marketplace to WordPress - WordCamp Belfast
From marketplace to WordPress - WordCamp BelfastFrom marketplace to WordPress - WordCamp Belfast
From marketplace to WordPress - WordCamp BelfastFellyph Cintra
 
Techtalk CSS4 - Fellyph Cintra
Techtalk CSS4 - Fellyph CintraTechtalk CSS4 - Fellyph Cintra
Techtalk CSS4 - Fellyph CintraFellyph Cintra
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015Fellyph Cintra
 
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorDicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorFellyph Cintra
 
Workflow WordPress + JavaScript - WordCamp Rio
Workflow WordPress + JavaScript  - WordCamp RioWorkflow WordPress + JavaScript  - WordCamp Rio
Workflow WordPress + JavaScript - WordCamp RioFellyph Cintra
 

Mehr von Fellyph Cintra (20)

CSS 2022 um mundo novo de possibilidades
CSS 2022 um mundo novo de possibilidadesCSS 2022 um mundo novo de possibilidades
CSS 2022 um mundo novo de possibilidades
 
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
CSS 2022: un mundo completamente nuevo - Presentacion WC Pontevedra - Fellyph...
 
Page experience road - WordCamp Athens 2022
Page experience road  - WordCamp Athens 2022Page experience road  - WordCamp Athens 2022
Page experience road - WordCamp Athens 2022
 
Web stories the new visual storytelling format for the web
Web stories the new  visual storytelling format for the webWeb stories the new  visual storytelling format for the web
Web stories the new visual storytelling format for the web
 
Machine learning for mortal developers - Dublin.JS
Machine learning for mortal developers - Dublin.JSMachine learning for mortal developers - Dublin.JS
Machine learning for mortal developers - Dublin.JS
 
Machine learning for mortal developers - Fellyph Cintra
Machine learning for mortal developers -  Fellyph CintraMachine learning for mortal developers -  Fellyph Cintra
Machine learning for mortal developers - Fellyph Cintra
 
Using machine learning to improve our WordPress application
Using machine learning to improve our WordPress applicationUsing machine learning to improve our WordPress application
Using machine learning to improve our WordPress application
 
WordCamp Brighton - Why use web components
WordCamp Brighton - Why use web componentsWordCamp Brighton - Why use web components
WordCamp Brighton - Why use web components
 
Accessibility workshop
Accessibility workshopAccessibility workshop
Accessibility workshop
 
WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0
WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0
WCEU 2019 recap - AMP Plugin 1.2 and Gutenberg 6.0
 
Dublin js 2019 Fellyph Ctintra - Why use web components?
Dublin js 2019 Fellyph Ctintra - Why use web components?Dublin js 2019 Fellyph Ctintra - Why use web components?
Dublin js 2019 Fellyph Ctintra - Why use web components?
 
Google I/O extended 2019 Fellyph Cintra
Google I/O extended 2019 Fellyph CintraGoogle I/O extended 2019 Fellyph Cintra
Google I/O extended 2019 Fellyph Cintra
 
Work smart with Gutenberg - Fellyph Cintra
Work smart with Gutenberg - Fellyph CintraWork smart with Gutenberg - Fellyph Cintra
Work smart with Gutenberg - Fellyph Cintra
 
PWA - Progressive WordPress Apps
PWA - Progressive WordPress AppsPWA - Progressive WordPress Apps
PWA - Progressive WordPress Apps
 
Amp for WordPress - Tech lunch Inspiration Marketing
Amp for WordPress -  Tech lunch Inspiration MarketingAmp for WordPress -  Tech lunch Inspiration Marketing
Amp for WordPress - Tech lunch Inspiration Marketing
 
From marketplace to WordPress - WordCamp Belfast
From marketplace to WordPress - WordCamp BelfastFrom marketplace to WordPress - WordCamp Belfast
From marketplace to WordPress - WordCamp Belfast
 
Techtalk CSS4 - Fellyph Cintra
Techtalk CSS4 - Fellyph CintraTechtalk CSS4 - Fellyph Cintra
Techtalk CSS4 - Fellyph Cintra
 
Do marketplace ao WordPress - WordCamp BH 2015
Do marketplace ao WordPress -  WordCamp BH 2015Do marketplace ao WordPress -  WordCamp BH 2015
Do marketplace ao WordPress - WordCamp BH 2015
 
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp SalvadorDicas para Workflow WordPress + JavaScript - WordCamp Salvador
Dicas para Workflow WordPress + JavaScript - WordCamp Salvador
 
Workflow WordPress + JavaScript - WordCamp Rio
Workflow WordPress + JavaScript  - WordCamp RioWorkflow WordPress + JavaScript  - WordCamp Rio
Workflow WordPress + JavaScript - WordCamp Rio
 

Criando widgets em 20 min

  • 1. Criando Widgets em 20 minutos Fellyph Cintra 2º Wordtalks DRC
  • 2.
  • 3. Widget Recurso que permite interatividade no wordpress. Um exemplo as widgets da barra lateral. Wordpress fornece algumas opções de widget como padrão. Por exemplo nuvens de tags, arquivo, categorias e rss.
  • 4. Porque não criar a sua ? Além de fornecer, algumas widgets o wordpress possibilita ao desenvolvedor criar uma widget para uma necessidade específica.
  • 5. Como podemos utilizar ? A widget personalizada pode ser utilizada de duas formas: ● Como recurso de um tema específico ● Ou através um plugin.
  • 6. O que precisamos ? Para criar uma widget são necessário 4 pontos básicos: ● Ter noção de básica de classes ● Nossa classe extender de WP_Widget ● Implementar os métodos básicos da classe WP_widget ● Registrar a widget
  • 7. O que podemos fazer ? Qualquer coisa ● Requisitar infos externas ● Requisitar infos do blogs ● Requisitar infos de um form dentro do painel de widgets ● As possibilidades são infinitas