Cómo incluir metadatos en la plantilla de publicación de tu blog con Divi

Los metadatos brindan a sus lectores información simple pero importante sobre su contenido. Afortunadamente, los metadatos son fáciles de agregar a cualquier plantilla de publicación Divi con contenido dinámico. En este artículo, veremos cómo incluir metadatos en la plantilla de publicación de tu blog con Divi.

¡Empecemos!

Avance

Primero, veamos lo que estamos haciendo.

Plantilla de publicación de blog con metadatos en el escritorio

Así es como se verán los metadatos en un escritorio.

Plantilla de publicación de blog con metadatos en el teléfono

Así es como se verán nuestros metadatos en un teléfono.

¿Qué son los metadatos?

Los metadatos son información sobre el contenido. Hay varios tipos de metadatos. Para publicaciones de blog, estos son metadatos descriptivos. Esta es información como el nombre del autor, la categoría de la publicación, las etiquetas de la publicación, la fecha de publicación y la cantidad de comentarios.

Los lectores usan estos metadatos para saber si están interesados ​​en la categoría, si está escrito por un autor que conocen, si el contenido es actual y si los visitantes han interactuado con el contenido. Este tipo de metadatos es fácil de agregar a las plantillas de publicación de su blog Divi.

Por qué usar contenido dinámico para metadatos con Divi

Hay un par de formas de agregar metadatos a las plantillas de publicación de tu blog Divi. Incluyen el módulo de título de publicación y los módulos de texto. He aquí un vistazo a ambos y por qué recomiendo el módulo de texto para la mayoría de las plantillas.

El módulo Título de la publicación incluye metadatos. Este incluye interruptores para habilitar los metadatos específicos que desea usar. Esto es excelente para mostrar un título con metadatos. Están sucediendo muchas cosas en este módulo que no son necesarias si solo desea mostrar metadatos. Además, los metadatos se ubican uno al lado del otro y no tiene control sobre su orden o ubicación.

Los módulos de texto le brindan el mayor control y funciones. Los módulos de texto incluyen contenido dinámico para el cuerpo del texto. Esto le permite seleccionar cualquier tipo de metadatos para mostrar dentro del módulo de texto. Utilice varios módulos de texto para mostrar todos los metadatos de forma independiente o juntos dispuestos en cualquier orden o diseño.

Cómo funcionan los metadatos dinámicos en los módulos de texto Divi

En lugar de ingresar manualmente el contenido para mostrar, el contenido dinámico trae el contenido según el tipo de contenido que elija. Por ejemplo, si selecciona el título de la publicación, Divi muestra el título exclusivo de esa publicación.

Los módulos Divi Text tienen una opción para mostrar contenido dinámico. Cuando pasas el cursor sobre el área de contenido, verás un pequeño icono en la esquina derecha donde puedes elegir el tipo de contenido dinámico para mostrar.

Cada módulo muestra un tipo de contenido dinámico. Le brinda una lista de contenido para elegir que incluye múltiples tipos de metadatos. Puedes elegir uno por módulo. Para mostrar más de un tipo de metadatos, deberá agregar más módulos de texto.

Opciones de contenido dinámico

Ciertos tipos de contenido incluyen opciones adicionales. Estas opciones no son dinámicas. En otras palabras, muestran el texto exacto que ingresa en sus campos o los parámetros que ingresa, como la cantidad de caracteres para mostrar. Este ejemplo del extracto de publicación incluye antes, después, número de palabras y leer más texto. Por ejemplo, el texto que ingresa en el campo Antes se muestra antes del contenido dinámico.

La fecha de publicación incluye los campos Antes y Después, y puede elegir el Formato de fecha.

El recuento de comentarios de publicaciones incluye antes, después y la opción de vincular al área de comentarios. Por ejemplo, si ingresa "Comentarios" en el campo Después y la publicación tiene 12 comentarios, este módulo de Texto muestra el texto "12 Comentarios".

Las categorías de publicación incluyen los campos Antes y Después, la opción de vincular a las páginas de índice de categoría, el separador de categoría y el tipo de categoría.

Una vez que haga una selección, el módulo de texto mostrará el tipo de contenido dinámico que mostrará. Puede editar su configuración y personalizar el módulo como de costumbre.

Incluya metadatos en su plantilla de publicación de blog con Divi

Primero, deberá crear o cargar una plantilla de publicación de blog Divi en Divi Theme Builder. ET proporciona muchas plantillas de publicaciones de blog gratuitas que coinciden con los paquetes de diseño Divi. Para encontrar una plantilla gratuita, busque en el blog "plantilla de publicación de blog gratuita". Descarga y descomprime tu plantilla.

Estoy usando la plantilla gratuita de publicación de blog corporativo para mis ejemplos.

A continuación, cargue el archivo JSON en Divi Theme Builder. Ve a Divi > Theme Builder en el panel de control de WordPress. Seleccione Portabilidad y haga clic en Importar en el modal que se abre. Haga clic en Elegir archivo y navegue hasta su archivo JSON y selecciónelo. Haga clic en Importar plantillas de Divi Theme Builder . Guarde su configuración.

1. divide
2. Creador de temas
3. Portabilidad
4. Importar
5. Elegir archivo
6. Importar plantillas de generador de temas Divi
7. Guarde su configuración

Agregue metadatos a su plantilla de publicación de blog Divi

Este diseño ya incluye metadatos, pero lo eliminaremos y agregaremos el nuestro en una ubicación diferente.

Pase el cursor sobre la Fila que contiene los metadatos y elimínela. Alternativamente, puede arrastrarlo y soltarlo en la nueva ubicación, pero quiero mostrar cómo configurar cada uno de los elementos.

Agregue una Fila de 4 columnas debajo de la primera fila.

Estilo de la fila

Primero, diseñaremos la Fila. Abra la configuración de la fila haciendo clic en el icono de engranaje.

Desplácese hasta la configuración de Fondo e ingrese #4c594c para el color.

• Color de fondo: #4c594c

Vaya a la pestaña Diseño y desplácese hacia abajo hasta Borde y seleccione Borde inferior. Cambie el Ancho del borde a 10px y el Color del borde a #828b82. Cierre la configuración de Fila.

• Ancho del borde inferior: 10px
• Color del borde inferior: #828b82

Primer módulo de texto

Haga clic en el icono gris oscuro y agregue un módulo de texto en la columna de la izquierda.

Seleccione para usar contenido dinámico .

Elija Categorías de publicación de la lista de opciones.

• Contenido dinámico: categorías de publicaciones

Mostrará la configuración para este contenido dinámico. Aquí, puede agregar el texto Antes y Después, elegir vincular a la página de índice de categorías, cambiar el separador y elegir el tipo de categoría. Dejaré estos valores predeterminados y haré clic para cerrar la configuración.

Aplicar estilo al módulo de texto

Vaya a la pestaña Diseño . Dado que dejamos las categorías como enlaces en los que se puede hacer clic, debemos diseñar la versión del enlace del texto. Seleccione el icono de enlace . Establezca la Fuente del enlace en Open Sans, semi negrita, todo en mayúsculas, alineación central y el color blanco. Cierra la configuración.

• Fuente del enlace: Open Sans
• Peso: semi negrita
• Estilo: Todo en mayúsculas
• Alineación: Centro
• Color: #ffffff

Segundo módulo de texto

Duplique el módulo Texto y arrástrelo a la siguiente columna.

Elimine el contenido dinámico.

Seleccione para usar contenido dinámico .

Elija Publicar autor de la lista de opciones.

• Contenido dinámico: autor de la publicación

Esto abre otro conjunto de opciones con el texto Antes y Después, el formato del nombre y la opción de convertir el nombre en un enlace. Dejaré estos valores predeterminados y haré clic para cerrar la configuración.

Aplicar estilo al módulo de texto

Dado que este texto no es un enlace, necesitaremos diseñar el texto normal en lugar del Texto del enlace. Sin embargo, Divi cambia el estilo al texto normal para nosotros. Cierra el módulo.

Los ajustes ya incluyen:

• Fuente del enlace: Open Sans
• Peso: semi negrita
• Estilo: Todo en mayúsculas
• Alineación: Centro
• Color: #ffffff

Tercer módulo de texto

Duplique el módulo Publicar autor y arrástrelo a la siguiente columna.

Elimine el contenido dinámico del autor de la publicación.

Seleccione Usar contenido dinámico y elija Fecha actual .

• Contenido dinámico: fecha actual

Esto abre opciones con el texto Antes y Después y el formato de fecha. Dejaré estos valores predeterminados y haré clic para cerrar la configuración y luego cerraré el módulo. El estilo se copió del último módulo, por lo que no necesitamos ajustarlo.

Cuarto Módulo de Texto

Finalmente, haga clic para agregar un nuevo módulo en la última columna.

Haga clic en Usar contenido dinámico y seleccione Publicar recuento de comentarios .

• Contenido dinámico: número de comentarios publicados

Esto abre las opciones para el recuento de comentarios publicados con texto antes y después, y la opción de vincular al área de comentarios. En el campo Después, agrega un espacio y la palabra Comentarios . Cierre la configuración de opciones.

• Después: Comentarios

Aplicar estilo al módulo de texto

Seleccione la pestaña Diseño y luego haga clic en el icono Enlace . Establezca la Fuente del enlace en Open Sans, semi negrita, todo en mayúsculas, alineación central y el color blanco. Cierre el módulo y guarde su configuración.

• Fuente del enlace: Open Sans
• Peso: semi negrita
• Estilo: Todo en mayúsculas
• Alineación: Centro
• Color: #ffffff

Resultados

Plantilla de publicación de blog con metadatos en el escritorio

Así es como se ven los módulos de metadatos en un escritorio.

Plantilla de publicación de blog con metadatos en el teléfono

Así es como se ven nuestros metadatos en un teléfono.

pensamientos finales

Ese es nuestro análisis de cómo incluir metadatos en la plantilla de publicación de tu blog con Divi. Los metadatos son simples, pero brindan información importante a sus lectores. Afortunadamente, es fácil agregar a cualquier plantilla de publicación Divi con módulos de texto y contenido dinámico.

Queremos escuchar de ti. ¿Incluye metadatos en su plantilla de publicación de blog Divi? Cuéntanoslo en los comentarios.