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

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

Las imágenes destacadas en WordPress: qué son y por qué importan

La imagen destacada en WordPress (o «featured image») es la miniatura que asignás a cada entrada o página. Es lo primero que ven los lectores en tu blog: aparece en listados de posts, en redes sociales cuando compartes, en Google con el snippet mejorado, y generalmente en la parte superior de la entrada individual. Para más detalles, consultá nuestra servidor MCP oficial de WordPress para IA.

Por ejemplo, si tenés un blog de viajes y publicás una entrada sobre «10 playas de Argentina», la imagen destacada podría ser una foto de Mar del Plata. Esa imagen será la que se vea cuando alguien entre a tu blog, en la home page si tenés un listado de posts, y también cuando alguien comparta el link en Facebook o LinkedIn.

WordPress te deja configurar esta imagen de dos maneras: desde el panel de edición (usando el bloque de imagen destacada en Gutenberg, o la metabox clásica en el editor anterior), o directamente en el tema si aplicó ese soporte. Para más detalles, consultá nuestra WordCamp Asia 2026 y la comunidad WordPress.

¿Por qué querrías ocultar imágenes destacadas en entradas de WordPress?

Las imágenes destacadas son una herramienta clave para mejorar el aspecto visual de tus publicaciones. Pero no siempre querés que aparezcan en todos lados. Las razones más comunes para ocultar una imagen destacada incluyen:

• Mantener un diseño limpio o minimalista: Algunos blogs o nichos (como legal, financiero o técnico) prefieren un diseño más sobrio sin imágenes en el post individual.
• Evitar repetición: Si ya pusiste la imagen dentro del contenido de la entrada, mostrarla de nuevo arriba es redundante.
• Controlar responsive design: La imagen destacada en mobile puede ocupar demasiado espacio o verse mal en ciertos temas.
• Diferencias por tipo de contenido: Tal vez querés que los tutoriales muestren imágenes destacadas, pero no las páginas de servicios o las FAQs.
• Compatibilidad con tu tema: Algunos temas display la imagen destacada en lugares inesperados (sidebar, footer, etc.) y preferís apagarla.
• SEO y carga de página: Si optimizás para velocidad, ocultarla (sin servir imágenes innecesarias) puede ayudar en ciertos contextos.

Lo importante: ocultar la imagen destacada NO la elimina del sitio. Seguirá existiendo en tu biblioteca de medios, seguirá siendo usada por plugins de redes sociales, y podés volver a mostrarla cuando quieras. Solo la sacás de la vista en lugares específicos.

Método 1: Plugin «Conditionally Display Featured Image on Singular Pages»

Este es el método más amigable si no querés tocar código. El plugin es simple, ligero, y funciona directamente desde el editor de posts.

Instalación paso a paso

1. Andá a tu panel de WordPress > Plugins > Añadir nuevo.
2. Escribí «Conditionally Display Featured Image on Singular Pages» en la barra de búsqueda.
3. Hacé clic en «Instalar ahora» (es un plugin oficial de WordPress.org, verificado).
4. Una vez instalado, hacé clic en «Activar».

No te pide configuración adicional. El plugin se integra directamente en el editor.

Cómo usarlo en una entrada

1. Editá cualquier entrada o página.
2. En el editor Gutenberg, buscá el bloque «Imagen destacada» en el panel derecho (si está visible).
3. Si no lo ves, andá a la parte superior del editor > Herramientas > Preferencias del editor > Panel derecho > Imagen destacada (activa esa opción).
4. Una vez visible, vas a notar una casilla de verificación junto a «Mostrar imagen destacada en publicaciones».
5. Desactiva esa casilla para ocultar la imagen en esa entrada específica.
6. Guarda el post, y la imagen ya no se verá (aunque siga en tu biblioteca).

El plugin es ideal si necesitás control por entrada individual. Cada post puede tener su propia regla, sin afectar los demás.

Método 2: Plugin «WP Hide Show Featured Image»

Este plugin es más global. Te deja controlar dónde se muestran y dónde no las imágenes destacadas de forma centralizada: home, archivos, buscador, single posts, páginas, etc.

Instalación y setup

1. Plugins > Añadir nuevo > Busca «WP Hide Show Featured Image».
2. Instala y activa.
3. Andá a Configuración > WP Hide Show Featured Image (o puede aparecer como una opción nueva en tu menú de Configuración).

Opciones disponibles

Una vez dentro, vas a ver casillas para controlar la visibilidad de imágenes destacadas en:

• Página de inicio: ¿Mostrar imágenes en el listado de posts de la home?
• Archivos y categorías: ¿Mostrar en listados de categorías o etiquetas?
• Entradas individuales (single): ¿Mostrar en la parte superior de cada post?
• Páginas: ¿Mostrar en páginas estáticas?
• Búsqueda: ¿Mostrar en resultados de búsqueda interna?
• Feed RSS: ¿Incluir imágenes en tu feed si lo ofrecés?

La ventaja es que es de configuración global: una sola decisión afecta a todo tu sitio. La desventaja es que no podés hacer excepciones por post individual (eso sería el plugin anterior).

Método 3: Ocultar imágenes destacadas con CSS personalizado

Si preferís no instalar plugins o tenés conocimientos básicos de CSS, podés usar código personalizado. WordPress te deja agregar CSS sin tocar archivos del tema. Para más detalles, consultá nuestra probar WordPress 7.0 beta en producción.

Ocultar en TODAS las entradas

1. Andá a Apariencia > Personalizar.
2. Buscá «CSS adicional» (debería ser una opción en la parte inferior).
3. Pegá este código:

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

Esto ocultará todas las imágenes destacadas de todas las entradas. El `!important` fuerza la regla, incluso si tu tema tiene estilos conflictivos.

Ocultar en una entrada específica

Si solo querés ocultarla en UNA entrada, necesitás saber el ID del post. Encontralo así:

• Editá la entrada en WordPress.
• Mirá la URL del navegador: debería decir algo como `…&post=1234` (donde 1234 es el ID).

Luego usá este CSS:

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

Ocultar por tipo de post

Si tenés posts y páginas, y solo querés ocultar en páginas:

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

O solo en posts normales:

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

Estos selectores CSS son seguros y no afectan ninguna funcionalidad de WordPress, solo el display visual. Para más detalles, consultá nuestra ecosistema de plugins de WordPress.

Método 4: Ocultar vía el tema o child theme

Si sos desarrollador o querés una solución más permanente, podés editar el tema directamente. Esto es útil si el CSS adicional no funciona por alguna razón (algunos temas tienen estilos muy específicos).

Opción A: Usar un child theme (lo más seguro)

1. Si no tenés un child theme, creá uno (hay plugins que lo hacen, o podés hacerlo manualmente).
2. Entrá a Apariencia > Editor de archivos del tema (asegurate de tener permisos).
3. Buscá el archivo `style.css` de tu child theme.
4. Agregá al final:

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

Usar child theme es más seguro que editar el tema original, porque tus cambios no se pierden cuando actualizás el tema principal.

Opción B: Usar funciones.php (si sabés PHP)

Podés agregar esta función en el `functions.php` de tu child theme para remover la imagen destacada de forma condicional:

function ocultar_imagen_destacada() {
    if ( is_single() ) { // Solo en posts individuales
        add_filter( 'theme_mod_header_image', '__return_empty_string' );
        remove_theme_support( 'post-thumbnails' );
    }
}
add_action( 'wp_loaded', 'ocultar_imagen_destacada' );

Esto es más avanzado y requiere que entiendas WordPress hooks. Si no estás seguro, quedate con el CSS. Para más detalles, consultá nuestra WordPress headless y sus ventajas en 2026.

Método 5: Si usás un página builder (Elementor, Divi, Gutenberg)

Si tu sitio está armado con Elementor, Divi, o usás Gutenberg exclusivamente, el control de imágenes destacadas está generalmente dentro del editor visual.

Con Elementor

1. Abrí la entrada con Elementor.
2. Buscá el widget de «Post Featured Image» (si está presente).
3. Eliminalo directamente del template, o hacé clic y buscá la opción «Hide» u «Ocultar».

Con Divi

1. Editá el post > Theme Builder (o abre Divi Builder).
2. Localizá el módulo de «Featured Image».
3. Hacé clic > Configuración > Mostrar imagen destacada (desactiva).

La ventaja de los page builders es que controlás todo visualmente, sin necesidad de código o plugins adicionales.

Troubleshooting: cuando la imagen destacada no desaparece

A veces, pese a tus esfuerzos, la imagen sigue apareciendo. Acá hay algunas causas comunes y soluciones:

Problema 1: El tema tiene la imagen hardcodeada

Algunos temas antiguos tienen la imagen destacada «pegada» directamente en el template, sin usar el selector CSS estándar `.post-thumbnail`.

Solución: Usá el inspector de Chrome (F12 > Elements) para ver el código HTML y encontrar el selector real. Luego ajustá tu CSS a eso.

Problema 2: El plugin tiene una versión conflictiva

Si instalaste varios plugins que controlan imágenes destacadas, pueden entrar en conflicto. Test: desactivá plugins uno por uno y fijate cuál causa el problema.

Problema 3: Cache de navegador o servidor

Limpiá el cache del navegador (Ctrl+Shift+Delete) o del plugin de cache de WordPress (si tenés uno). A veces el CSS viejo queda «pegado».

Problema 4: Especificidad CSS insuficiente

Si el CSS del tema es muy específico, tu regla tal vez no la sobrescribe. Solución: usá `!important` (como hicimos arriba) para forzar tu CSS.

Imágenes destacadas y rendimiento: ¿afecta cargar o no la imagen?

Una pregunta común: si ocultás la imagen destacada solo con CSS (display: none), ¿WordPress sigue descargando la imagen? Respuesta: sí, por defecto.

El navegador todavía pide el archivo al servidor, aunque no lo muestre. Si la imagen es grande, eso suma peso a la página. Soluciones:

• Si necesitás guardar ancho de banda: Usá un método que no sirva la imagen en absoluto (eliminarla de verdad, o usar un hook PHP que la remueva antes de renderizar).
• Si ocultar visualmente es suficiente: El impacto es mínimo si optimizás las imágenes (WebP, compresión, lazy loading que WordPress hace por defecto desde v5.5).

Para la mayoría de blogs, ocultar con CSS está bien. Si tenés un sitio de alto tráfico o con miles de imágenes grandes, considerá la solución via PHP.

Ventajas y desventajas: ¿cuál método elegir?

Resumen: pasos rápidos según tu caso

Si no sabés nada de código

Descargá el plugin «Conditionally Display Featured Image on Singular Pages», activalo, editá la entrada, y desactiva la opción «Mostrar imagen destacada». Listo.

Si querés una solución global

Instalá «WP Hide Show Featured Image» y configura de una vez dónde se muestran y dónde no. Rápido, centralizado.

Si preferís no depender de plugins

Apariencia > Personalizar > CSS adicional > Pegá `.post-thumbnail { display: none !important; }` > Guarda. Sin plugins, sin manutención.

Si sos desarrollador

Creá o editá un child theme, agregá el CSS o la función PHP, y tenés una solución profesional y persistente.

Preguntas frecuentes

¿Ocultar la imagen la elimina?

No. Seguirá en tu biblioteca de medios, seguirá usándose en redes sociales (plugins como Yoast SEO la usan automáticamente), y podés volver a mostrarla cuando quieras.

¿Afecta el SEO ocultar la imagen destacada?

No directamente. Google valúa el contenido y la estructura, no si muestras o no una imagen. De hecho, algunos nicho (finanzas, legal) ranquean bien sin imágenes destacadas visibles.

¿Qué pasa si tengo múltiples temas activados?

WordPress solo activa un tema a la vez. Los demás están «inactivos». Tu CSS o cambios aplican solo al tema activo.

¿Puedo ocultar la imagen en la home pero no en los posts individuales?

Sí. Con CSS personalizad

/* Ocultar solo en listados */
.home .post-thumbnail,
.archive .post-thumbnail {
    display: none !important;
}

O usá el plugin «WP Hide Show Featured Image» que te deja activar/desactivar por zona específica.

¿Hay forma de ocultar la imagen en mobile pero no en desktop?

Sí, con media queries CSS:

/* Ocultar en mobile */
@media (max-width: 768px) {
    .post-thumbnail {
        display: none !important;
    }
}

O usa un plugin que tenga esa opción (aunque es menos común).

Conclusión: ocultar imágenes destacadas es flexible y seguro

Ocultar imágenes destacadas en entradas de WordPress es una tarea sencilla con varias caminos. Sea que elijas un plugin, CSS personalizado, o directamente un child theme, tenés herramientas para controlar exactamente dónde aparecen y dónde no tus imágenes sin necesidad de eliminarlas ni complicar tu sitio.

Recordá siempre probar los cambios en tu navegador (y limpiar cache si es necesario) antes de darlo por listo. Si algo no funciona, el troubleshooting arriba te cubre las causas más comunes.

¿Necesitás un hosting que soporte todas estas personalizaciones sin límites? DonWeb tiene planes de WordPress Hosting pensados para blogs que quieren flexibilidad total sin complicaciones de infraestructura.

¿La imagen destacada oculta sigue apareciendo en redes sociales?

Sí, si usás plugins de social sharing. Aunque ocultés la imagen en tu sitio, seguirá existiendo en tu biblioteca de medios y será usada por esos plugins. Si no querés que aparezca en redes, tendrías que eliminarla completamente de WordPress.

¿Ocultar la imagen destacada mejora la velocidad de carga de mi blog?

Solo si evitás que se cargue. Simplemente ocultarla con CSS no mejora velocidad, porque la imagen igual se descarga. Para mejorar velocidad de verdad, necesitás una solución que no la cargue desde el principio, combinada con técnicas de lazy loading.