Cómo añadir meta buzones personalizados en mensajes de WordPress y tipos de mensajes

¿Desea crear cajas meta personalizadas para sus mensajes, páginas y tipos de mensajes personalizados de WordPress? Los meta buzones personalizados se utilizan habitualmente para proporcionar una mejor interfaz de usuario para añadir campos personalizados (metadatos) a su contenido. En este artículo, explicaremos qué es un meta box personalizado, y cómo puedes añadir fácilmente meta boxes personalizados en los posts y tipos de posts de WordPress.

¿Qué es un Meta Box Personalizado en WordPress?

El meta buzón personalizado es una interfaz más fácil de usar para añadir campos personalizados (metadatos) en sus mensajes, páginas y otros tipos de mensajes personalizados.

WordPress viene con una interfaz fácil de usar que te ayuda a crear contenido como mensajes y páginas, o tipos de mensajes personalizados.

Normalmente, cada tipo de contenido consiste en el contenido real y sus metadatos. Los metadatos son información relacionada con ese contenido como fecha y hora, nombre del autor, título y más. También puede añadir sus propios metadatos utilizando campos personalizados.

Sin embargo, añadir metadatos utilizando el cuadro de campos personalizados predeterminado no es muy intuitivo. Aquí es donde entran en juego las cajas meta personalizadas.

WordPress permite a los desarrolladores crear y añadir sus propios meta boxes personalizados en las pantallas de edición de postproducción. Así es como los plugins más populares añaden diferentes opciones en las pantallas de edición de postproducción.

Por ejemplo, el título de SEO y cuadro de descripción de meta dentro de Yoast SEO plugin es un cuadro de meta personalizado:

Dicho esto, veamos cómo puedes añadir fácilmente meta-cajas personalizadas en los posts y tipos de posts de WordPress.

Creación de metadatos personalizados en WordPress

Primero, lo que tiene que hacer es instalar y activar el plugin de Campos Personalizados Avanzados. Para más detalles, vea nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Al activarlo, el plugin añade un nuevo elemento de menú llamadoCampos personalizados a la barra de administración de WordPress. Al hacer clic en él, accederá a la página de campos personalizados.

Esta página estará vacía ya que aún no ha creado ningún campo personalizado. Siga adelante y haga clic en el botón `Agregar nuevo para continuar.

Se le llevará a la página `Agregar nuevo grupo de campos.

Aquí debe proporcionar un título para su grupo de campo. Este título se usará como título de su meta box.

Después de eso, puede empezar a añadir sus campos. Simplemente haga clic en el botón+ Añadir campo para añadir su primer campo.

Se abrirá el formulario de configuración de campos. Primero debe proporcionar una etiqueta para su campo. Esta etiqueta se mostrará en su meta box antes del campo.

A continuación, debe seleccionar el tipo de campo. El plugin Advanced Custom Fields le permite elegir entre una amplia gama de opciones. Esto incluye texto, área de texto, botones de radio, casillas de verificación, editor WYSIWYG completo, imágenes y más.

A continuación, debe proporcionar instrucciones de campo. Estas instrucciones le dirán a los usuarios qué añadir al campo.

A continuación, encontrará otras opciones para su campo. Usted necesita revisar cuidadosamente estas opciones y ajustarlas para que se ajusten a sus necesidades.

A continuación, haga clic en el botón Cerrar campo para contraer el campo.

Si necesita añadir más campos a su metabox, haga clic en el botón+ Añadir campo para añadir otro campo.

Una vez que haya terminado de añadir campos, puede desplazarse hacia abajo hasta la sección de ubicación. Aquí es donde puede definir cuándo y dónde desea que se muestre su meta box.

Advanced Custom Fields viene con un puñado de reglas predefinidas para que usted elija. Por ejemplo, puede seleccionar tipos de mensajes, categoría de mensaje, taxonomía, página padre, y más.

A continuación, viene la configuración de las opciones del meta box.

Primero tiene que elegir el número de pedido. Si tiene varios grupos de campos definidos para un emplazamiento, puede seleccionar el número de orden para que se visualicen. Si no está seguro, déjelo en 0.

A continuación, debe elegir la posición del meta box en la página. Puede elegir mostrarlo después del contenido, antes del contenido o en la columna de la derecha.

Debajo de eso, tendrás que elegir un estilo para tu meta box. Puedes elegir que sea como todas las otras cajas meta de WordPress, o puedes elegir que sea sin fisuras (sin ninguna caja meta).

Si no está seguro, seleccione la opción Estándar (casilla WP Meta).

Por último, verá una lista de campos que normalmente se muestran en una pantalla de edición de mensajes. Si desea ocultar un campo en particular en su pantalla de edición de mensajes, puede marcarlo aquí. Si no está seguro, es mejor no marcarlas.

Una vez que haya terminado, haga clic en el botón de publicar para que su grupo de campo esté activo.

Enhorabuena, has creado con éxito tu meta box personalizado para tu post o tipo de post de WordPress.

Dependiendo de tu configuración, ahora puedes visitar tu mensaje o tipo de mensaje para ver tu meta buzón personalizado en acción.

Puede utilizar este cuadro de metadatos personalizado para añadir metadatos a sus mensajes o tipos de mensajes. Estos datos se almacenarán en su base de datos de WordPress cuando guarde o publique el mensaje.

Visualización de los datos de los buzones de metadatos personalizados en el tema de WordPress

Hasta ahora hemos creado con éxito un meta box personalizado y lo hemos mostrado en nuestra pantalla de edición de postproducción. El siguiente paso es mostrar los datos almacenados en esos campos en el tema de WordPress.

En primer lugar, debe editar el grupo de campos personalizados que creó anteriormente. En la páginaEditar grupo de campos, verá sus campos personalizados y sus nombres.

Necesitará los nombres de estos campos para mostrarlos en su sitio web.

Los Campos Personalizados Avanzados le permiten hacerlo de dos maneras diferentes.

Primero, puedes usar un código abreviado para mostrar un campo personalizado en tu mensaje.

acf field=»article_byline»]

También puede mostrarlos añadiendo código a los archivos de temas de WordPress. Si no lo has hecho antes, echa un vistazo a nuestra guía para principiantes sobre cómo copiar y pegar código en WordPress.

Deberá editar el archivo de tema en el que desea mostrar los datos de estos campos. Por ejemplo, single.php, content.php, page.php, etc.

Necesitará asegurarse de que agrega el código dentro del bucle de WordPress. La manera más fácil de asegurarse de que está ingresando el código dentro del bucle es buscar una línea en su código que se vea así:

1

Puede pegar su código después de esta línea y antes de la línea que termina el bucle:

1

Su código de campo personalizado se vería algo así:

1

Este código mostrará los datos introducidos en el campo de artículo por artículo de nuestra caja de meta personalizada.

Fíjate como envolvimos el código en un encabezado h2 con una clase CSS. Esto nos ayudará a formatear y estilizar el campo personalizado más tarde, añadiendo CSS personalizado a nuestro tema.

Aquí hay otro ejemplo:

12345

 

No olvide reemplazar los nombres de los campos con sus propios nombres de campo.

Ahora puede visitar el puesto en el que ya ha introducido los datos en sus campos personalizados. Podrá ver sus metadatos personalizados visualizados.

Advanced Custom Fields es un plugin muy potente con muchas opciones. Este tutorial sólo rasca la superficie. Si necesitas más ayuda, no olvides consultar la documentación del plugin para saber cómo ampliarla.

Esperamos que este artículo le haya ayudado a aprender a añadir meta recuadros personalizados en los posts y tipos de posts de WordPress. También puedes ver nuestra guía paso a paso sobre cómo aumentar la velocidad y el rendimiento de WordPress para principiantes.

Si te ha gustado este artículo, suscríbete a nuestros tutoriales de vídeo de YouTube Channel for WordPress. También puede encontrarnos en Twitter y Facebook.

Deja un comentario