SlideShare uma empresa Scribd logo
><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

PPT
ZF Básico - 5. Modelo
PPTX
Cassandra cql
PDF
Aula 08 - Introdução ao banco de dados MySQL - Programação Web
PDF
DELPHI & MySQL - September 2004
PPTX
Aula 5 PHP - Criação de sites II
PPT
PHP Básico - Parte 4
PDF
Como criar um plugin para WordPress
PDF
WordPress além dos blogs #fisl14
ZF Básico - 5. Modelo
Cassandra cql
Aula 08 - Introdução ao banco de dados MySQL - Programação Web
DELPHI & MySQL - September 2004
Aula 5 PHP - Criação de sites II
PHP Básico - Parte 4
Como criar um plugin para WordPress
WordPress além dos blogs #fisl14

Semelhante a Turbinando o WordPress com Meta Boxes (20)

PDF
Manipulando dados no Wordpress com o ACF
PDF
Desenvolvimento de plugins WordPress
PDF
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
PDF
Criando sites com Wordpress
PDF
Wordpress além do blog
PDF
Apresentação formação web - up marketing digital - módulo ii - 2º fds
PDF
Workshop Web e WordPress
ZIP
3260 php truquesmagicos
ZIP
3260 php truquesmagicos %281%29
PDF
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
PPTX
Release Notes - Versao 1 10
PDF
Introducao cms-wordpress
KEY
Python 07
PDF
Oficina Criando seu primeiro tema do zero
PDF
hibernate annotation
PDF
Desenvolvimento de Apps e Games para Android - Parte 6
PPTX
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
PPTX
Aula 8 - SQL Injection
PPTX
Wordpress Introdução ao Desenvolvimento de Templates
PDF
Evento Front End SP - Arquitetura de Front
Manipulando dados no Wordpress com o ACF
Desenvolvimento de plugins WordPress
Coisas que eu gostaria de saber antes de começar a desenvolver temas e plugin...
Criando sites com Wordpress
Wordpress além do blog
Apresentação formação web - up marketing digital - módulo ii - 2º fds
Workshop Web e WordPress
3260 php truquesmagicos
3260 php truquesmagicos %281%29
Java EE 6 JPA 2.0, EJB 3.1 e CDI 1.0
Release Notes - Versao 1 10
Introducao cms-wordpress
Python 07
Oficina Criando seu primeiro tema do zero
hibernate annotation
Desenvolvimento de Apps e Games para Android - Parte 6
Desenvolvimento de Sistemas Web com PHP Frameworks - Aula 3 - 2019.1
Aula 8 - SQL Injection
Wordpress Introdução ao Desenvolvimento de Templates
Evento Front End SP - Arquitetura de Front
Anúncio

Mais de WordPress Floripa (13)

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

Último (16)

PDF
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
PDF
Processos na gestão de transportes, TM100 Col18
PDF
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
PPTX
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
PDF
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
PDF
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
PDF
Custos e liquidação no SAP Transportation Management, TM130 Col18
PPTX
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
PDF
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
PPTX
Arquitetura de computadores - Memórias Secundárias
PDF
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
PDF
COBITxITIL-Entenda as diferença em uso governança TI
PPTX
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
PDF
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
PDF
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
PPTX
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx
Termos utilizados na designação de relação entre pessoa e uma obra.pdf
Processos na gestão de transportes, TM100 Col18
Fundamentos de gerenciamento de ordens e planejamento no SAP TransportationMa...
Programação - Linguagem C - Variáveis, Palavras Reservadas, tipos de dados, c...
Fullfilment AI - Forum ecommerce 2025 // Distrito e Total Express
Otimizador de planejamento e execução no SAP Transportation Management, TM120...
Custos e liquidação no SAP Transportation Management, TM130 Col18
Informática Aplicada Informática Aplicada Plano de Ensino - estudo de caso NR...
Mergulho profundo técnico para gestão de transportes no SAP S/4HANA, S4TM6 Col14
Arquitetura de computadores - Memórias Secundárias
20250805_ServiceNow e a Arquitetura Orientada a Serviços (SOA) A Base para Ap...
COBITxITIL-Entenda as diferença em uso governança TI
Gestao-de-Bugs-em-Software-Introducao.pptxxxxxxxx
Gestão de transportes básica no SAP S/4HANA, S4611 Col20
Custos e faturamento no SAP S/4HANA Transportation Management, S4TM3 Col26
Como-se-implementa-um-softwareeeeeeeeeeeeeeeeeeeeeeeee.pptx

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