Ocultar la imagen destacada de DIVI en determinadas entradas del blog

¿Qué es la imagen destacada en WordPress?

La imagen destacada es la que se ve en las páginas o en las entradas de WordPress cuando éstas se muestran en una búsqueda o en un resumen.

Es la imagen que se muestra en las redes sociales cuando publicas tu post (o entrada), o la página que deseas compartir.

Si usas DIVI para diseñar sitios web, o para tu propio blog, habrás podido comprobar que si estableces una imagen destacada para una nueva publicación, ésta se verá como encabezado de la misma, no pudiendo asignar una diferente de una forma fácil.

La imagen destacada añade carácter a los posts de tu blog

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 1

Clic en la imagen para ampliar

A través de las opciones de personalización de DIVI te mostraré cómo ocultar la imagen destacada en un post concreto. E incluso mostrar otra imagen diferente.
Sin código y de forma visual.

La opción de no asignar la imagen destacada a todos los posts o entradas queda descartada, ya que cuando se muestren en el listado o resumen de tu blog, solo se vería el título. No se vería elegante.
Tampoco se vería bonito en las búsquedas que tus lectores hagan dentro de tu blog.
En el listado habría posts con sus títulos, imágenes destacadas y extractos.
Y otras sin la imagen. Y a tí no te gustaría tener ese desorden ¿verdad?

¿Cómo se establece la imagen destacada de un post?

Cuando creas un nuevo post o entrada del blog, fíjate en la columna de la derecha del editor de WordPress. Al final del todo verás la opción “Establecer imagen  destacada”.
Si haces clic ahí, se abrirá la biblioteca de medios y podrás escoger una.
Solo tienes que seleccionarla y ya está.

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 2

Clic en la imagen para ampliar

Pero habrá algún momento en que no te interese que dicha imagen se vea en el encabezado cuando tus lectores entren a leer el artículo.
O preferirás que se vea una diferente.

Afortunadamente, el generador de temas de DIVI (nombre confuso, por cierto), te permite hacer esto y mil cosas más de forma automágica.

Primer caso: ocultar la imagen dentro de un post

Para ocultar una imagen concreta, antes tenemos que hacer que DIVI no muestre ninguna imagen destacada por defecto.

Para ello tenemos que ir a los ajustes del tema según la siguiente ruta:
Menú de WordPress -> Divi -> Opciones del tema.
En la pestaña “Diseño”, desactivar la opción “Colocar miniaturas en las entradas”.

El siguiente paso es crear una plantilla que nos muestre la imagen destacada por defecto en la entrada, pero con la posibilidad de excluirla en algunas de ellas.

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 3

Clic en la imagen para ampliar

Crear una plantilla para mostrar las imágenes destacadas en las entradas del blog

  1. Primero crearemos un cuerpo personalizado en el generador de temas de DIVI.
  2. Desde el menú de WordPress ve a:
    Divi -> Generador de temas -> Agregar nueva plantilla.
  3. En las opciones (símbolo de engranaje), especificar:
    Usar en: Todos entradas.

    Guardamos los cambios.
  4. Agregar cuerpo personalizado (el del centro).
  5. Se abrirá el editor de DIVI, como si estuviésemos construyendo una página, o un post.
    Añadimos un módulo de “Título de publicación”.
  6. En los ajustes del módulo, lo importante es activar “Mostrar imagen destacada”.
    Los demás ajustes, a tu gusto.
    En ajustes de diseño, establece el tamaño de imagen (importante) y la alineación de tu preferencia.
    Guarda los cambios del módulo.
  7. Guarda los cambios del editor.

Con esto hemos creado una plantilla para que la imagen destacada siempre se muestre al mismo tamaño bajo el título del post, sin necesidad de ir publicando estos dos elementos cada vez que creas una nueva entrada.
Eso supone un ahorro de tiempo importante y te evitará dolores de cabeza con diferentes tamaños de imagen.

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 4
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 5
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 6
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 7
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 8

Clic en las imágenes para ampliarlas

¿Y cómo ocultar algunas imágenes destacadas del blog?

Pues muy sencillo.
Cuando creaste el cuerpo personalizado en la plantilla, estableciste que se mostrase en todas las entradas.
Ahora solo debes abrir de nuevo los ajustes de la plantilla y, en la pestaña de la derecha, donde pone “Excluir de”, marca “Entradas en Específico Categorías” -> “La categoría de tu gusto”.
Guarda los cambios y listo.

Ya está. A partir de ahora, la forma de filtrar las entradas en las que no quieras mostrar las imágenes destacadas será añadiendo la categoría especificada en el filtro a las entradas del blog que no deban mostralas.
En mi caso he usado la categoría “Relato“, pero puede ser la que tú quieras.
Solo debes tener en cuenta asignarle esa categoría a los posts correspondientes.

Así de fácil.

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 5
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 10
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 11

Clic en las imágenes para ampliarlas

Segundo caso: mostrar otra imagen en el post

Habrá ocasiones en que querrás mostrar una imagen destacada en la entrada del blog que sea diferente a la que se muestre en el listado de publicaciones.
¿Para qué querrías hacer esto? –te preguntarás–.
Pues bien, para el caso de que quieras publicar (por ejemplo) tutoriales, cursos, etc… en los que la imagen destacada sea siempre la misma, pero te gustaría mostrar otra en el encabezado de la entrada.
O, como en mi caso, para mostrar la imagen de una forma diferente, al lado del texto (mira la captura de pantalla al final del artículo).
En ese caso concreto la he añadido manualmente.

Añadiendo la imagen destacada de forma manual

  1. Crea un nuevo post o entrada del blog.
  2. Asígnale la categoría para que no se muestre la imagen destacada, además de otras de tu gusto.
  3. Dentro del editor de DIVI, añade un módulo de “Imagen”.
  4. Escoge una imagen representativa del post, diferente a la imagen destacada.
  5. En la pestaña “Diseño”, establece los parámetros de tamaño, alineación, etc…, a tu gusto.
  6. Guarda los cambios del módulo.
  7. A continuación escribe el contenido del post.

Ya está. Quedará algo así como en la captura de la derecha.
Si quieres ver el ejemplo usado en este artículo, puedes verlo aquí.

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 12
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 13
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 14
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 15
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 16

Clic en las imágenes para ampliarlas

Infinitas posibilidades

Combinando los ajustes del generador de temas y la edición manual, tenemos infinitas posibilidades de personalización para las entradas de nuestros blogs.

En mi caso concreto he usado este sistema hace poco en mi fotoblog fotograma36.com.
Quería mostrar la imagen destacada como una miniatura a la izquierda de un texto (el relato), pero de forma que sea ampliable al hacer clic sobre ella.

Ocultar la imagen destacada de DIVI en determinadas entradas del blog 17
Ocultar la imagen destacada de DIVI en determinadas entradas del blog 18

Clic en las imágenes para ampliarlas

La versatilidad de DIVI es tal, que muchas veces te permitirá hacer cosas que no verás en su manual de uso.
Y tampoco buscando en blogs referidos a DIVI. Mejor usar un poco la sesera y las opciones disponibles. Lo verdaderamente importante es que el sistema que escojas te resulte cómodo y apto para tus necesidades.

Espero que el post te sea de utilidad y, si quieres estar informado de nuevos tutoriales y trucos, suscríbete al blog.
Prometo no enviar chorradas smile

0 comentarios

Enviar un comentario

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

Pin It on Pinterest