Cómo utilizar el módulo de contenido de publicaciones en Divi Theme Builder
Publicado: 2019-11-01El módulo de contenido de la publicación es un módulo especial disponible al crear un diseño del área del cuerpo para una plantilla en Divi Theme Builder. Comprender qué es el módulo de contenido de publicaciones y cómo usarlo será extremadamente útil al diseñar plantillas personalizadas con Divi Theme Builder.
En este tutorial, veremos cómo funciona el módulo de contenido de publicaciones y cuál es la mejor manera de usarlo al diseñar plantillas en Divi.
¡Vamos a sumergirnos!
Suscríbete a nuestro canal de Youtube
Acerca del módulo de contenido de publicaciones de Divi
La función principal del módulo de contenido de la publicación es mostrar (y aplicar estilo) al contenido de la publicación o la página dentro de una publicación o plantilla de página determinada. El módulo está diseñado exclusivamente para funcionar con Theme Builder, por lo que no estará disponible utilizando Divi Builder para editar una página o publicación normal.
En Theme Builder, el módulo de contenido de publicaciones crea un área para que Divi Builder se use dentro del área del cuerpo de una plantilla de Theme Builder. También se puede utilizar para mostrar y aplicar estilo al contenido de una publicación o una página creada con el editor predeterminado de WordPress. Esto lo hace especialmente bueno para crear plantillas de publicaciones de blog.
El módulo se puede agregar al diseño del área del cuerpo de cualquier plantilla utilizando el proceso normal de agregar un nuevo módulo en Divi. Simplemente haga clic en el icono de agregar módulo y seleccione el módulo de contenido de la publicación de la lista.
Esto abrirá el modal de configuración de contenido de la publicación que incluye todas las opciones de diseño disponibles para agregar elementos de estilo predeterminados para ser heredados por publicaciones o páginas asignadas a la plantilla.
El contenido simulado está ahí para brindarnos una imagen útil de cómo se verán esos elementos en una página o publicación en vivo.
Ahora que tenemos una breve introducción al módulo de contenido de publicaciones, exploremos cómo podríamos usarlo en nuestro propio sitio Divi.
Uso del módulo de contenido de publicaciones para plantillas de publicaciones
Uso del módulo de contenido de la publicación para mostrar el contenido de la publicación creado con el editor clásico o predeterminado (no con Divi)
Una aplicación muy práctica del módulo de contenido de publicación es usar el módulo para agregar estilo para publicar contenido en la plantilla para publicar contenido que ha sido creado con el editor de publicaciones predeterminado de WordPress (sin usar Divi Builder).
Por ejemplo, podríamos crear una nueva plantilla asignada a todas las publicaciones en nuestro sitio Divi.
Luego, use el Editor de diseño de plantillas para diseñar la plantilla de publicación de blog utilizando elementos de diseño estáticos y contenido dinámico.
Identifique el área de la plantilla donde desea que se muestre el contenido de la publicación real de una sola publicación. Luego agregue el módulo Publicar contenido al diseño de la plantilla.
A continuación, abra la configuración del módulo de contenido de la publicación para agregar el estilo que desea que se aplique a cualquier contenido de la publicación agregado a una publicación nueva o existente en su sitio. El módulo de contenido de publicación tiene contenido simulado incorporado con varios elementos que se pueden diseñar. Este contenido simulado será reemplazado por contenido de publicación real cuando vea una publicación en el sitio web.
Con el módulo de contenido de la publicación agregado a la plantilla con los estilos agregados a la configuración del módulo de publicación, la plantilla de publicación está lista para ser utilizada por nuestras publicaciones de blog en el sitio en vivo.
Podemos crear una nueva publicación o editar una publicación existente usando el editor predeterminado o el editor clásico en WordPress.
Si usamos el editor clásico, cualquier contenido que se agregue al cuadro de contenido usando el editor wysiwyg llenará el área de la plantilla diseñada por el Módulo de contenido de publicación.
Si usamos el editor de WordPress predeterminado (o editor de bloques), cualquier contenido que creemos con el editor de bloques llenará (y heredará el estilo) del área del módulo de contenido de publicación de la plantilla.
Los bloggers que prefieren el editor predeterminado / clásico no tendrán que preocuparse por diseñar el contenido, ya que heredará el estilo que se estableció en el módulo de contenido de la publicación en la plantilla. Para que los escritores puedan concentrarse más en el contenido real. Además, la plantilla de publicación tendrá un diseño adicional y contenido dinámico alrededor del contenido de la publicación para completar el diseño general de la publicación.
Aquí hay un vistazo al backend de una publicación simulada creada con el editor predeterminado / clásico.
Aquí está la misma publicación cuando la ve en la parte frontal.
Además del diseño y el contenido dinámico que existe en la plantilla, observe el estilo del contenido de la publicación usando la plantilla.
Uso del módulo de contenido de publicaciones para mostrar contenido de publicaciones creado con Divi.
Al usar una plantilla de publicación para publicaciones de blog, podemos decidir usar el creador de Divi para diseñar una o más de nuestras publicaciones de blog en lugar de usar el editor predeterminado. Esto nos dará un mayor control sobre el diseño de cada elemento del contenido de la publicación en lugar de simplemente confiar en el editor predeterminado y el estilo del módulo de contenido de la publicación dentro de la plantilla.
Tenga en cuenta que aunque estamos utilizando Divi Builder para diseñar la publicación, el espacio total del diseño del contenido de la publicación estará dentro del área designada por el módulo de contenido de la publicación dentro de la plantilla de publicación.
Para obtener más información, consulte nuestra documentación sobre cómo crear una plantilla de publicación de blog para todo el sitio.
Uso del módulo de contenido de publicación para plantillas de página
A pesar del nombre, el módulo de contenido de publicaciones se puede utilizar tanto para publicaciones como para páginas. Entonces, si quisiéramos crear una plantilla de cuerpo para una o más páginas en nuestro sitio web, necesitaríamos usar el módulo de contenido de la publicación para asegurarnos de que se muestre el contenido de la página.
En la mayoría de los casos, no es necesario crear una plantilla de cuerpo para una o más páginas, ya que cada página generalmente consta de contenido estático único que se crea página por página. Sin embargo, puede haber ocasiones en las que una plantilla de cuerpo también sea útil para las páginas. Puede ser útil para agregar contenido y diseño de nivel de plantilla que queremos que se muestren en las páginas automáticamente.
Por ejemplo, es posible que queramos incluir el mismo diseño de título de página para todas las páginas de nuestro sitio. O, es posible que queramos incluir una llamada a la acción como una opción de correo electrónico en la parte inferior de todas (o algunas) nuestras páginas.
A continuación, se muestra un ejemplo de cómo funcionaría esto en un sitio web.
Primero, vaya a Divi Theme Builder y cree una nueva plantilla. Luego, asigne la plantilla a todas las páginas y agregue un área de cuerpo personalizada a la plantilla. Después de eso, haga clic para editar el área del cuerpo personalizada.
En el Editor de diseño de plantillas, use Divi Builder para diseñar una sección de título de página utilizando contenido dinámico. Sugerimos usar un módulo de texto y extraer el elemento de contenido dinámico Título de la publicación / archivo para el contenido del cuerpo del módulo de texto. El título de la publicación / archivo también mostrará los títulos de las páginas.
Luego crea una nueva sección para el módulo de contenido de la publicación. Nuevamente, esto es necesario porque sin el módulo de contenido de la publicación, la plantilla no mostrará ningún contenido o diseño de página individual.
Dado que este módulo de contenido de la publicación será el contenedor principal del contenido de nuestra página, es una buena idea permitir que el módulo de contenido de la publicación abarque todo el ancho de la página. Siempre podemos ajustar el espaciado al diseñar el contenido de la página individual cuando usamos Divi Builder.
A continuación, podemos agregar una sección en la parte inferior de la plantilla que se mostrará en todas las páginas. Dado que queremos que el contenido se muestre debajo del contenido real de la publicación / página, debemos agregarlo debajo de la sección que contiene el módulo de contenido de la publicación.
Aquí hay un ejemplo de una sección creada debajo del contenido de la publicación que contiene íconos sociales y una opción de correo electrónico.
Nota: Dado que usaremos Divi Builder para diseñar páginas reales en Divi, realmente no necesitamos agregar estilo al módulo de contenido de la publicación.
Ahora, con nuestra plantilla de página en su lugar, podemos crear una nueva página en Divi yendo a Páginas> Agregar nueva. Luego agregue un título e implemente Divi Builder. 
Luego haga clic para construir en la parte frontal.
Puede diseñar el contenido de la página en la interfaz utilizando Divi. Pero observe cómo el constructor de front-end (visual) estará contenido dentro del área del módulo de contenido de la publicación de la plantilla de página asignada a la página. Al editar una publicación o página en Divi Builder, toda la IU de Divi Builder se muestra en la columna en la que se encuentra el Módulo de contenido de la publicación. Todo lo demás fuera de este módulo es estático y no se puede modificar fuera del Theme Builder.
Entonces, para este ejemplo, la página consta de las siguientes áreas:
- Encabezado global (agregado al área de encabezado personalizado de la plantilla de página)
- Sección de título (agregada al diseño del área de cuerpo personalizada de la plantilla de página sobre el contenido de la página)
- Sección de contenido de publicación (agregada al diseño del área de cuerpo personalizada de la plantilla de página; consta del módulo de contenido de publicación que determina el espacio de construcción para Divi Builder)
- Sección de CTA (agregada al diseño del área de cuerpo personalizada de la plantilla de página debajo del contenido de la página)
- Pie de página global (agregado al área de pie de página personalizado de la plantilla de página)
Así es como se ve al editar la página en el front-end con Divi Builder.
El módulo de contenido de publicación funciona bien para diseñar páginas de WooCommerce generadas por códigos cortos.
El módulo de contenido de publicaciones también estará disponible siempre que estemos creando plantillas de página para las páginas de WooCommerce. Las páginas de WooCommerce generan contenido de la página utilizando códigos cortos. Estos códigos cortos existen dentro del cuadro de contenido de la página de WooCommerce.
Así es como se ve la página de una cuenta de forma predeterminada al editar la página en Divi.
Para diseñar una plantilla para esta página de WooCommerce, no necesitamos implementar Divi Builder en el editor de páginas. Podemos crear una plantilla en Divi Theme Builder y orientar el diseño del contenido de la página generado por el código corto (al menos parte de él) utilizando el módulo de contenido de la publicación.
Cuando cree la plantilla, asegúrese de asignar la plantilla a las páginas de WooCommerce.
Importante: el módulo de contenido de la publicación no mostrará el contenido de las páginas de archivo / categoría. Asegúrese de no asignar la página de la tienda a una plantilla que dependa del módulo de contenido de la publicación para mostrar el contenido. La página de la tienda no mostrará ningún contenido. Por lo tanto, dado que planeamos usar el módulo de contenido de publicación en la plantilla, tendremos que limitar la asignación de nuestra plantilla para incluir solo el carrito, el pago y las páginas de Mi cuenta.
Ahora podemos agregar un área de cuerpo personalizada a la plantilla y construirla usando el editor de diseño de plantillas.
Luego, personalice la plantilla de página con Divi Builder. Cuando agregue el Módulo de contenido de publicación, asegúrese de actualizar la configuración de diseño para orientar el diseño de los elementos de la página de WooCommerce generados por el código corto.
Y así es como se vería la página de Mi cuenta en la parte frontal con el estilo del módulo de contenido de la publicación en su lugar.
Desafortunadamente, el módulo de contenido de la publicación no podrá diseñar directamente cada elemento del contenido generado por la página de WooCommerce. Pero esto proporcionará una buena ventaja al diseñar plantillas de página de woocommerce.
No para plantillas de página de índice / archivo / categoría
Dado que el módulo de contenido de la publicación está diseñado para mostrar el contenido de una página en particular o una publicación creada en Divi, no funcionará con plantillas de página de índice (archivo). Si la plantilla se utiliza en una página de índice (archivo), el módulo no se representa en la interfaz y, por lo tanto, no se muestra ningún contenido.
Si este módulo existe en un área del cuerpo, pero no existe contenido de publicación (o si la plantilla se usa en una página de índice (archivo)), el módulo no se representa en la interfaz.
En resumen, no use el contenido del módulo de publicación para mostrar el contenido de las páginas de archivo, incluida la página de resultados de búsqueda y la página 404.
Utilice el módulo de blog para plantillas de página de archivo.
Si queremos construir una plantilla para páginas de archivo, el módulo de blog de Divi incluye la opción de mostrar el contenido de la página actual. Esto generará el contenido asociado con la categoría o la página de archivo.
Para obtener más información, consulte esta publicación sobre cómo crear una plantilla de página de categoría para su blog.
No para plantillas de páginas de productos
Al crear una plantilla de página de producto para productos WooCommerce en Divi, es mejor no depender del módulo de contenido de la publicación para mostrar la información del producto en el área del cuerpo de la plantilla. Divi tiene todos los módulos Woo que necesitamos para extraer información del producto de forma dinámica a nivel de plantilla. El uso del módulo de contenido de publicación en una plantilla asignada a la página de un producto solo mostrará el contenido incluido en el cuadro de contenido (que, de forma predeterminada, es solo la descripción del producto).
Para obtener más información, consulte cómo crear una plantilla de página de producto.
Advertencia si falta el módulo de contenido de la publicación
Si el módulo de contenido de la publicación no está incluido en el cuerpo de la plantilla Theme Builder y elegimos "Usar Divi Builder" para editar una publicación usando esa plantilla, se nos presenta un cuadro emergente de advertencia que nos dice que nos falta el Publicar el módulo de contenido en la plantilla que se está utilizando. También hay un botón que nos lleva directamente al generador de temas para realizar los cambios necesarios en la plantilla.
Pensamientos finales
Al diseñar nuevas plantillas para un sitio Divi, es importante comprender cómo utilizar el módulo de contenido de publicaciones. Quizás el módulo se utilice mejor junto con elementos de contenido dinámico para crear una plantilla para publicaciones de blog, que puede agilizar el flujo de trabajo de creación de publicaciones de blog sin tener que implementar Divi Builder. Pero el módulo de contenido de la publicación también puede ser útil para las plantillas de página, incluso las páginas de WooCommerce.
¿Cuál ha sido su experiencia con el módulo de contenido de publicaciones hasta ahora?
Espero tener noticias tuyas en los comentarios.
¡Salud!