Cómo crear campos personalizados de WordPress para agregar metadatos

WordPress viene con una función de campos personalizados para que puedas agregar cualquier metadato a tus publicaciones. Esto puede ser información como la fecha de expiración de una publicación o simplemente el clima de ese día. Aquí te mostramos cómo hacer un buen uso de los campos personalizados para mejorar la funcionalidad de tus publicaciones.

Tabla de Contenidos

• Activar Campos Personalizados en el Editor de Bloques
• Configurar el Nombre y el Valor para el Campo Personalizado
• Mostrar el Campo Personalizado en tu Tema de WordPress
• Agregar Campos Personalizados de WordPress con un Plugin

Activar Campos Personalizados en el Editor de Bloques

Si todavía estás usando el editor clásico, la sección de campos personalizados está habilitada por defecto. Deberías poder encontrarla debajo de la sección del editor de texto.

Para el editor de bloques (Gutenberg), la sección de campos personalizados está deshabilitada por defecto, pero puedes habilitarla fácilmente. Solo ve a los tres puntos en la esquina superior derecha de la pantalla y haz clic en ellos.

En el menú desplegable que aparece, selecciona Preferencias en la parte inferior. Dependiendo del idioma de WordPress que hayas configurado, puede decir Opciones en su lugar.

En la sección Paneles, activa la opción Campos personalizados. Luego te pedirá que recargues la página, así que asegúrate de que cualquier trabajo no guardado esté guardado primero, o lo perderás.

Una nueva sección de Campos Personalizados aparecerá ahora debajo de la publicación.

Una vez que comiences a agregar campos personalizados, solo mostrará un máximo de 30 campos. Puedes seguir agregando más, pero no aparecerán en la lista desplegable.

Damien mostró cómo hacer que más campos personalizados de WordPress se muestren de forma predeterminada. La modificación aumenta la lista del menú a un máximo de 120. Puedes hacer clic en el artículo para ver más, o aquí tienes un resumen.

Ve a Apariencia -> Editor en el backend de WordPress y busca el archivo functions.php. Agrega lo siguiente al final.

function increase_postmeta_form_limit(){  
return 120;  
}  
add_filter('postmeta_form_limit','increase_postmeta_form_limit');

Después de guardar los cambios, actualiza la página del backend de WordPress, y el número de campos personalizados en el menú aumentará a 120.

Configurar el Nombre y el Valor para el Campo Personalizado

Puedes agregar lo que quieras como un campo personalizado. Ya sea el último libro que estás leyendo o cuál es el clima de ese día, puedes agregar lo que desees a tus publicaciones. Para el propósito de esta publicación, agreguemos cómo me siento hoy. Así que haz clic en Agregar nuevo para comenzar.

En la sección Nombre, agrega el título de lo que deseas agregar. Esto podría ser cosas como:

• ¿Cómo me siento hoy?
• El libro que estoy leyendo hoy.
• ¿Qué estoy escuchando hoy?

Ya te haces la idea.

En la sección Valor, ahora pones la respuesta. En el caso de mi campo de estado de ánimo, dije “No estaba mal. Un poco melancólico, pero bien”. Recuerda que los campos personalizados son de publicación en publicación, así que lo que ingreses en una publicación no aparecerá en otra.

También vale la pena aclarar que no tiene que ser una pregunta en la sección Nombre. También podría ser algo como un texto estándar que deseas al principio o al final de tu publicación. Por ejemplo, ¿quizás deseas que cada publicación tenga un mensaje de exención de responsabilidad de afiliados? ¿O que sea una publicación patrocinada? Las posibilidades son infinitas.

Nota: Para facilitar la recuperación del campo personalizado a través del código, es mejor mantener el Nombre corto, en minúsculas y evitar cualquier espacio. Vincula los espacios con un guión bajo (_). Por ejemplo, usa “posts_to_redirect” en lugar de “Posts to Redirect”.

Una vez que hayas ingresado la información requerida, haz clic en Agregar Campo Personalizado para guardarlo. No parece haber un conteo mínimo o máximo de caracteres para un campo, pero para el bien de su apariencia en tu página, intenta no exagerar. La brevedad cuenta aquí.

Mostrar el Campo Personalizado en tu Tema de WordPress

Desafortunadamente para nosotros, la vida sería demasiado fácil si eso fuera todo lo que se necesita para que un campo personalizado de WordPress funcione. Ahora tenemos que hacer que aparezca en la página.

No hay una forma fácil de mostrar el campo personalizado en tu tema de WordPress. Debes recurrir a insertar algunos códigos PHP en tu tema.

En el archivo donde deseas mostrar el campo personalizado, utiliza el siguiente código:

$custom_field = get_post_meta($post_id, 'custom-field-name', true);  
echo $custom_field;

Algunos puntos a tener en cuenta:

• $post_id es el ID de la publicación de la que deseas recuperar su campo personalizado.
• custom-field-name es el nombre que utilizaste para tu campo personalizado específico.

Puedes obtener más información aquí.

Consejo: intenta usar un shortcode en su lugar si prefieres usar un método más fácil para agregar metadatos a tu tema.

Agregar Campos Personalizados de WordPress con un Plugin

Si hackear tus archivos de instalación de WordPress suena como demasiado trabajo y dolor de cabeza, siempre tienes la opción de un plugin. El plugin más recomendado para campos personalizados de WordPress es Advanced Custom Fields.

ACF utiliza el concepto de grupos de campos. Estos grupos contienen los campos personalizados que deseas agregar a áreas específicas de tu sitio de WordPress, como publicaciones, páginas o tipos de publicaciones personalizadas. Defines los tipos de campo, etiquetas y cualquier configuración específica dentro de cada grupo.

Los desarrolladores pueden usar los tipos de campo y funciones de ACF para construir potentes funcionalidades personalizadas.

Cómo Instalar Advanced Custom Fields

Una vez que hayas instalado el plugin, ve a la página de configuración de ACF en la barra lateral izquierda de tu instalación de WordPress.

Ve a Grupos de Campos -> Agregar Nuevo. Aquí, nombrarás tu grupo de campos. Haz clic en el botón Agregar Campo y elige el tipo de campo deseado de las opciones. Cada tipo de campo tiene su propia configuración para personalizar aún más.

Una vez que hayas construido tu grupo de campos, haz clic en Guardar Cambios para guardarlo. Ahora, cuando edites una publicación o página asignada a ese grupo, verás los campos personalizados que creaste.

Ahora, cuando vayas al tipo de publicación especificado, verás el campo personalizado abajo. Agrega el valor deseado en el campo de texto.

ACF ofrece una versión gratuita con una buena variedad de tipos de campos. Actualizar a ACF Pro desbloquea aún más características, como campos repetidos (para agregar múltiples instancias de un grupo de campos) y diseños de contenido flexibles.

Todas las capturas de pantalla son de Mark O’Neill