jueves, marzo 28, 2024
No menu items!
InicioBlogsCómo agregar metacuadros personalizados en publicaciones y tipos de publicaciones de WordPress

Cómo agregar metacuadros personalizados en publicaciones y tipos de publicaciones de WordPress

¿Quiere crear metacuadros personalizados para sus publicaciones, páginas y tipos de publicaciones personalizadas de WordPress?

WordPress agrega automáticamente metadatos a su contenido, como fecha de publicación, categorías y etiquetas. Sin embargo, es posible que también desees agregar tus propios metadatos personalizados.

En este artículo, le mostraremos cómo agregar fácilmente información única a su contenido creando un cuadro de metadatos personalizado en WordPress.

Cómo agregar metacuadros personalizados en publicaciones y tipos de publicaciones de WordPress

¿Qué es un Meta Box personalizado en WordPress?

Cuando crea publicaciones y páginas personalizadas o tipos de publicaciones en WordPress, ese contenido generalmente tiene sus propios metadatos. Estos metadatos son información relacionada con el contenido, como fecha y hora, nombre del autor, título y más.

También puede agregar sus propios metadatos utilizando el cuadro de campos personalizados predeterminado.

Agregar metaboxes personalizados en publicaciones de WordPress

Consejo profesional: ¿No ves el cuadro Campos personalizados en el editor de publicaciones? Luego consulte nuestra guía sobre cómo arreglar los campos personalizados que no se muestran en WordPress.

El cuadro Campos personalizados es una buena solución si simplemente desea agregar metadatos personalizados a algunas publicaciones. Sin embargo, si planeas agregar mucha información única a tu contenido, tiene sentido crear un cuadro de metadatos personalizado.

De hecho, muchos de los complementos populares de WordPress agregan metacuadros personalizados a la pantalla de edición para publicaciones y páginas. En la imagen a continuación, puede ver lo fácil que es agregar información de SEO a su publicación, utilizando un meta cuadro personalizado proporcionado por AIOSEO.

El complemento SEO todo en uno de WordPress (AIOSEO).

Dicho esto, veamos cómo puedes agregar fácilmente metacuadros personalizados en publicaciones y tipos de publicaciones de WordPress.

Cómo agregar metacuadros personalizados en publicaciones y tipos de publicaciones de WordPress

La forma más sencilla de agregar metacuadros personalizados a WordPress es utilizar Campos personalizados avanzados. Este complemento le permite adjuntar todo tipo de información adicional a sus publicaciones y páginas y luego mostrar esos datos a los visitantes mediante un código corto.

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.

Crear un Metabox personalizado

Después de la activación, visite el ACF » Grupos de campo página desde la barra lateral de administración de WordPress.

Aquí, haga clic en el botón “Agregar nuevo”.

Agregar un campo personalizado a su sitio web de WordPress

Ahora puedes crear campos personalizados que aparecerán en el cuadro de metadatos.

Para comenzar, deberá escribir un título en el campo que muestra “Título del grupo de campos” de forma predeterminada. Esto aparecerá en el editor de contenido de WordPress y se utilizará como título de su metabox.

🔥 Leer:  Importancia de la transformación digital en las industrias tradicionales

Dicho esto, deberías usar algo descriptivo, especialmente si tienes un blog de WordPress de varios autores o compartes tu panel con otras personas.

Cómo agregar fácilmente metadatos personalizados a su sitio web o blog

Una vez hecho esto, estará listo para agregar el primer campo a su metabox.

Agregue campos personalizados al Meta Box de WordPress

Para comenzar, abra el menú desplegable “Tipo de campo” y elija el tipo de campo que desea agregar, como selector de fecha, casilla de verificación o campo de texto.

Agregar campos personalizados al editor de contenido de WordPress

A continuación, escriba una etiqueta para el campo.

Los campos personalizados avanzados mostrarán esta etiqueta antes del campo, por lo que ayudará a los usuarios a comprender qué información deben ingresar.

El complemento de WordPress para campos personalizados avanzados

Los campos personalizados avanzados generarán automáticamente el “Nombre de campo”, por lo que puede dejar este campo en blanco.

Una vez hecho esto, es posible que desee escribir un “Valor predeterminado”. Esto se agregará automáticamente a la página, publicación o tipo de publicación personalizada si el usuario no agrega su información.

Agregar valores predeterminados a campos personalizados de WordPress

Es posible que veas más opciones según el tipo de campo que estés creando. Por ejemplo, si seleccionó “Imagen” en el menú desplegable “Tipo de archivo”, puede elegir el formato de la imagen.

La mayoría de estas opciones se explican por sí mismas, por lo que puede seguir las instrucciones en pantalla para configurar su campo personalizado.

Cuando esté satisfecho con la configuración del campo, haga clic en el botón “Cerrar campo” para contraer la sección.

Agregar datos personalizados a un sitio web o blog

Ahora puede agregar más campos a su metabox personalizado haciendo clic en el botón “Agregar campo”.

Luego, simplemente configure el campo siguiendo el mismo proceso descrito anteriormente.

Guardar un grupo de campos personalizados

Agregue un Meta Box personalizado a su editor de contenido de WordPress

Una vez que esté satisfecho con la configuración de su metabox personalizado, deberá definir dónde y cuándo aparecerá el metabox.

Para hacer esto, desplácese hacia abajo hasta la sección “Configuración” y luego haga clic en la pestaña “Reglas de ubicación”.

Controle dónde aparece el contenido personalizado en el editor de contenido de WordPress

Los campos personalizados avanzados pueden agregar el cuadro a todos los tipos de contenido. Por ejemplo, puede mostrar el metacuadro en tipos de publicaciones, categorías, taxonomías, menús de navegación y más específicos.

Simplemente use los menús desplegables para elegir dónde aparecerá el meta cuadro en su panel de WordPress. Por ejemplo, si acepta publicaciones de invitados, es posible que desee agregar el cuadro a todas las publicaciones en la categoría “Publicaciones de invitados”.

Crear reglas de contenido usando un complemento de WordPress

A continuación, haga clic en la pestaña “Presentación”.

Aquí puedes elegir el estilo del meta box, dónde aparecerá en tu blog de WordPress y dónde aparecerán la etiqueta y las instrucciones.

🔥 Leer:  ¿Cómo eliminar lo destacado en Instagram usando una computadora portátil?
Configuración de presentación de ACF en su panel de WordPress

Si planea agregar varias cajas en la misma ubicación, puede cambiar el orden en que aparecen escribiendo en el campo “N.º de pedido”.

Por ejemplo, mostrar los metacuadros más importantes en la parte superior de la pantalla puede mejorar el flujo de trabajo editorial.

Si no está seguro, puede dejar este campo configurado en 0.

Reorganizar campos en el editor de contenido de WordPress

En esta pantalla también verá una lista de todos los campos que WordPress suele mostrar en la pantalla de edición de publicaciones.

Si desea ocultar un campo, simplemente marque su casilla. Por ejemplo, si utiliza campos personalizados para crear un cuadro de información del autor, es posible que desee ocultar el campo “Autor” predeterminado.

Ocultar campos en el editor de publicaciones de WordPress

Cuando esté satisfecho con los cambios que ha realizado, haga clic en “Guardar cambios” para activar el grupo de campos.

Ahora ha creado con éxito un metabox personalizado para su publicación, página o tipo de publicación personalizada de WordPress. Dependiendo de su configuración, ahora puede visitar el editor de publicaciones para ver el metacuadro personalizado en acción.

Un ejemplo de un cuadro de metadatos personalizado, creado con un complemento gratuito de WordPress

Ver datos personalizados de Meta Box en su tema de WordPress

Ahora ha agregado con éxito un metabox personalizado a su panel de WordPress. Toda la información que los usuarios escriban en el metabox se almacenará en la base de datos de WordPress cuando guarden o publiquen la publicación. Sin embargo, esta información no aparecerá en su sitio web de forma predeterminada.

Con esto en mente, asegurémonos de que los metadatos personalizados aparezcan en el tema de WordPress, para que los visitantes puedan verlos.

Puede hacer esto usando el código abreviado o editando los archivos del tema de WordPress.

Cómo mostrar metadatos personalizados usando shortcode

Agregar un código corto en WordPress es el método más simple y le permite controlar exactamente dónde aparece la información en su sitio web.

Por ejemplo, si creó un campo de “Calificación de estrellas”, puede mostrar esta información después del título de la publicación, dentro del contenido, en el pie de página o en cualquier otro lugar simplemente agregando un código corto.

Sin embargo, tendrás que agregar manualmente un código corto a cada página, publicación o tipo de publicación personalizada. Esto puede requerir mucho tiempo y esfuerzo, especialmente si tienes mucho contenido.

Para obtener el código corto de un campo, vaya a ACF » Grupos de campo. Luego, coloque el cursor sobre el grupo de campos que desea ver y haga clic en el enlace “Editar” cuando aparezca.

Editar un grupo de campos de metadatos

Ahora verás todos los campos que componen este grupo.

Para cada campo que desee mostrar, anote el valor en el campo “Nombre”.

Cómo mostrar datos personalizados en su tema de WordPress usando shortcode

Una vez hecho esto, vaya a la página, publicación o tipo de publicación personalizada donde desea mostrar metadatos personalizados.

🔥 Leer:  25 plantillas gratuitas de Keynote para creatividades

Ahora puedes hacer clic en el icono “+” y escribir “Código corto”.

Agregar códigos cortos a una página o publicación de WordPress

Cuando aparezca el bloque derecho, haga clic para agregarlo a su diseño.

Ahora puedes agregar el siguiente código corto al bloque, asegurándote de reemplazar “article_byline” con el nombre del campo que deseas mostrar.

Agregar metadatos personalizados a un tema de WordPress

Ahora puedes repetir estos pasos para agregar más campos personalizados a la publicación.

Cuando esté satisfecho con los cambios que ha realizado, haga clic en el botón “Publicar” o “Actualizar”. Ahora simplemente visite su sitio web de WordPress para ver los metadatos personalizados en acción.

Un ejemplo de metadatos personalizados, mostrados mediante un código corto

Cómo mostrar metadatos personalizados editando su tema de WordPress

Si desea mostrar metadatos personalizados en la misma ubicación en cada página, publicación o tipo de publicación personalizada, puede agregar código a sus archivos de tema de WordPress.

Esto puede ahorrarle tiempo a largo plazo, pero no es el método más fácil para principiantes. También perderá todo el código personalizado la próxima vez que actualice su tema de WordPress, por lo que recomendamos crear un tema secundario. Luego puede agregar su código personalizado al niño.

Si nunca antes ha editado archivos de temas, consulte nuestra guía para principiantes sobre cómo copiar y pegar código en WordPress.

Deberá editar el archivo donde desea mostrar metadatos personalizados. Esto variará según el tema, pero normalmente necesitarás editar el archivo single.php, content.php o page.php de tu sitio.

Una vez que tenga el archivo correcto, deberá agregar el código dentro del bucle de WordPress. Para encontrar este bucle, simplemente busque el siguiente código similar a este:

	

Luego puedes pegar el código después de esta línea y antes de la línea que finaliza el ciclo:

	

Por ejemplo, su código de campo personalizado debería verse así:

	

Observe cómo envolvimos el código en un encabezado h2 con una clase CSS. Esto nos permite formatear y diseñar el campo personalizado más adelante agregando CSS personalizado a nuestro tema.

Aquí hay otro ejemplo:

Al agregar código a su tema, no olvide reemplazar los nombres de los campos.

Una vez hecho esto, podrá visitar cualquier publicación en la que ya haya ingresado datos en los campos personalizados. Ahora verá sus metadatos únicos en acción.

Cómo agregar campos personalizados a un tema de WordPress

Esperamos que este artículo le haya ayudado a aprender cómo agregar metacuadros personalizados en publicaciones y tipos de publicaciones de WordPress. Es posible que también desee consultar nuestra guía sobre cómo crear flujos de trabajo automatizados en su sitio de WordPress o ver nuestra selección experta de los mejores complementos y herramientas de SEO que debería utilizar.

Recomendamos

Populares