Advanced Custom Fields

Exibindo os dados de seu campo criado com o ACF

A API do Advanced Custom Fields é feita de forma bem lógica e simples, prezando pela facilidade em sua utilização para exibir seus campos personalizados. Existem muitas funções, e em breve todas elas estarão documentadas por aqui. Por enquanto, vamos ver as funções mais básicas.

Funções básicas

Uma vez criado seu grupo de campos, campos, é indicado salvar alguns dados nestes campos para poder testar se os dados serão exibidos da forma correta pela trecho de código feito por você em seu tema.

Todos os valores ficarão armazenados de forma nativa no WordPress, em post_meta, entretanto é mais indicado utilizar a função get_field, nativa do ACF, do que a get_post_meta() já existente no WordPress. Alguns podem achar estranho não ser indicado usar a função nativa do WordPress, mas isso se dá ao fato do ACF já tratar a formatação dos valores de acordo com o tipo de campo criado, facilitando sua vida ao não te obrigar a tratar cada tipo de campo!

Para receber o valor de um campo em uma variável, basta utilizar a função get_field(), passando como parâmetro o nome do campo a ser utilizado. Por exemplo, get_field(‘foto-local’);

Para imprimir diretamente o valor de um campo, basta utilizar a função the_field().  Seguindo o exemplo acima, usaríamos the_field(‘foto-local’); 

A primeira coisa que você deve memorizar é essa regra simples: get_field para recuperar os valores em uma variável e the_field para impressão, sem ter a necessidade de fazer um $foto = get_field(‘foto-local’); echo $foto;, já que é mais simples utilizar the_field(‘foto-local’);

Vejamos um exemplo básico de como imprimir 2 campos no Loop do WordPress.

<?php
/**
 * Template Name: Home Page
 */
get_header(); 
?>

<div id="primary">
     <div id="content" role="main">
     <?php while ( have_posts() ) : the_post(); ?>
          <h1><?php the_field('nome-local'); ?></h1>
          <img src="<?php the_field('foto-local'); ?>" />
          <p><?php the_content(); ?></p>
     <?php endwhile; // end of the loop. ?>
     </div><!-- #content -->
</div><!-- #primary -->

<?php get_footer(); ?>

Existem Shortcodes no ACF?

Sim, e você pode os utilizar seguindo de forma simples passando apenas o nome do campo. Algo assim:





Você pode ainda especificar um $post_id para determinar de qual ID de post esta informação virá.


Posts Similares

  • Campo de Upload de Arquivo

    O campo de Upload de arquivo permite que um arquivo seja selecionado e enviada para o servidor, utilizando a API nativa do WordPress para upload, o plupload. Campos adicionais deste tipo de campo Valor Retornado: Define o tipo de retorno dos dados. Você pode escolher entre Objeto (array de dados), URL do arquivo (string), ou ID do arquivo (int); Biblioteca:…

  • the_field()

    the_field()

    Imprime o valor do campo especificado, da mesma forma que um “echo get_field($field_name)” faria, mas simplificando isso 🙂 Parâmetros $field_name: nome do campo a ser retornado. Exemplo: “page_content” (obrigatório) $post_id: Especifica o ID do post  onde o seu valor foi digitado. O padrão é pegar o do post atual, do loop que você está. Você também pode…

  • Campo de Checkboxes

    O campo de checkboxes cria uma lista de opções selecionáveis. Útil para escolher categorias ou informações que podem possuir multiplicidade. Campos adicionais deste tipo de campo Escolhas: Aqui você vai popular a lista de valores selecionáveis. Cada item desta lista deverá estar em uma linha,  e deverá ser preenchido no formato ‘valor : label’. Se você…

  • Campo de Texto

    O campo de texto cria um input básico para digitar texto. Este tipo de campo é indicado para armazenar strings simples. Campos adicionais deste tipo de campo Valor Padrão: determina o valor padrão que este campo terá quando um novo post for criado, podendo ser alterado quando quiser. Texto Placeholder: Texto padrão que aparece quando…

  • Campo de Imagem

    Campo de Imagem

    O campo de Imagem permite que uma imagem seja selecionada e enviada para o servidor, utilizando a API nativa do WordPress para upload de imagens, o plupload. Campos adicionais deste tipo de campo Valor Retornado: Define o tipo de retorno dos dados. Você pode escolher entre Objeto (array de dados), URL da imagem (string), ou ID…

  • Campo Relacional

    O Campo Relacional é uma versão bem atrativa do campo de objetos. Com o Campo Relacional, você pode selecionar itens relacionados a uma página / posts / custom post types. É uma ótima forma de parar de usar plugins para posts relacionados, que nunca relacionam com precisão, e deixar seus usuários fazerem este relação manualmente, se…

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

1 Comentário

  1. Olá Guga! Parabéns pelo artigo.

    Preciso listar na tela os clientes por cidade “cp_city” igual é feito clientes por categorias. Como fazer isso? Sendo que “cp_city” já foi incluído pelos usuários num formulário.
    Obrigado.