Campos personalizados de WordPress 101: consejos, trucos y trucos

Los campos personalizados son una función práctica de WordPress que le permite agregar varios datos / información adicional a sus publicaciones y páginas de WordPress. Muchos complementos y temas populares de WordPress utilizan campos personalizados para almacenar datos importantes. También puede usar campos personalizados para almacenar sus propios datos y luego usarlos en su sitio web. En este artículo, le mostraremos cómo usar los campos personalizados de WordPress junto con algunos consejos, trucos y trucos.

Dado que este es un artículo largo, hemos agregado una tabla de contenido para facilitar la navegación.

¿Qué son los campos personalizados de WordPress?

Los campos personalizados de WordPress son metadatos que se utilizan para agregar información adicional relacionada con la publicación o la página que está editando. De forma predeterminada, cuando escribe una nueva publicación, página o cualquier otro tipo de contenido, WordPress lo guarda en dos áreas diferentes. La primera parte es el cuerpo de tu contenido que agregas usando el editor de publicaciones. La segunda parte es la información sobre ese contenido en particular. Por ejemplo, título, autor, fecha, hora, etc. Esta información en el artículo se llama metadatos. WordPress agrega automáticamente todos los metadatos necesarios a cada publicación o página que cree. También puede crear y almacenar sus propios metadatos utilizando campos personalizados. De forma predeterminada, la opción de campos personalizados está oculta en la pantalla de edición de publicaciones. Para mostrarlo, debe hacer clic en el menú de tres puntos en la esquina superior derecha de la pantalla y seleccionar "Opciones" en el menú.

Esto abrirá una ventana emergente donde debe marcar la opción `` Campos personalizados '' debajo de los paneles avanzados. Después de eso, haga clic en el botón "Activar y recargar" para volver a cargar el editor de publicaciones.

El editor de publicaciones se recargará y podrá ver el panel de campos personalizados debajo del editor de contenido.

Los campos personalizados se pueden usar para agregar información relacionada con la publicación, la página o cualquier tipo de contenido. Esta metainformación se puede mostrar en su tema. Sin embargo, para hacer esto, necesitará editar sus archivos de tema de WordPress. Por lo tanto, este tutorial se recomienda para usuarios familiarizados con la edición de archivos de temas. También es útil para futuros desarrolladores de WordPress que quieran aprender a usar correctamente los campos personalizados en sus propios temas o complementos. Dicho esto, veamos cómo agregar y usar campos personalizados en WordPress.

Agregar campos personalizados en WordPress

Primero, debe editar la publicación o página a la que desea agregar el campo personalizado e ir al metabox de campos personalizados.

A continuación, debe proporcionar un nombre para su campo personalizado y luego ingresar su valor. Haga clic en el botón Agregar campo personalizado para guardarlo. El campo se almacenará y mostrará en el meta-cuadro de campos personalizados como este:

Puede editar este campo personalizado en cualquier momento y luego hacer clic en el botón actualizar para guardar los cambios. También puede eliminarlo si es necesario. Ahora puede guardar su mensaje para almacenar su configuración de campo personalizada.

Visualización de campos personalizados en temas de WordPress

Para mostrar su campo personalizado en su sitio web, deberá editar sus archivos de tema de WordPress. Si no lo ha hecho antes, eche un vistazo a nuestra guía sobre cómo copiar y pegar código en WordPress. Primero, deberá encontrar el archivo de tema que necesita editar para mostrar su campo personalizado. Idealmente, querrá mostrarlo en una sola página de publicación. Deberá editar el archivo single.php o content-single.php. Deberá ingresar su código de campos personalizados en el ciclo de WordPress. Busque la línea que se ve así:

Desea asegurarse de agregar su código antes de la siguiente línea:

Ahora necesita agregar este código a su archivo de tema:

ID, 'clave', verdadero); ? No olvide reemplazar la clave con el nombre de su campo personalizado. Por ejemplo, usamos este código en nuestro tema de demostración:

El humor de hoy: ID, 'Mood', verdadero); ?

Ahora puede guardar sus cambios y visitar la publicación donde agregó el campo personalizado para verlo en acción.

Ahora puede usar este campo personalizado en todas sus otras publicaciones de WordPress. Simplemente cree un mensaje nuevo o edite uno existente. Vaya al meta-cuadro de campos personalizados y seleccione su campo personalizado en el menú desplegable e ingrese su valor.

Haga clic en el botón "Agregar un campo personalizado" para guardar sus cambios, luego publique o actualice su mensaje.

No se puede encontrar el campo personalizado en la lista desplegable en la pantalla posterior a la edición

De forma predeterminada, WordPress solo carga 30 campos personalizados en este formulario. Si está utilizando temas y complementos de WordPress que ya usan campos personalizados, es posible que estos aparezcan primero en el menú desplegable y no podrá ver su campo personalizado recién creado. Para resolver este problema, deberá agregar el siguiente código al archivo functions.php de su tema oa un complemento específico del sitio. add_filter ('postmeta_form_limit', 'meta_limit_increase'); function meta_limit_increase ($ limite) {return 50; } El código anterior cambiará este límite a 50. Si aún no ve su campo personalizado, intente aumentar este límite más.

Crear una interfaz de usuario para campos personalizados

Como puede ver, una vez que haya agregado un campo personalizado, deberá seleccionar el campo e ingresar su valor cada vez que redacte una publicación. Si tiene muchos campos personalizados o varios usuarios escribiendo en su sitio web, esta no es una solución ideal. ¿No sería bueno si pudiera crear una interfaz de usuario donde los usuarios puedan completar un formulario para agregar valores a sus campos personalizados? Esto es lo que ya hacen muchos complementos populares de WordPress. Por ejemplo, el título de SEO y el cuadro de meta descripción dentro del popular complemento All in One SEO es un cuadro de meta personalizado:

La forma más sencilla de hacerlo es utilizar el complemento Campos personalizados avanzados.

Agregar campos personalizados mediante campos personalizados avanzados

Lo primero que debe hacer es instalar y activar el complemento Campos personalizados avanzados. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress. Tras la activación, debe visitar Campos personalizados »Grupos de campos página y haga clic en el botón Agregar nuevo.

Un grupo de campos es como un contenedor para un conjunto de campos personalizados. Esto le permite agregar varios paneles de campos personalizados. Ahora debe proporcionar un título para su grupo de campos y luego hacer clic en el botón "Agregar campo".

Ahora puede darle un nombre a su campo personalizado y seleccionar un tipo de campo. Los campos personalizados avanzados le permiten crear todo tipo de campos, incluidos texto, carga de imágenes, números, menús desplegables, casillas de verificación y más.

Desplácese hacia abajo y verá más opciones para ese campo en particular. Puede modificarlos según sus propias necesidades. Puede agregar varios campos a su grupo de campos si lo desea. Una vez que haya terminado, haga clic en el botón Publicar para guardar sus cambios. Ahora puede editar un artículo o crear uno nuevo y verá un nuevo panel para sus campos personalizados en el editor de contenido.

Para obtener instrucciones detalladas paso a paso, consulte nuestra guía sobre cómo agregar cuadros de meta personalizados en publicaciones y tipos de publicaciones de WordPress.

Ocultar campos personalizados vacíos con una declaración condicional

Hasta ahora, hemos cubierto cómo crear un campo personalizado y mostrarlo en su tema. Ahora veamos cómo verificar si el campo personalizado no está vacío antes de mostrarlo. Para hacer esto, modificaremos nuestro código para verificar primero si el campo contiene datos.

ID, 'Mood', verdadero); if ($ estado de ánimo) {?

El humor de hoy:

Recuerde reemplazar Mood con su propio nombre de campo personalizado.

Agregar varios valores a un campo personalizado

Los campos personalizados se pueden volver a utilizar en el mismo artículo para agregar varios valores. Solo necesita seleccionarlo nuevamente y agregar otro valor.

Sin embargo, el código que usamos en los ejemplos anteriores solo podrá mostrar un valor único. Para mostrar todos los valores de un campo personalizado, necesitamos modificar el código y hacer que devuelva los datos en una matriz. Deberá agregar el siguiente código en su archivo de tema:

ID, 'Mood', falso); if (count ($ estado de ánimo)! = 0) {?

El humor de hoy:

'. $ estado de ánimo '.

'; }?

Recuerde reemplazar Mood con su propio nombre de campo personalizado. En este ejemplo, notará que hemos cambiado el último parámetro de la función get_post_meta a falso. Este parámetro define si la función debe devolver un valor único o no. Establecerlo en falso le permite devolver los datos como una matriz, que luego mostramos en un bucle foreach.

Ver publicaciones con una clave personalizada específica

WordPress le permite mostrar publicaciones con claves personalizadas y sus valores. Por ejemplo, si está intentando crear una página de archivo personalizada para mostrar todas las publicaciones con claves personalizadas específicas, puede usar la clase WP_Query para consultar publicaciones que coincidan con esos campos. Puede utilizar el siguiente código como punto de partida. $ args = array ('meta_key' = 'Estado de ánimo', 'meta_value' = 'Feliz'); $ the_query = new WP_Query ($ args);

have_posts ()):?

have_posts ()): $ the_query-the_post (); ?

Recuerde reemplazar los parámetros meta_key y meta_value con sus propios valores.

Agregue el nombre del autor invitado usando campos personalizados

¿Desea agregar una publicación de invitado, pero no desea agregar un nuevo perfil de usuario solo para agregar una sola publicación? Una forma más fácil de hacer esto es agregar un invitado ...