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

  • Shortcode do ACF

    Shortcode do ACF

    O Shortcode do ACF pode ser utilizado em sua postagem para exibir o valor de um campo personalizado simples, como o de texto. Se você não sabe o que é um shortcode, recomendamos a leitura da documentação oficial do WordPress, no Codex. Requisitos ACF v3.1.1 ou superior Como Utilizar Place the shortcode marker with the desired field within your…

  • 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 de Editor WYSIWYG

    O Campo Editor Wysiwyg cria uma área de conteúdo com todos os recursos do tinyMCE. Este campo é muito útil quando você precisa criar áreas separadas de conteúdo em um determinado custom post type ou post, segmentando melhor seu conteúdo. O Editor Wysiwyg não trará as abas “Visual / Texto” como o editor padrão do WordPress….

  • Instalando o Advanced Custom Fields

    Instalando o Advanced Custom Fields

    A instalação do Advanced Custom Fields não tem nenhum mistério e segue o mesmo padrão de instalação de qualquer outro plugin comum. Mesmo assim, é sempre bom ter um passo a passo publicado, certo?

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.