Curso de ACF Básico – #04 – Mostrar campos de ACF en el tema de WordPress

Mostrar los campos de ACF en el Frontend de nuestro sitio Web es muy simple. Para ello tenemos un par de funciones y hasta un shortcode que nos facilitarán la renderización de todos los valores que cargamos en el administrador.

Videotutorial

Contenido exclusivo para usuarios de la Zona Premium

Suscríbete a la Zona Premium para disfrutar de este y demás videotutoriales.

Las Funciones

ACF guarda todos los valores en las tablas meta: post_meta, term_meta, user_meta, etc (con excepción de los bloques de Gutenberg que guarda sus valores en el campo post_content de la tabla wp_posts).

Para recuperar estos valores podríamos utilizar las funciones meta por defecto de WordPress: get_post_meta, get_user_meta, aunque es conveniente utilizar las propias funciones que provee ACF ya que parsean estos valores con las configuraciones definidas.

get_field()

Con esta función vamos a obtener los valores de la base de datos para almacenarlo en una variable o bien para pasarlo como parámetro en alguna otra función.

Sintaxis:

get_field( $selector, [$post_id], [$format_value] );
  • $selector (string) (obligatorio) – nombre del campo a mostrar.
  • $post_id (varios) (opcional) – ID del post con los campos asociados (muy util cuando queremos mostrar campos de otros posts). Por defecto el post actual.
  • $format_value bool | opcional – Si es verdadero formatea los valores devueltos. Por defecto verdadero.

Veamos un pequeño ejemplo con este código:

<?php
$enlace_href 	= get_field( 'enlace_href' );
$enlace_nombre  = get_field( 'enlace_nombre' );
?>
<a href="<?php echo esc_url( $enlace_href ); ?>"><?php echo esc_html( $enlace_nombre ); ?></a>

the_field()

Aparte de extraer los valores de la base de datos, lo renderiza en pantalla.

Sintaxis:

the_field( $selector, [$post_id], [$format_value] );
  • $selector (string) (obligatorio) – nombre del campo a mostrar.
  • $post_id (varios) (opcional) – ID del post con los campos asociados (muy util cuando queremos mostrar campos de otros posts). Por defecto el post actual.
  • $format_value bool | opcional – Si es verdadero formatea los valores devueltos. Por defecto verdadero.

Esta función es exactamente lo mismo que hacer:

echo get_field( 'enlace_href' );
// Es lo mismo que:
the_field( 'enlace_href' );

Shortcode

También podemos utilizar un shortcode para mostrar los valores de un campo específico dentro de nuestro contenido.

Sintaxis:

[acf field="{$nombre_del_campo}" post_id="{$post_id}"]
  • $nombre_del_campo (obligatorio) – Nombre del campo a mostrar.
  • $post_id (opcional) – Este atributo es opcional y sirve para recuperar valores de un post específico indicando su identificador.

Hay que tener en cuenta que el shortcode ejecutará por debajo la función the_field(), con lo cual no siempre será útil para todos los tipos campos.


¿Qué te pareció el artículo?
No molaPobreMolaMuy bueno¡Excelente! (Ninguna valoración todavía)
Cargando…
Mauricio Gelves
Mauricio Gelves es Lic. en Informática y trabaja como Consultor Web Freelance con su marca personal MauGelves. Se especializó en WordPress para ofrecer soluciones personalizadas y rentables a medianas y largas empresas. Es Nómade Digital desde el año 2015, actividad que combina sus dos principales pasiones: la informática y los viajes, y refleja sus experiencias a través de sus hobbies audiovisuales en Instagram y YouTube.
10 Pasos para ser Freelance - eBook Gratuito

10 pasos para convertirte en Freelance

Descarga en forma totalmente gratuita mi eBook en donde explico los 10 pasos que he dado para convertirme en Freelance.

Ingresa tu email y recibe en tu bandeja de correo el enlace para descargarte el eBook.

(Te doy mi palabra que solo enviaré un email al mes con todas mis novedades)


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

× ¿Puedo ayudarte?