Uso de campos personalizados avanzados con Astra

Advanced Custom Fields convierte los sitios de WordPress en un sistema de gestión de contenidos en toda regla, proporcionándote todas las herramientas para hacer más con tus datos. Utiliza el plugin Advanced Custom Fields para controlar por completo las pantallas de edición y los datos de los campos personalizados de WordPress.

Añadir campos a petición: Nuestro constructor de campos le permite añadir rápida y fácilmente campos a las pantallas de edición de WP con sólo hacer clic en unos pocos botones.

Añádelos donde quieras: ¡Los campos se pueden añadir en todo WP, incluyendo mensajes, usuarios, términos de taxonomía, medios de comunicación, comentarios, e incluso páginas de opciones personalizadas!

Muéstrelos en todas partes: Carga y muestra los valores de tus campos personalizados en cualquier archivo de plantilla de tema con nuestras funciones fáciles de usar para desarrolladores.

Características

• Sencillo e intuitivo
• Funciones potentes
• Más de 30 tipos de campos
• Amplia documentación
• Millones de usuarios

Instalación

El plugin Advanced Custom Fields no viene preinstalado con WordPress, por lo que tendrás que instalarlo antes de utilizar sus increíbles funciones. WordPress hace que este proceso sea muy sencillo.

Si está familiarizado con WordPress, Desde su panel de WordPress

1. Visita Plugins > Añadir nuevo
2. Buscar "Campos personalizados avanzados"
3. Instale y active Advanced Custom Fields desde su página de plugins
4. Haga clic en el nuevo elemento de menú "Campos personalizados" y cree su primer grupo de campos personalizados.

Cómo utilizarlo

Para que el proceso sea más fácil de entender, he creado un caso de uso concreto para la demostración. Para este tutorial, voy a crear un grupo de campos personalizados para un tipo de entrada llamado Mobile.

En concreto, quiero añadir los siguientes datos:

• Nombre del móvil
• Fecha de lanzamiento del móvil
• Precio del móvil

Empecemos.

Paso 1: Crear un nuevo grupo de campos

Un grupo de campos es un grupo de campos personalizados que pertenecen a un mismo tema. Por ejemplo, toda la información que quiero añadir a mi lanzamiento móvil está lógicamente correlacionada y, por lo tanto, puede ir toda en un grupo. Crear grupos de campos es la función principal de Campos personalizados avanzados.

Para crear uno, haga clic en Campos personalizados en el área de administración de WordPress. El menú al que te lleva muestra todos los grupos de campos que has creado.

Por ahora, estará completamente vacío. Para cambiarlo, busque el botón Añadir nuevo en la parte superior y haga clic en él. Esto le llevará a la siguiente pantalla:

Paso 2: Añadir y configurar campos

Para empezar a añadir campos a tu grupo, sólo tienes que hacer clic en el botón azul "Añadir campo" de la parte superior. Se abrirá este formulario:

A continuación se explica qué significa y para qué sirve cada uno de los campos del formulario:

• Etiqueta de campo - El nombre que aparece en el menú de campos personalizados avanzados
• Nombre del campo - Nombre utilizado dentro de las plantillas y el código. Debe rellenarse automáticamente con la etiqueta. No se permiten espacios entre palabras, sólo guiones y guiones bajos.
• Instrucciones de campo - Deje instrucciones para utilizar el campo más tarde
• Requerido - Determina si es obligatorio rellenar este campo. En caso afirmativo, los autores no podrán guardar publicaciones o páginas asociadas con el campo personalizado a menos que contenga algo.
• Valor por defecto - Este valor rellenará automáticamente el campo al crear una entrada
• Texto del marcador de posición - Aparece en los campos de entrada de la pantalla del editor
• Añadir y anexar - Define lo que aparece antes y después del texto introducido
• Formato - Compruebe si la entrada HTML en un campo de texto se mostrará en pantalla.
• Límite de caracteres - Si lo desea, puede limitar el número de caracteres que puede escribir.
• Lógica condicional - Reglas de visibilidad de los campos

Ejemplo: Mi propia configuración termina pareciéndose a esto:

• Etiqueta de campo: Fecha de lanzamiento
• Nombre del campo: fecha_lanzamiento
• Tipo de campo: Número
• Necesario: Sí

• Etiqueta de campo: Móvil
• Nombre del campo: móvil
• Tipo de campo: Texto
• Necesario: Sí

• Etiqueta de campo: Precio del móvil
• Nombre del campo: precio_móvil
• Tipo de campo: Número
• Necesario: Sí

Una vez que haya terminado, puede cerrar los campos para ver todo el grupo. Esto también le permite cambiar el orden de los elementos mediante arrastrar y soltar.

Paso 3: Configurar la ubicación y las opciones del campo personalizado

Antes de terminar aquí, necesitamos configurar dónde y cómo se mostrarán los campos personalizados recién creados y lo hacemos con el panel Ubicación y Opciones.

En Ubicación, puede añadir reglas que determinen en qué circunstancias se mostrarán los campos. Pueden incluirse y excluirse en función de:

• tipo de puesto
• tipo de usuario
• puesto exacto
• categoría de puesto
• formato de puesto
• estado del puesto
• taxonomía de puestos
• página exacta
• tipo de página
• página padre
• plantilla de página
• archivo adjunto
• término taxonómico
• usuario

En mi caso, quiero limitar mi grupo de campos a mi tipo de entrada Mobile, por lo que elegiré Tipo de entrada > es igual a > producto.

Después Opciones. Esto es lo que significa cada ajuste:

• Número de pedido - El orden que tomará este grupo de campos si hay varios en la misma pantalla
• Posición
  • Normal - Después del contenido
  • Alta - Después del título
  • Lateral - En el lado del editor
• Estilo
  • Sin fisuras - Sin meta box de WordPress
  • Estándar - Colocado dentro de un meta box
• Ocultar en pantalla - Casillas de verificación que le permiten ocultar otros paneles que no va a necesitar, como etiquetas, categorías, comentarios, etc.

Elija lo que sea más adecuado para su caso. Dejo el resto como está por ahora. Cuando haya terminado, pulse Publicar. Después de eso, usted puede dirigirse a su tipo de mensaje personalizado para ver si los nuevos campos meta aparecen. En mi caso, se añaden.

Cómo visualizar los datos

Ahora puede cargar y mostrar los datos en su tema después de crear un grupo de campos e introducir algunos datos. Aunque puedes usar la función nativa de WP get_post_meta( )lo mejor es practicar utilizando la función ACF adecuada, como la función get_field ( ). Todos los valores se guardan como meta post nativo (cuando se guarda en un post). Esto se debe a que ACF formateará el valor según el tipo de campo y acelerará y simplificará el desarrollo.

En get_field ( ) se puede utilizar para obtener el valor de un campo como variable. Al ser la función más flexible, siempre proporciona un valor para cada tipo de campo. Utilice la función campo( ) de forma similar para mostrar un campo. A continuación se muestran algunos ejemplos:

Visualizar un campo:-

<p><?php the_field('field_name'); ?></p>

Recuperar un campo como variable:-

<?php

$variable = get_field('field_name');

// do something with $variable

?>

Para más ejemplos, visite la página de documentación del ACF aquí.

Paso adicional: Traducir los campos personalizados