Cómo ocultar imágenes destacadas en entradas de WordPress

Actualizado el 10/10/2026 — Este artículo fue actualizado con información reciente y secciones nuevas.

Si administrás un blog o un sitio en WordPress, tarde o temprano vas a querer ocultar la imagen destacada de WordPress en algunas entradas sin borrarla de la biblioteca de medios. La miniatura queda bien en ciertos posts y rompe el diseño en otros. Acá repasamos cómo agregarla, cómo ocultarla con plugins, CSS o código, y qué hacer cuando no responde como esperás.

La imagen destacada de WordPress (también llamada featured image o post thumbnail) es el archivo de imagen que se asigna a una entrada o página desde el editor. El tema la usa como representación principal en la vista individual, los listados y los archivos. Los plugins de SEO la toman para las vistas previas en redes sociales. Ocultarla es dejar de mostrarla en el diseño sin quitarla de la biblioteca.

¿Dónde aparece la imagen destacada en un sitio WordPress?

La imagen destacada aparece por defecto en cuatro lugares: arriba del post individual, en los listados de la home o del blog, en los archivos de categorías y etiquetas, y en las vistas previas cuando alguien comparte el link. Cada tema decide cómo la muestra, así que el mismo método puede comportarse distinto según el que tengas activo.

Plugins de SEO como Yoast o Rank Math la usan para completar las etiquetas Open Graph y de Twitter Card. Por eso la imagen puede estar oculta en tu sitio y, aun así, seguir circulando en redes.

• Vista individual: suele ir como banner arriba del título o debajo de él, según el tema.
• Listados y archivos: se muestra como miniatura al lado o arriba del extracto.
• Resultados de búsqueda internos: muchos temas la repiten en cada resultado.
• Feed RSS: algunos temas y plugins la incluyen en el contenido del feed.
• Redes sociales: la toman los plugins de SEO para armar la tarjeta del link compartido.

Fijate que algunos temas minimalistas no la muestran en la vista individual salvo que lo actives. Antes de ocultar nada, revisá cómo se comporta tu tema en cada una de estas vistas.

¿Por qué ocultar la imagen destacada sin borrarla del todo?

Se oculta la imagen destacada cuando querés que siga asociada a la entrada, para los plugins de SEO y la biblioteca, pero que no ocupe lugar en el diseño. Las razones casi siempre son de diseño, redundancia o compatibilidad con el tema, no un problema de la imagen en sí.

• Diseño sobrio: sitios legales, financieros o técnicos suelen preferir un post que arranque directo con el título.
• Evitar repetición: si la misma imagen ya está en el cuerpo del artículo, mostrarla otra vez arriba es redundante.
• Espacio en mobile: en pantallas chicas, una imagen grande empuja el contenido útil hacia abajo.
• Distinto tipo de contenido: tal vez quieras imagen en tutoriales, pero no en páginas de servicios o FAQs.
• Imágenes pensadas para redes: usás una gráfica con texto para compartir, que no encaja como banner dentro del sitio.

Un punto clave: ocultar no es borrar. El archivo sigue en la biblioteca de medios y podés volver a mostrarlo cuando quieras, sin perder nada.

¿Cómo agrego o cambio la imagen destacada de una entrada?

Para agregar o cambiar la imagen destacada, abrí la entrada en el editor, andá al panel «Imagen destacada» de la barra lateral derecha y hacé clic en «Establecer imagen destacada». Elegí un archivo de la biblioteca o subí uno nuevo, confirmá y actualizá el post.

Pasos en el editor de bloques

• Abrí la entrada desde Entradas > Todas las entradas.
• Mostrá la barra lateral con el ícono de ajustes, arriba a la derecha, y entrá en la pestaña «Entrada».
• Desplegá «Imagen destacada» y hacé clic en «Establecer imagen destacada».
• Elegí o subí el archivo y completá el texto alternativo si te lo pide.
• Guardá o actualizá la entrada para que el cambio quede publicado.

Para reemplazarla, hacé clic sobre la miniatura y elegí la opción de reemplazo. Para sacarla de la entrada, usá la opción de quitar imagen. En el editor clásico el botón se llama «Eliminar imagen destacada».

Si no ves el panel de imagen destacada

Si el panel no aparece, hay dos causas habituales. La primera es que esté desactivado en las preferencias del editor: revisalo en el menú de tres puntos > Preferencias > Paneles. La segunda es que el tema no declare soporte para miniaturas. Más abajo, en la sección sobre por qué no se ve la imagen, te dejamos el código para activarlo.

Texto alternativo de la imagen destacada

Completá siempre el texto alternativo. Describe qué se ve en la imagen y ayuda a lectores con tecnologías de asistencia. Si la imagen es puramente decorativa, dejarlo vacío es una decisión válida. Lo podés editar desde la biblioteca de medios o al elegir la imagen.

¿Qué tamaño debe tener la imagen destacada en WordPress?

No hay una medida única: depende del tema, que recorta o escala la imagen según su diseño. Como referencia práctica, subí archivos de al menos 1200 píxeles de ancho para que no se vean pixelados en pantallas grandes. Para compartir en redes, 1200 x 630 px es la medida habitual de Open Graph.

Según la documentación oficial para desarrolladores de WordPress, el sistema genera tamaños intermedios al subir cada imagen. Los valores por defecto son 150 x 150 px para thumbnail, 300 x 300 px como máximo para medium y 1024 x 1024 px como máximo para large. También se genera medium_large, de 768 px de ancho. Los podés cambiar en Ajustes > Medios.

Desde WordPress 5.3 (noviembre de 2019), las imágenes con más de 2560 píxeles de ancho o alto se escalan automáticamente a ese límite. Subir fotos de 6000 px directo de la cámara no suma calidad visible y sí suma peso.

• Proporción consistente: usá siempre la misma relación (por ejemplo 16:9) para que el tema no recorte de forma despareja.
• Formato: WordPress admite WebP desde la versión 5.8 y AVIF desde la 6.5. Si tu servidor lo permite, son opciones más livianas que JPEG.
• Peso: comprimí antes de subir. Una imagen destacada no necesita pesar varios megabytes.
• Zona segura: dejá lo importante en el centro, porque en mobile y en listados los bordes suelen recortarse.

¿Cómo oculto la imagen destacada en una sola entrada?

Hay dos caminos para ocultarla en un solo post. El primero es un plugin como «Conditionally Display Featured Image on Singular Pages», que agrega una casilla en el editor de cada entrada. El segundo es una regla CSS que usa el ID del post. El plugin evita tocar código, y el CSS evita sumar dependencias.

Con un plugin

• Andá a Plugins > Añadir nuevo y buscá «Conditionally Display Featured Image on Singular Pages».
• Instalá y activá el plugin. Antes, revisá en su ficha la última actualización y la compatibilidad con tu versión de WordPress.
• Editá la entrada y buscá la opción del plugin junto al panel de imagen destacada.
• Desmarcá la casilla que muestra la imagen y guardá el post.

Cada entrada guarda su propia configuración. Podés tener posts con imagen visible y otros sin ella, sin tocar el resto del sitio.

Con CSS y el ID del post

El ID aparece en la URL del editor, en el parámetro post=1234. WordPress agrega al body la clase postid-1234 en la vista individual, y eso te permite apuntar solo a esa entrada.

.postid-1234 .post-thumbnail,
.postid-1234 .wp-block-post-featured-image {
    display: none !important;
}
/* Reemplazá 1234 por el ID real de tu post */

Si querés ocultar la imagen de ese post solo en los listados, usá la clase post-1234, que el tema suele poner en cada tarjeta:

.post-1234 .post-thumbnail {
    display: none !important;
}

¿Cómo oculto la imagen destacada en todo el sitio?

Para ocultarla en todo el sitio, la opción más simple es una sola regla CSS en Apariencia > Personalizar > CSS adicional. También existen plugins como «WP Hide Show Featured Image» que permiten decidir por zona (home, archivos, entradas, páginas) desde un panel único. Verificá en la ficha de cada plugin que siga mantenido.

• Página de inicio: controla si la miniatura sale en el listado de posts de la home.
• Archivos y categorías: define si aparece en categorías, etiquetas y autores.
• Entradas individuales: activa o desactiva la imagen en la parte superior de cada post.
• Páginas estáticas: aplica la misma lógica a las páginas fuera del blog.
• Búsqueda y feed: depende de las opciones que ofrezca el plugin y de cómo el tema arme esas vistas.

La ventaja de un plugin global es que centralizás la decisión en un solo lugar. La desventaja es que no siempre permite excepciones por post. Si necesitás ambas cosas, combiná una regla global con el método por entrada de la sección anterior.

¿Cómo oculto la imagen destacada con CSS personalizado?

Pegá una regla display: none en Apariencia > Personalizar > CSS adicional. El selector depende del tema: los temas clásicos suelen usar .post-thumbnail y los temas de bloques usan .wp-block-post-featured-image. Si dudás, abrí el inspector del navegador con F12 y fijate qué clase tiene el contenedor de la imagen.

Ocultar en todas las entradas

.post-thumbnail,
.wp-block-post-featured-image {
    display: none !important;
}

El !important fuerza la regla aunque el tema tenga estilos que compitan con la tuya.

Ocultar solo en páginas o solo en entradas

/* Solo en páginas */
.page .post-thumbnail,
.page .wp-block-post-featured-image {
    display: none !important;
}

/* Solo en entradas individuales */
.single-post .post-thumbnail,
.single-post .wp-block-post-featured-image {
    display: none !important;
}

Ocultar solo en home y archivos

.home .post-thumbnail,
.blog .post-thumbnail,
.archive .post-thumbnail {
    display: none !important;
}

La clase .home se aplica a la portada del sitio y .blog a la página donde se listan las entradas. Si tu portada es una página estática y el blog está en otra, necesitás ambas.

Ocultar solo en celulares

@media (max-width: 768px) {
    .post-thumbnail,
    .wp-block-post-featured-image {
        display: none !important;
    }
}

Estas reglas solo cambian lo que se ve. No tocan la imagen guardada ni la funcionalidad de WordPress, así que revertirlas es borrar el código.

¿Cómo oculto la imagen destacada en un tema de bloques?

En un tema de bloques (como Twenty Twenty-Five), la imagen destacada es un bloque dentro de la plantilla. Para ocultarla en todas las entradas, andá a Apariencia > Editor, abrí la plantilla «Entrada individual» o «Entradas», seleccioná el bloque «Imagen destacada» y eliminalo. Desde WordPress 5.9 (enero de 2022) existe este Editor de sitios.

• Abrí Apariencia > Editor y entrá en «Plantillas».
• Elegí la plantilla que querés modificar: «Entrada individual» para el post, «Blog» o «Archivo» para los listados.
• Seleccioná el bloque «Imagen destacada» y quitalo con el menú de opciones del bloque.
• Guardá y revisá la web en una ventana privada para evitar la cache.

Si querés una excepción para un solo post, no hace falta duplicar la plantilla. Alcanza con la regla CSS por ID que vimos arriba, apuntando a .wp-block-post-featured-image. También podés crear una plantilla propia sin ese bloque y asignarla desde el panel de la entrada.

Ojo con un detalle: si borrás el bloque de la plantilla, lo borrás para todas las entradas que la usan. Hacé una prueba en un post de borrador antes de publicar el cambio.

¿Cómo oculto la imagen destacada desde el tema?

Si el CSS del Personalizador no alcanza, la solución más estable es un child theme. Ahí podés sumar CSS propio o un filtro PHP, y tus cambios sobreviven a las actualizaciones del tema principal. El filtro PHP tiene una ventaja extra: la imagen deja de salir en el HTML.

Opción con CSS en el child theme

• Creá o activá un child theme si todavía no tenés uno.
• Abrí el archivo style.css del child theme, por el administrador de archivos de tu hosting o por SFTP.
• Agregá al final la regla de ocultamiento.

/* Ocultar imagen destacada */
.post-thumbnail {
    display: none !important;
}

Opción con un filtro en functions.php

El filtro post_thumbnail_html modifica el HTML que WordPress genera para la imagen destacada. Si devolvés un texto vacío, la imagen no se imprime en la página. Agregalo en el functions.php del child theme:

function dw_ocultar_imagen_destacada( $html ) {
    if ( is_singular( 'post' ) ) {
        return '';
    }
    return $html;
}
add_filter( 'post_thumbnail_html', 'dw_ocultar_imagen_destacada' );

Con esto, la imagen no se muestra en las entradas individuales. Para una sola entrada, cambiá la condición por is_single( 1234 ).

• Entradas relacionadas: el filtro también vacía las miniaturas de bloques de posts relacionados dentro de la entrada, porque la condición se evalúa sobre la página.
• Contenedores vacíos: algunos temas imprimen el contenedor aunque la imagen venga vacía. Sumá la regla CSS para que no quede un hueco.
• Panel del editor: este método no toca el panel de imagen destacada, así que seguís pudiendo asignarla.

Una advertencia: un error de PHP en functions.php puede dejar el sitio caído. Hacé una copia de seguridad antes y evitá editar desde el editor de archivos del panel si no tenés cómo revertir. Editar por SFTP o por el administrador de archivos del hosting es más seguro.

Una versión anterior de este artículo proponía usar remove_theme_support( 'post-thumbnails' ). No lo recomendamos: además de que la condición is_single() no funciona todavía en el momento en que corre ese hook, quitar el soporte elimina el panel de imagen destacada del editor.

¿Cómo oculto la imagen destacada en Elementor o Divi?

En Elementor y Divi la imagen destacada se controla desde el editor visual. En Elementor es un widget dentro de la plantilla de entrada (Theme Builder, que requiere Elementor Pro). En Divi suele salir dentro del módulo de título de la entrada, que tiene una opción para mostrarla u ocultarla. Los nombres exactos pueden variar según la versión.

Con Elementor

• Abrí la plantilla de entrada en Plantillas > Theme Builder.
• Ubicá el widget «Imagen destacada» (Featured Image) dentro del diseño.
• Eliminalo o ocultalo con las opciones de visibilidad responsive en la pestaña Avanzado.

Con Divi

• Abrí el Theme Builder o la plantilla de la entrada con Divi Builder.
• Buscá el módulo de título de la entrada (Post Title).
• Desactivá el interruptor de imagen destacada en los elementos del módulo.

Si no encontrás la opción, el CSS por clase sigue funcionando en ambos builders. Usá el inspector del navegador para identificar la clase del contenedor y aplicá la regla en el CSS adicional.

¿Por qué la imagen destacada sigue apareciendo después de ocultarla?

Si la imagen sigue visible, casi siempre se debe a un selector CSS incorrecto, a la cache sin limpiar, a un conflicto entre plugins o a que el tema imprime la imagen en un lugar distinto al que apuntaste. Revisá estas causas en orden, de la más a la menos frecuente.

• Selector incorrecto: algunos temas no usan .post-thumbnail. Con F12, inspeccioná la imagen y copiá la clase real del contenedor.
• Cache del navegador, del plugin o del servidor: limpiala y probá en una ventana privada.
• Especificidad insuficiente: si el tema tiene reglas muy específicas, agregá !important o un selector más largo.
• Conflicto entre plugins: si hay más de uno que controla imágenes destacadas, desactivalos de a uno para encontrar el responsable.
• Imagen en otro lugar: el tema puede repetirla en un slider, un widget de entradas recientes o un bloque de posts relacionados, con otras clases.
• Hoja de estilos que no se actualiza: si usás un child theme, confirmá que esté activo y que el archivo editado sea el correcto.

¿Por qué no se ve la imagen destacada de mi entrada?

Si querías mostrarla y no aparece, las causas más comunes son que la entrada no tenga imagen asignada, que el tema no declare soporte para miniaturas, que la plantilla no incluya el bloque o la función que la imprime, o que haya cache o un plugin de optimización interfiriendo.

• Sin imagen asignada: confirmá en el panel lateral que la entrada tenga imagen destacada y que hayas actualizado el post.
• Tema sin soporte: si el panel ni aparece en el editor, el tema no activó las miniaturas.
• Plantilla sin el bloque: en temas de bloques, revisá en Apariencia > Editor que la plantilla incluya «Imagen destacada».
• Optimización de imágenes: plugins de lazy loading o de minificación a veces rompen la carga. Probá desactivarlos un momento.
• Cache y CDN: purgá ambas antes de concluir que el problema es el tema.

Si el tema no tiene soporte, podés activarlo en el functions.php del child theme:

function dw_soporte_miniaturas() {
    add_theme_support( 'post-thumbnails' );
}
add_action( 'after_setup_theme', 'dw_soporte_miniaturas' );

Esto habilita el panel en el editor. Si el tema no imprime la imagen en ninguna plantilla, igual vas a necesitar que la plantilla llame a la función correspondiente, algo que ya es tarea de desarrollo.

¿Ocultar la imagen destacada mejora la velocidad de carga?

En general no: ocultar la imagen solo con CSS no mejora la velocidad, porque el HTML sigue incluyendo la etiqueta de imagen y el navegador puede descargar el archivo aunque no lo muestre. Para ahorrar peso de verdad, la imagen no tiene que salir en el HTML, y eso se logra con un filtro PHP o quitando el bloque de la plantilla.

• Para ahorrar ancho de banda: usá el filtro post_thumbnail_html o quitá el bloque en el Editor de sitios.
• Si solo querés cambiar el diseño: el CSS alcanza, y el impacto es menor si las imágenes están optimizadas.
• Lazy loading: según el anuncio de WordPress 5.5 (agosto de 2020), el núcleo agrega loading="lazy" a las imágenes. Los navegadores difieren en cómo tratan una imagen diferida dentro de un contenedor oculto, así que no lo tomes como garantía.

Si lo que te preocupa es la velocidad, atacá primero el tamaño y el formato de la imagen. Una imagen destacada bien comprimida y bien dimensionada pesa mucho menos que cualquier ahorro que logres ocultándola.

¿Ocultar la imagen destacada afecta las redes sociales y el SEO?

Ocultarla no cambia lo que se ve al compartir el link: Yoast, Rank Math y otros plugins de SEO siguen leyendo la imagen asignada para armar la etiqueta Open Graph. Sobre el posicionamiento, no hay un efecto directo conocido por mostrar u ocultar la miniatura. Lo que cuenta es el contenido y la estructura de la página.

Si querés que la entrada se comparta con otra imagen, no hace falta quitar la destacada. Los plugins de SEO suelen ofrecer un campo de imagen para redes sociales por entrada. Cargá ahí la gráfica pensada para compartir.

• Quiero ocultarla en el sitio y mantenerla en redes: ocultá con CSS o filtro y no toques la asignación.
• Quiero otra imagen en redes: usá el campo de imagen social del plugin de SEO.
• No quiero ninguna imagen en redes: quitá la asignación y verificá qué toma el plugin como alternativa.
• Quiero verificar el resultado: probá el link en los depuradores de las propias redes y recordá que guardan el resultado anterior por un tiempo.

¿Cómo elimino la imagen destacada en vez de ocultarla?

Para eliminar la imagen destacada de una entrada, abrí el editor, andá al panel «Imagen destacada» y usá la opción de quitar la imagen. En el editor clásico el botón se llama «Eliminar imagen destacada». Esto desvincula la imagen del post, pero el archivo sigue en la biblioteca de medios hasta que lo borres desde ahí.

Tené en cuenta que si la imagen se usa en otras entradas o dentro del contenido, borrarla de la biblioteca la rompe en todos esos lugares. Antes de eliminarla definitivamente, revisá dónde está en uso.

¿Qué método conviene según tu caso?

Si necesitás excepciones por post sin tocar código, conviene un plugin. Si querés una regla simple para todo el sitio, CSS. Si te importa el peso de la página, un filtro PHP o la plantilla. En temas de bloques, el Editor de sitios.

Resumen rápido según tu caso

• Si no sabés de código: instalá el plugin de control por entrada, editá el post y desmarcá la casilla de mostrar la imagen.
• Si querés una solución global: usá una regla CSS o un plugin de control por zona.
• Si tu tema es de bloques: quitá el bloque «Imagen destacada» desde Apariencia > Editor.
• Si querés ahorrar peso: aplicá el filtro post_thumbnail_html en un child theme.
• Si usás Elementor o Divi: buscá el widget o módulo y desactivalo desde el editor visual.

Preguntas frecuentes

¿Ocultar la imagen destacada la elimina del sitio?

No, ocultarla no la elimina. Sigue guardada en la biblioteca de medios y asociada a la entrada, y los plugins de SEO pueden seguir usándola aunque no se vea en el diseño.

¿Es obligatorio poner una imagen destacada en cada entrada?

No, WordPress no la exige. Una entrada puede publicarse sin imagen destacada. Lo que cambia es cómo la muestran el tema y las redes sociales: algunos temas dejan un hueco y los plugins de SEO buscan una imagen alternativa.

¿La imagen destacada oculta sigue apareciendo en redes sociales?

Sí, mientras siga asignada a la entrada. Los plugins de SEO leen la imagen desde la biblioteca, no desde el diseño. Para cambiarla en redes, cargá una imagen social específica en el plugin de SEO.

¿Puedo ocultar la imagen solo en la home y mantenerla en el post individual?

Sí, con una regla CSS limitada a los listados. Usá los selectores .home, .blog y .archive junto con la clase de la imagen, como mostramos en la sección de CSS. La vista individual no se ve afectada.

¿Puedo ocultar la imagen destacada solo en mobile?

Sí, con una media query. La regla @media (max-width: 768px) aplica el ocultamiento solo en pantallas angostas, y en escritorio la imagen se sigue mostrando.

¿Puedo ocultar la imagen destacada en páginas pero no en entradas?

Sí. Usá la clase .page en el selector para apuntar solo a páginas, y no incluyas .single-post. En un tema de bloques, también podés quitar el bloque solo de la plantilla de páginas.

¿Qué pasa si tengo varios temas instalados?

WordPress ejecuta un solo tema activo a la vez. Los cambios de CSS del Personalizador o del child theme aplican únicamente al tema que esté activo en ese momento, y si cambiás de tema tenés que reaplicarlos.

¿Se pierde el CSS adicional si actualizo el tema?

No, el CSS cargado en Apariencia > Personalizar > CSS adicional se guarda aparte del código del tema y sobrevive a las actualizaciones. Lo que sí se pierde es cualquier edición hecha directo en los archivos del tema principal, por eso conviene el child theme.

Conclusión

Ocultar la imagen destacada de WordPress es una tarea reversible, con caminos que van desde un plugin hasta un filtro PHP en un child theme. La elección depende de si necesitás control por entrada, una regla global o ahorrar peso real en la página.

Probá siempre los cambios en una ventana privada y limpiá la cache antes de darlos por buenos. Si algo no funciona, repasá la sección de por qué la imagen sigue apareciendo antes de instalar plugins adicionales.

Si necesitás un hosting que te deje trabajar con child themes, plugins y archivos del tema sin trabas, DonWeb tiene planes de WordPress Hosting pensados para sitios que buscan flexibilidad técnica sin complicarse con la infraestructura.