Cómo ocultar imágenes destacadas en publicaciones individuales en WordPress

Algunas personas pueden preferir no mostrar imágenes destacadas en publicaciones de blog individuales, ya sea por problemas de rendimiento, decisiones de diseño o enfoque del contenido. 

Por ejemplo, puede que no desees una imagen destacada en publicaciones con mucho texto, como tutoriales o anuncios, ya que podría distraer a los visitantes del contenido mismo. Ocultar la imagen destacada también puede mejorar la velocidad de carga, especialmente para usuarios en dispositivos móviles.

Si 'estás' buscando lo mismo, 'te guiaremos' sobre cómo ocultar la imagen destacada en tus publicaciones de blog individuales!

Cómo ocultar imágenes destacadas individualmente

Hay varias formas de ocultar las imágenes destacadas de tus publicaciones del blog. Si no tienes experiencia en programación, puedes usar un plugin sencillo para lograrlo.

Pero si no deseas instalar ningún plugin, puedes adoptar un enfoque más técnico editando los archivos del tema o usando CSS personalizado. A continuación, hemos explicado cada método paso a paso:

Método 1: Usar un complemento

Puedes usar el plugin Conditionally Display Featured Image para ocultar rápidamente la imagen destacada. Este popular plugin está disponible de forma gratuita en el directorio de plugins de WordPress.

Con este plugin, puedes elegir ocultar la imagen destacada en publicaciones individuales o en la página del blog que muestra la lista de todas las publicaciones publicadas.

Si deseas probar este método fácil, comencemos instalándolo primero:

1. Instala y activa el plugin

Si ya sabes cómo instalar y activar un plugin en WordPress, puedes pasar al siguiente paso. Pero si es tu primera vez, continuemos siguiendo los pasos a continuación:

• Abre el panel de administración de WordPress.
• Haz clic en el Plugins menú desde la barra lateral.

• Haz clic Add Plugin para abrir el Plugin Directory.
• Escribe Conditionally Display Featured Image en la barra de búsqueda. El plugin debería aparecer como el primer resultado.

• Haga clic Instalar ahora para descargar el plugin.
• Una vez instalado, haga clic Activar para habilitarlo en su sitio.

2. Edita la publicación deseada

Después de que el plugin se active, puedes ir directamente a la publicación donde deseas ocultar la imagen destacada. Luego, sigue los pasos a continuación para localizar la casilla de verificación que permite ocultar la imagen:

• Abre la entrada del blog que deseas editar.
• Haga clic Ajustes para acceder al editor.

• En la barra lateral, ve a la Publicación pestaña.
• En la parte superior, deberías ver tu imagen destacada. Debajo de ella, encontrarás la opción: Mostrar la imagen destacada solo en las listas de publicaciones, pero ocultarla en la vista individual de la publicación.

• Marca la casilla para ocultar la imagen destacada en esa publicación en particular.
• Siguiente, guarde los cambios haciendo clic en el Actualizar/Guardar botón (si la publicación ya está publicada) o el Publicar botón (si aún es un borrador).

3. Actualizar la publicación para aplicar los cambios

Este paso se completa una vez que haga clic en el Guardar o Actualizar botón. Sin embargo, asegúrese de comprobar la parte frontal de su sitio para confirmar que la imagen destacada está realmente oculta.

Hay dos formas de hacerlo:

• Compruebe la versión en vivo de la publicación publicada
• O previsualice su borrador antes de publicarlo

Aquí's una vista del resultado antes y después:

Método 2: Usar CSS personalizado

Si la imagen destacada sigue apareciendo en tus publicaciones, no' te preocupes porque tenemos otro método para ayudarte a solucionar el problema.

Puedes usar código CSS personalizado para ocultarlo de la vista del usuario's. Sin embargo, ten en cuenta que este método podría afectar ligeramente el rendimiento, ya que la imagen destacada seguirá cargándose aunque no' sea visible.

Si eso' no es una preocupación para ti, continúa y sigue el tutorial a continuación:

1. Identificar el ID de la publicación específica

Para garantizar que el código CSS solo afecte a una publicación individual, necesitas encontrar su ID de publicación. El ID de publicación es un número que identifica de forma única cada publicación en WordPress.

Por ejemplo, la URL podría incluir post=111, donde 111 es el ID de publicación.

Sin embargo, si tu sitio usa enlaces permanentes SEO-amigables, no' verás el ID de publicación directamente en la URL.

Aquí's cómo encontrarlo en su lugar:

• Vaya a su panel de administración de WordPress.
• Haga clic en la publicación que desea editar.
• Mire la barra de URL en su navegador.
• Debería ver una URL que incluye el ID de la publicación como se muestra a continuación.

2. Añadir CSS personalizado para ocultar la imagen destacada de esa publicación

Después de identificar el ID de la publicación, el siguiente paso es añadirlo a su código CSS personalizado. WordPress tiene una función incorporada para añadir CSS, por lo que won't necesite instalar ningún plugin de terceros.

Puede agregar el código CSS a través del Personalizador menú. Este método solo requiere conocimientos básicos de codificación, así que no hay necesidad de preocuparse.

Le guiaremos a través de los pasos a continuación:

• Haga clic en el Apariencia menú de la barra lateral y seleccione Personalizar.

• Serás llevado al Personalizador menú.

• Desplácese hacia abajo y haga clic en el CSS adicional sección.
• Pegue el código a continuación en el cuadro del editor. No olvide reemplazar el ID de la publicación con su ID de publicación real.

.postid-51442 .post-thumbnail { display: none; } 

• Por último, haga clic Publicar para aplicar los cambios. Su imagen destacada ahora debería estar oculta en esa publicación.

Método 3: Editar archivos del tema

Si los métodos anteriores no le dan el resultado deseado, puede intentar editar los archivos del tema.

Pero, esto debería considerarse como último recurso, ya que editar archivos de tema puede causar errores o romper ciertas funciones.

Asegúrate de mantener una copia de seguridad por si acaso. Después de eso, aviso, ¡vamos a comenzar:

1. Abrir el theme's archivo functions.php

Hay muchos .php archivos dentro de un tema, como single.php, content.php y functions.php. Depende de la estructura del tema.

Para este método, necesitas localizar el archivo functions.php. Aquí's cómo localizarlo:

• Abre el Appearance menú desde la barra lateral.
• Haga clic en el Editor de archivos de tema

• Se abrirá el editor de tema como se muestra a continuación. 

• Desplácese hacia abajo el Archivos del tema menú y encuentre el functions.php.

• Haga clic para abrir el archivo. 

2. Añadir declaraciones condicionales para excluir la imagen destacada de publicaciones específicas

Ahora que ha abierto el functions.php archivo, agregue el siguiente código para ocultar la imagen destacada en las páginas de publicaciones individuales.

función wordpress_hide_feature_image( $html, $post_id, $post_image_id ) { return is_single() ? '' : $html; } // agregar el filtro add_filter( 'post_thumbnail_html', 'wordpress_hide_feature_image', 10, 3 ); 

Para asegurarse de que el código solo oculte la imagen destacada de una publicación específica, reemplace is_single() con is_single(123), donde 123 es el ID de la publicación que desea apuntar.

Después de eso, guarde los cambios haciendo clic en el Actualizar archivo botón.

Cómo ocultar imágenes destacadas en todas las publicaciones individuales

Si deseas ocultar las imágenes destacadas en todas tus publicaciones individuales, el tema Neve lo hace más fácil para ti. 

Con solo unos pocos clics, este método garantizará que las imágenes destacadas permanezcan ocultas en las páginas de tus publicaciones.

Si ya tienes el tema Neve instalado, puedes continuar con los pasos a continuación:

• En el panel de administración de WordPress, ve a Apariencia y haz clic Personalizar
• Navega a la Blog sección.

• Verá dos estilos de diseño: Normal y Cover. Los pasos para ocultar imágenes destacadas difieren para cada diseño:

Para el diseño Normal:

1. Desplácese hacia abajo y localice el Thumbnail sección.
2. Haga clic en el Eye icon junto al Thumbnail para desactivarlo.
3. Aplique este cambio haciendo clic en el botón Publicar.
4. Las imágenes destacadas ahora se ocultarán en las publicaciones que usan el diseño de encabezado Normal.

Para el diseño Cover:

1. Desplázate hacia abajo para encontrar el Ocultar imagen destacada interruptor.
2. Activa este interruptor activado.
3. Haz clic Publicar para guardar la configuración.

• Después de guardar la configuración, espera unos segundos para que los cambios surtan efecto.
• Luego, verifica visitando una de tus publicaciones individuales para ver si las imágenes destacadas están ocultas.

Tenga en cuenta, debe tener el tema Neve instalado para usar este método. Si aún no lo ha instalado, intente instalarlo y activarlo desde el Directorio de temas. Simplemente escriba Neve en el campo de búsqueda y lo encontrará.

¿Por qué no se recomienda editar los archivos del tema?

Le hemos recordado que no edite los archivos del tema si no es necesario. La razón simple: puede romper su sitio.

Así, hemos reunido algunas alternativas más seguras sobre cómo ocultar imágenes destacadas sin necesidad de editar el archivo del tema:

• Usando el plugin Code Snippets: Code Snippet es un plugin gratuito que le permite añadir PHP personalizado a sus publicaciones individuales. Funciona de maravilla sin arriesgarse a romper su sitio.
• Plugin de Funcionalidad Personalizada: Este plugin le permite enganchar un PHP personalizado, en lugar de escribirlo directamente en el archivo del tema.

Conclusión

No tienes que probar todos los métodos anteriores para ocultar la imagen destacada en WordPress. Simplemente encuentra el que se ajuste a tus necesidades.

Gestionar una gran cantidad de imágenes destacadas puede consumir mucho tiempo, especialmente cuando tu biblioteca de medios se vuelve desordenada.