><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

Turbinando o WordPress com Meta Boxes

  • 1.
    ><13º MEETUP WORDPRESSFLORIPA - 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 WORDPRESSFLORIPA - 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 WORDPRESSFLORIPA - 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 WORDPRESSFLORIPA - 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 WORDPRESSFLORIPA - 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 WORDPRESSFLORIPA - AGO/2017 7 Agora vamos escrever o código juntos no próprio Wordpress!
  • 8.
    ><13º MEETUP WORDPRESSFLORIPA - AGO/2017 8 FIM skype: vitorhgcardoso whatsapp: (48) 99669-6451 email: vitorhgcardoso@gmail.com