SlideShare uma empresa Scribd logo
1 de 8
Baixar para ler offline
><13º MEETUP WORDPRESS FLORIPA - AGO/2017
META BOXES
UMA MANEIRA FÁCIL DE TURBINAR O SEU WORDPRESS
1
><
Meta Boxes é um recurso útil no WordPress que permite adicionar
dados completamente personalizados em posts, páginas e posts
personalizados no WordPress.
Digamos, por exemplo, que você está criando um site para um cliente
que precisa exibir informações específicas juntamente ao conteúdo de
cada post. Com esse recurso você pode adicionar qualquer
quantidade de caixas de metadados nas telas de edição dos posts no
back-end do WordPress.
13º MEETUP WORDPRESS FLORIPA - AGO/2017
O que são os Meta Boxes?
2
><13º MEETUP WORDPRESS FLORIPA - AGO/2017 3
Como adicionar Meta Boxes no meu post?
O WordPress fornece uma função add_meta_box() com a
finalidade específica de adicionar um campo Meta Box.
A função add_meta_box() tem que ser chamada de dentro de
uma função callback que deve ser executada quando as caixas
meta da página atual são carregadas.
Segue como esta função é usada:
<?php add_meta_box( id, title, callback, page, context,
priority, callback_args ); ?>
><13º MEETUP WORDPRESS FLORIPA - AGO/2017
Parâmetros da função add_meta_box()
4
$id - (string) (required) O atributo 'id' do HTML da seção na tela de edição.
$title - (string) (required) Título da seção na tela de edição, visível para o usuário.
$callback - (callback) (required) Função que imprime o HTML para a seção na tela de edição.
$post_type - (string) (required) O tipo de post que receberá a seção ('post', 'page', 'link', 'attachment'
ou 'custom_post_type', onde 'custom_post_type' é o slug do post type.)
$context - (string) (opcional) A parte da página onde a seção será mostrada ('normal', 'advanced', or
'side').
$priority - (string) (opctional) A prioridade dentro do contexto em que as meta boxes serão
mostradas
('high', 'core', 'default' or ‘low')
$callback_args - (array) (opcional) Argumentos que serão passados para a sua função de callback.
Ela receberá o objeto $post e quaisquer outros parâmetros que forem passados através dessa variável.
><13º MEETUP WORDPRESS FLORIPA - AGO/2017 5
Onde chamar chamar a função add_meta_box()?
Você pode optar pelo arquivo functions.php do seu tema,
ou até mesmo criar um plugin para isso.
Vamos optar aqui pela primeira opção, fazendo uso do arquivos functions.php
Mas antes, é importante lembrar que devemos usar os ganchos padrões para
adicionar qualquer nova funcionalidade ao nosso Wordpress.
add_action( 'add_meta_boxes', ‘minha_funcao' );
><13º MEETUP WORDPRESS FLORIPA - AGO/2017
Vamos codar?!
6
Aqui vai um exemplo simples de código para adicionar um campo meta box nos nossos
posts do Wordpress:
//ADD META BOXES
add_action( 'add_meta_boxes', 'posts_meta_box_add' );
function posts_meta_box_add( $post ) {
add_meta_box( 'posts-meta-box-id', 'Novos Dados', 'posts_meta_box_form', 'post', 'normal',
'core' );
}
function posts_meta_box_form( $post ) {
echo ‘Aqui vai meus campos de Meta Boxes';
}
><13º MEETUP WORDPRESS FLORIPA - AGO/2017
 7
Agora vamos escrever o código juntos no
próprio Wordpress!
><13º MEETUP WORDPRESS FLORIPA - AGO/2017
 8
FIM
skype: vitorhgcardoso
whatsapp: (48) 99669-6451
email: vitorhgcardoso@gmail.com

Mais conteúdo relacionado

Semelhante a Turbinando o WordPress com Meta Boxes

Manipulando dados no Wordpress com o ACF
Manipulando dados no Wordpress com o ACFManipulando dados no Wordpress com o ACF
Manipulando dados no Wordpress com o ACFRudá Almeida
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressLeandrinho Vieira
 
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Leo Baiano
 
Criando sites com Wordpress
Criando sites com WordpressCriando sites com Wordpress
Criando sites com WordpressSérgio Vilar
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blogMateus Neves
 
Apresentação formação web - up marketing digital - módulo ii - 2º fds
Apresentação   formação web - up marketing digital - módulo ii - 2º fdsApresentação   formação web - up marketing digital - módulo ii - 2º fds
Apresentação formação web - up marketing digital - módulo ii - 2º fdsRangel Javier
 
Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPressHaste Design
 
3260 php truquesmagicos %281%29
3260 php truquesmagicos %281%293260 php truquesmagicos %281%29
3260 php truquesmagicos %281%29Juliana Nascimento
 
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0Elvis Rocha
 
Release Notes - Versao 1 10
Release Notes - Versao 1 10Release Notes - Versao 1 10
Release Notes - Versao 1 10Plataforma CORE
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpressMateus Neves
 
Oficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zeroOficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zeroFellyph Cintra
 
hibernate annotation
hibernate annotationhibernate annotation
hibernate annotationeduardo dias
 
Desenvolvimento de Apps e Games para Android - Parte 6
Desenvolvimento de Apps e Games para Android - Parte 6Desenvolvimento de Apps e Games para Android - Parte 6
Desenvolvimento de Apps e Games para Android - Parte 6Erisvaldo Junior
 
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
 
Wordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWesley R. Bezerra
 
Evento Front End SP - Arquitetura de Front
Evento Front End SP - Arquitetura de FrontEvento Front End SP - Arquitetura de Front
Evento Front End SP - Arquitetura de FrontMichel Ribeiro
 

Semelhante a Turbinando o WordPress com Meta Boxes (20)

Manipulando dados no Wordpress com o ACF
Manipulando dados no Wordpress com o ACFManipulando dados no Wordpress com o ACF
Manipulando dados no Wordpress com o ACF
 
Desenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPressDesenvolvimento de plugins WordPress
Desenvolvimento de plugins WordPress
 
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
 
Criando sites com Wordpress
Criando sites com WordpressCriando sites com Wordpress
Criando sites com Wordpress
 
Wordpress além do blog
Wordpress além do blogWordpress além do blog
Wordpress além do blog
 
Apresentação formação web - up marketing digital - módulo ii - 2º fds
Apresentação   formação web - up marketing digital - módulo ii - 2º fdsApresentação   formação web - up marketing digital - módulo ii - 2º fds
Apresentação formação web - up marketing digital - módulo ii - 2º fds
 
Workshop Web e WordPress
Workshop Web e WordPressWorkshop Web e WordPress
Workshop Web e WordPress
 
3260 php truquesmagicos %281%29
3260 php truquesmagicos %281%293260 php truquesmagicos %281%29
3260 php truquesmagicos %281%29
 
3260 php truquesmagicos
3260 php truquesmagicos3260 php truquesmagicos
3260 php truquesmagicos
 
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
 
Release Notes - Versao 1 10
Release Notes - Versao 1 10Release Notes - Versao 1 10
Release Notes - Versao 1 10
 
Introducao cms-wordpress
Introducao cms-wordpressIntroducao cms-wordpress
Introducao cms-wordpress
 
Python 07
Python 07Python 07
Python 07
 
Oficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zeroOficina Criando seu primeiro tema do zero
Oficina Criando seu primeiro tema do zero
 
hibernate annotation
hibernate annotationhibernate annotation
hibernate annotation
 
Desenvolvimento de Apps e Games para Android - Parte 6
Desenvolvimento de Apps e Games para Android - Parte 6Desenvolvimento de Apps e Games para Android - Parte 6
Desenvolvimento de Apps e Games para Android - Parte 6
 
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
 
Aula 8 - SQL Injection
Aula 8 - SQL InjectionAula 8 - SQL Injection
Aula 8 - SQL Injection
 
Wordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de TemplatesWordpress Introdução ao Desenvolvimento de Templates
Wordpress Introdução ao Desenvolvimento de Templates
 
Evento Front End SP - Arquitetura de Front
Evento Front End SP - Arquitetura de FrontEvento Front End SP - Arquitetura de Front
Evento Front End SP - Arquitetura de Front
 

Mais de WordPress Floripa

Rafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
Rafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLIRafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
Rafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLIWordPress Floripa
 
Lucas Simões - Desmistificando o uso de temas "prontos" em WordPress
Lucas Simões - Desmistificando o uso de temas "prontos" em WordPressLucas Simões - Desmistificando o uso de temas "prontos" em WordPress
Lucas Simões - Desmistificando o uso de temas "prontos" em WordPressWordPress Floripa
 
Josafá - Marketing de Performance
Josafá - Marketing de PerformanceJosafá - Marketing de Performance
Josafá - Marketing de PerformanceWordPress Floripa
 
Walker - Criando componentes interoperaveis com Vue.js para o WordPress
Walker - Criando componentes interoperaveis com Vue.js para o WordPressWalker - Criando componentes interoperaveis com Vue.js para o WordPress
Walker - Criando componentes interoperaveis com Vue.js para o WordPressWordPress Floripa
 
Luã - SEO para WordPress: da implementação ao teste
Luã - SEO para WordPress: da implementação ao testeLuã - SEO para WordPress: da implementação ao teste
Luã - SEO para WordPress: da implementação ao testeWordPress Floripa
 
Samuel - Armored WordPress 2
Samuel - Armored WordPress 2Samuel - Armored WordPress 2
Samuel - Armored WordPress 2WordPress Floripa
 
Vitor - O potencial didático do WordPress no ensino-aprendizagem de Programação
Vitor - O potencial didático do WordPress no ensino-aprendizagem de ProgramaçãoVitor - O potencial didático do WordPress no ensino-aprendizagem de Programação
Vitor - O potencial didático do WordPress no ensino-aprendizagem de ProgramaçãoWordPress Floripa
 
Guga - Como colaborar com a comunidade WordPress (e crescer com isso)
Guga  - Como colaborar com a comunidade WordPress (e crescer com isso)Guga  - Como colaborar com a comunidade WordPress (e crescer com isso)
Guga - Como colaborar com a comunidade WordPress (e crescer com isso)WordPress Floripa
 
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPressRodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPressWordPress Floripa
 

Mais de WordPress Floripa (13)

Amilton - Armored WordPress
Amilton - Armored WordPressAmilton - Armored WordPress
Amilton - Armored WordPress
 
Rafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
Rafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLIRafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
Rafael Funchal - Configurando SSL com Let’s Encrypt, EasyEngine e WP-CLI
 
Abertura - WordCamp Floripa
Abertura - WordCamp FloripaAbertura - WordCamp Floripa
Abertura - WordCamp Floripa
 
Lucas Simões - Desmistificando o uso de temas "prontos" em WordPress
Lucas Simões - Desmistificando o uso de temas "prontos" em WordPressLucas Simões - Desmistificando o uso de temas "prontos" em WordPress
Lucas Simões - Desmistificando o uso de temas "prontos" em WordPress
 
Josafá - Marketing de Performance
Josafá - Marketing de PerformanceJosafá - Marketing de Performance
Josafá - Marketing de Performance
 
Ricardo - PWA
Ricardo - PWARicardo - PWA
Ricardo - PWA
 
Walker - Criando componentes interoperaveis com Vue.js para o WordPress
Walker - Criando componentes interoperaveis com Vue.js para o WordPressWalker - Criando componentes interoperaveis com Vue.js para o WordPress
Walker - Criando componentes interoperaveis com Vue.js para o WordPress
 
Daniel Kossmann - Gutemberg
Daniel Kossmann - GutembergDaniel Kossmann - Gutemberg
Daniel Kossmann - Gutemberg
 
Luã - SEO para WordPress: da implementação ao teste
Luã - SEO para WordPress: da implementação ao testeLuã - SEO para WordPress: da implementação ao teste
Luã - SEO para WordPress: da implementação ao teste
 
Samuel - Armored WordPress 2
Samuel - Armored WordPress 2Samuel - Armored WordPress 2
Samuel - Armored WordPress 2
 
Vitor - O potencial didático do WordPress no ensino-aprendizagem de Programação
Vitor - O potencial didático do WordPress no ensino-aprendizagem de ProgramaçãoVitor - O potencial didático do WordPress no ensino-aprendizagem de Programação
Vitor - O potencial didático do WordPress no ensino-aprendizagem de Programação
 
Guga - Como colaborar com a comunidade WordPress (e crescer com isso)
Guga  - Como colaborar com a comunidade WordPress (e crescer com isso)Guga  - Como colaborar com a comunidade WordPress (e crescer com isso)
Guga - Como colaborar com a comunidade WordPress (e crescer com isso)
 
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPressRodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
Rodrigo Primo - Como contribuir com o desenvolvimento do core do WordPress
 

Turbinando o WordPress com Meta Boxes

  • 1. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 META BOXES UMA MANEIRA FÁCIL DE TURBINAR O SEU WORDPRESS 1
  • 2. >< Meta Boxes é um recurso útil no WordPress que permite adicionar dados completamente personalizados em posts, páginas e posts personalizados no WordPress. Digamos, por exemplo, que você está criando um site para um cliente que precisa exibir informações específicas juntamente ao conteúdo de cada post. Com esse recurso você pode adicionar qualquer quantidade de caixas de metadados nas telas de edição dos posts no back-end do WordPress. 13º MEETUP WORDPRESS FLORIPA - AGO/2017 O que são os Meta Boxes? 2
  • 3. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 3 Como adicionar Meta Boxes no meu post? O WordPress fornece uma função add_meta_box() com a finalidade específica de adicionar um campo Meta Box. A função add_meta_box() tem que ser chamada de dentro de uma função callback que deve ser executada quando as caixas meta da página atual são carregadas. Segue como esta função é usada: <?php add_meta_box( id, title, callback, page, context, priority, callback_args ); ?>
  • 4. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 Parâmetros da função add_meta_box() 4 $id - (string) (required) O atributo 'id' do HTML da seção na tela de edição. $title - (string) (required) Título da seção na tela de edição, visível para o usuário. $callback - (callback) (required) Função que imprime o HTML para a seção na tela de edição. $post_type - (string) (required) O tipo de post que receberá a seção ('post', 'page', 'link', 'attachment' ou 'custom_post_type', onde 'custom_post_type' é o slug do post type.) $context - (string) (opcional) A parte da página onde a seção será mostrada ('normal', 'advanced', or 'side'). $priority - (string) (opctional) A prioridade dentro do contexto em que as meta boxes serão mostradas ('high', 'core', 'default' or ‘low') $callback_args - (array) (opcional) Argumentos que serão passados para a sua função de callback. Ela receberá o objeto $post e quaisquer outros parâmetros que forem passados através dessa variável.
  • 5. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 5 Onde chamar chamar a função add_meta_box()? Você pode optar pelo arquivo functions.php do seu tema, ou até mesmo criar um plugin para isso. Vamos optar aqui pela primeira opção, fazendo uso do arquivos functions.php Mas antes, é importante lembrar que devemos usar os ganchos padrões para adicionar qualquer nova funcionalidade ao nosso Wordpress. add_action( 'add_meta_boxes', ‘minha_funcao' );
  • 6. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 Vamos codar?! 6 Aqui vai um exemplo simples de código para adicionar um campo meta box nos nossos posts do Wordpress: //ADD META BOXES add_action( 'add_meta_boxes', 'posts_meta_box_add' ); function posts_meta_box_add( $post ) { add_meta_box( 'posts-meta-box-id', 'Novos Dados', 'posts_meta_box_form', 'post', 'normal', 'core' ); } function posts_meta_box_form( $post ) { echo ‘Aqui vai meus campos de Meta Boxes'; }
  • 7. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 7 Agora vamos escrever o código juntos no próprio Wordpress!
  • 8. ><13º MEETUP WORDPRESS FLORIPA - AGO/2017 8 FIM skype: vitorhgcardoso whatsapp: (48) 99669-6451 email: vitorhgcardoso@gmail.com