Cómo ocultar la imagen destacada en WordPress: métodos fáciles

La imagen destacada en WordPress ha sido una funcionalidad estándar durante años.

Sin embargo, ha sido un poco usado en exceso.

No todos los temas los usan para las miniaturas de publicaciones para las que están destinados.



Algunos desarrolladores han sido creativos con su programación, lo que ha provocado que las imágenes destacadas se comporten de formas que los usuarios no entienden del todo.

Algunos son incompatibles con los complementos; otros están programados para detectar una imagen característica y luego aplicarla como encabezado para una sola publicación.

Cualquiera que sea la razón por la que sus imágenes destacadas en WordPress le causan molestias, encontrará las respuestas a continuación para ocultarlas, controlarlas mejor o deshabilitarlas en publicaciones individuales.

Todos ellos son fáciles de implementar.

Cómo ocultar la imagen destacada en WordPress

Las imágenes destacadas se pueden ocultar haciendo clic en un botón para 'ocultar la imagen destacada' si su tema lo admite. Si no es así, puede agregar la función con un complemento. Si sus imágenes destacadas no se comportan como desea, puede editar sus archivos de tema. Si todo lo demás falla, agregue CSS para ocultarlos.

Explorador de opciones de temas

Esto va a sonar obvio, pero hazlo de todos modos. Nuestras mentes pueden causar estragos, haciéndonos creer que algo tiene que ser más difícil de lo que parece.

No puede ser tan fácil, ¿verdad?

Vaya a su panel de WordPress, haga clic en editar publicación o cree una nueva.

El editor, por defecto, abre el editor de bloques. Eso es para construir tu contenido.

Los ajustes de pantalla están en el menú al lado.

Haga clic en 'publicar' justo al lado de 'bloquear' en la barra lateral derecha y obtendrá otro menú desplegable.

Estas son todas las configuraciones para esta publicación de blog.

  1 - Ocultar botón de función en WP Editor

En este tema, podemos configurar la imagen destacada, pero al desplazarnos un poco más y abrir el menú 'Elementos', podemos ver que hay una opción 'Ocultar imagen destacada'.

Hay un montón de cosas que se pueden ocultar, pero ciñéndonos al punto, ese es el único botón que necesitamos.

El suyo puede ser así con muy pocas opciones, en cuyo caso, puede agregarlas, cubiertas en un momento.

  2 - Editor WP sin el botón Ocultar imagen de función

Si su editor es como el anterior, a continuación se explica cómo agregar un botón a esa sección para ocultar su imagen destacada.

Comprueba tu tema primero. Todos son diferentes.

Abra todos los menús desplegables dentro de su editor de WP.

Comprobar la configuración general de los temas

Si no tiene opciones en el Editor de WP, es posible que su tema de WP tenga un área de configuración que controle las cosas en todo el sitio.

Como ejemplo, en las plantillas heredadas de Thrive Themes (antes de que cambiaran a un creador de páginas), la Configuración general tiene otra sección para Configuración del blog, que es donde se controla la imagen destacada y el estilo de las mismas.

  3 - Tablero de temas de Thrive

Busque un 'Tablero de temas' (o algo similar) en la barra lateral izquierda de su panel de administración. Eso tendrá todas las personalizaciones de su tema allí.

Si su tema no tiene ninguno, la forma más fácil de ocultar una imagen destacada es agregar un complemento.

Complementos para ocultar imágenes destacadas en publicaciones y páginas de WordPress

Hay un complemento llamado 'Ocultar imagen destacada' que se supone que debe hacer lo que dice en la lata, pero no se ha actualizado en años (al momento de escribir este artículo).

Los complementos obsoletos son la forma más rápida de hacer que su sitio sea vulnerable.

Siempre es más seguro usar complementos que se hayan actualizado recientemente y que tengan la marca de verificación verde para mostrar que son compatibles con su versión de WordPress.

Vaya a la página de complementos y busque 'Mostrar condicionalmente'.

El que está buscando es 'Mostrar condicionalmente la imagen destacada en publicaciones y páginas singulares' y es de Cyrill Bolliger.

  4 - buscar e instalar el complemento

Como beneficio adicional, funciona en páginas y publicaciones individuales sin interferir con las páginas archivadas.

Está muy bien.

Significa que podemos hacer que las listas de nuestros sitios sean visualmente atractivas con imágenes en nuestras páginas de lista, luego hacer que las imágenes desaparezcan en la página y en la vista de publicación.

En otras palabras, las miniaturas (imagen destacada) tienen un trabajo que hacer.

Fomenta los clics para que las personas se interesen más en tu contenido.

Una vez que se hace clic, dado que no tiene que cargar una imagen destacada de tamaño completo, también debería tener un tiempo de carga de página más rápido. Siempre bueno.

Habilitar la marca de verificación 'mostrar condicionalmente' muestra la imagen destacada solo en las páginas de lista. No se mostrará en la parte superior de la publicación.

Algo que debe entender es que este método no oculta por completo su imagen destacada. Te da la opción de ocultar la imagen destacada en la publicación COMPLETA o en la vista de página.

Seguirá mostrando la miniatura en las páginas de su lista, como archivos, lista de blogs, categorías y páginas de lista de etiquetas.

Si no desea que se muestren imágenes destacadas, no las configure como imágenes destacadas. Vaya a sus publicaciones (en modo de edición) y 'elimine la imagen destacada'.

Cómo deshabilitar imágenes destacadas editando sus archivos de temas

¿Tu tema es un dolor? Algunos temas están programados para hacer que la publicación sea una molestia.

No intencionalmente, pero puede ser el resultado.

Como, los temas de WP codificados para captar cuando una imagen está configurada como destacada, luego toma la primera en la página, la aplica como un estilo de fondo y luego la estira al ancho del encabezado de su página con el título de su publicación de blog en H1 o H2 escrito encima eso.

El resultado son dos imágenes idénticas cuando se carga tu publicación.

La primera es la imagen del encabezado que tiene el título de la publicación H1 o H2, y la segunda es la imagen destacada de la publicación.

Ahora, si está tratando de averiguar cómo ocultar la imagen destacada en WordPress para evitar que reemplace el encabezado de su sitio principal, eso se controla en los archivos de temas de WordPress.

El archivo single.php.

Estándar con todos los temas es incluir

add_theme_support('post-miniaturas');

… en el archivo functions.php.

Cuando configura su imagen destacada, encuentre que reemplaza su encabezado, ese no es el archivo de funciones que está haciendo eso.

Es un truco de estilo de fondo que algunos desarrolladores aplican al usar la siguiente cadena en el single.php (que es el de cada publicación de blog).

Función 'wp_get_attachment_image_src' junto con 'get_post_thumbnail_id', posiblemente con reglas de cambio de tamaño incluidas por si acaso.

Estas dos cadenas combinadas capturan cuando se configura una imagen destacada, toma la URL de origen, la aplica como una imagen de fondo con un encabezado que coloca el título de su publicación sobre la imagen destacada.

Si desea evitar que la imagen destacada reemplace su imagen de encabezado, puede hacerlo eliminando la línea de código en el archivo 'single.php' de su tema WP que está llamando a 'wp_get_attachment_image_src'.

Para encontrarlo, vaya a su panel de WP, expanda el menú 'Apariencia' y haga clic en 'Editor de temas'.

Asegúrate de haber seleccionado el tema correcto para editar, luego desplázate hacia abajo en el menú 'archivos de tema' y selecciona 'Publicación única'.

  5 - Controla las imágenes destacadas en publicaciones individuales

No todos los temas le dan acceso a estos en el menú Editor de temas. Si no lo ve en su panel de control de WP, deberá iniciar sesión en su panel de control y realizar las ediciones con el Administrador de archivos.

No realice cambios de imagen en el archivo functions.php o los desactivará por completo. Solo edite single.php, que es para sus publicaciones de blog individuales.

Use este método si desea evitar que sus imágenes destacadas se comporten mal, pero aún desea tener la opción de usarlas ... solo de la manera que más le convenga.

Podría ayudarlo a mantener el mismo diseño sin tener que cambiar de tema para la funcionalidad de imagen destacada.

Comprensiblemente, usar una imagen como miniatura, en el encabezado y como la primera imagen en la página puede ser demasiado.

Muchos temas tienen características sorprendentes, pero solo se necesita uno incorrecto para enviarlo de nuevo a la mesa de dibujo y comenzar de nuevo a buscar un nuevo tema.

Especialmente en los temas gratuitos porque rara vez obtendrá soporte para ocultar imágenes destacadas o cambiar muchas de las funciones del tema.

El truco CSS para ocultar la imagen destacada en publicaciones seleccionadas

Si solo tiene un puñado de publicaciones o páginas en las que desea ocultar la imagen destacada, agregar un código CSS debería ser suficiente.

Todo lo que necesita es la identificación de la publicación.

Para obtener los que necesita, vaya a su panel de control de WordPress y diríjase a 'todas las publicaciones'.

La ID de las publicaciones se muestra en la barra de direcciones URL en la parte inferior izquierda de la pantalla cuando pasa el cursor sobre el título de la publicación o edita enlaces.

Esa es una vista previa de la URL en la que está a punto de hacer clic.

La mayoría de las URL de WordPress son yoursite.com/wp-admin/post.php?post=1&action=edit.

Para ocultar la imagen destacada publicación por publicación con CSS, vaya a su panel de WP, seleccione Apariencia > Personalizar > CSS adicional.

Escribir

.post-# img {

pantalla: ninguno;

}

  6 - eliminar con CSS

Reemplazando el símbolo # con su ID de publicación.

El 'CSS adicional' en el personalizador de WP está bien para ocultar un puñado de imágenes destacadas, pero si tiene cientos de URL, esa sección se convertirá en una pesadilla para realizar ediciones simples.

Cuando eso sucede, el archivo style.css es donde agregar una sección para estos