Para mostrar la imagen destacada de tus publicaciones de ancho completo en WordPress con Divi necesitamos los siguientes recursos:
- Cómo Instalar Divi. En esta guía te explico paso a paso cómo instalar Divi en WordPress y activar la licencia en caso de que seas nuevo con Divi.
- Cómo Hacer una Plantilla de Entradas. En esta guía vas a aprender a trabajar con plantillas de entradas en Divi para darle un aspecto totalmente personalizado a tus entradas de WordPress.
- Módulo de Texto de Divi.
- Módulo Título de la Entrada de Divi.
Cómo Mostrar la Imagen Destacada de Ancho Completo con Divi
Las imágenes destacadas de ancho completo se ven geniales en cualquier publicación de blog. Afortunadamente, son fáciles de agregar usando el Theme Builder de Divi. Hay varias formas de hacerlo, por lo que podemos elegir el método que mejor se adapte a las necesidades de cada caso.
En el video te muestro cuatro formas de agregar una imagen de ancho completo a tu plantilla de entradas del blog.
Imagen de Ancho Completo con Módulo de Imagen
En esta opción insertamos debajo del título de la entrada una nueva fila en la que añadimos un módulo de imagen de Divi que configuramos para que ocupe el ancho total de la página.
Luego utilizamos la herramienta Contenido Dinámico del módulo de imagen para mostrar la imagen destacada de la entrada.
Imagen de Ancho Completo en el Fondo de la Sección Principal
Otra opción es mostrar la imagen destacada como fondo de la sección principal de la página.
En este caso abrimos los ajustes de la sección principal, vamos a la opción Fondo y en la pestaña Imagen usamos la herramienta Contenido Dinámico para mostrar la imagen principal.
Luego podemos ajustar la altura de la sección para que la imagen se vea el tamaño más completo y añadirle también un fondo gradiente para que se lea mejor el título de la entrada, que queda sobre la imagen destacada de ancho completo.
Imagen de Ancho Completo en el Fondo del Título de la Entrada
Esta opción es similar al anterior pero usando, en lugar del fondo de la sección principal, el fondo del módulo de texto que contiene el título de la entrada.
En este caso va a ser necesario usar los rellenos del módulo de texto para separar el texto de los bordes izquierdo y derecho de la página.
Imagen de Ancho Completo con el módulo Título de Publicación de Ancho Completo
Esta última opción para mostrar una imagen destacada de ancho completo requiere utilizar una sección principal de ancho completo, no una sección regular, y luego insertar en ella un módulo que se llama Título de Publicación de Ancho Completo.
Este módulo contiene: el título de la entrada, la imagen destacada y los metadatos; y nos permite elegir cuáles de estos elementos mostrar u ocultar.
Es tan simple como insertar el módulo y automáticamente va mostrar el título de la entrada y la imagen de ancho completo.
Te recomiendo ver el video ya que muestro paso a paso cómo funciona cada uno de los métodos mencionados.
Cada uno de los métodos son fáciles de usar y modificar. La idea es que tengas varias opciones para que puedas usar el método que mejor se adapte a las necesidades del sitio que estás haciendo.
0 comentarios