WordPress: hacer más pequeñas las miniaturas del blog en Divi

Blog en Divi

Por defecto el tema de WordPress Divi utiliza imágenes destacadas enormes para mostrar en las entradas de blog. Un cliente me pidió un aspecto tradicional, con estas imágenes más pequeñas  y a la izquierda del texto. Así lo hice y así puedes hacerlo tú:

1. Abre el panel Opciones Divi, y busca el área CSS personalizado.

CSS personalizado en opciones Divi

2. Escribe, o copia y pega, el siguiente código CSS modificando el porcentaje que quieras (yo usé el 40%).

.et_pb_image_container img, .et_pb_post a img {
float: left;
margin-right: 4%;
width: 40% ;
}
#page-container .et_pb_post {
clear: both !important;
float: none !important;
margin: 0 !important;
}

3. Desactiva el modo blog en esta misma sección del panel de Opciones Generales Divi

Opciones Divi, modo blog desactivado

4. Activa mostrar miniaturas en las páginas de inicio en la pestaña Ajustes Generales en la sección Diseño del panel Opciones de Divi

Mostrar miniaturas en Divi

5. Guarda los cambios. ¡Eso es todo!

Nota: Si el blog donde vas a implementarlo no estuviera usando imágenes destacadas puedes activar esta opción en Ajustes Generales para que tome la primera imagen de cada entrada.

Disclaimer: Este tutorial va dirigido a personas no familiarizadas con la programación, ya que esta solución es sencilla y sirve para mostrar las imágenes más pequeñas, pero no es óptima, ya que el tema Divi carga siempre la imagen original y no la miniatura más adecuada. La única solución posible en este caso es poner cuidado en no subir imágenes más grandes del tamaño al que vayas a usarlas. Para optimizar tu sitio en cuanto a peso y velocidad, si no sabes tocar código, lo mejor es contactar con profesionales de WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *