Consejos

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

La imagen presentada en WordPress ha sido una característica estándar durante años.

Aún así, fue un poco usado en exceso.

No todos los temas los utilizan como miniaturas de las publicaciones a las que están destinados.

Algunos desarrolladores han sido creativos con su programación, obligando a las imágenes a comportarse de formas que los usuarios no acaban de comprender.

Algunos son incompatibles con los complementos; otros están programados para detectar una imagen de una función y luego aplicarla como título a una publicación.

Cualquiera que sea la razón por la que las imágenes de WordPress que presenta le causen dolor, encontrará las respuestas a continuación para ocultarlas, controlarlas mejor o deshabilitarlas en publicaciones individuales.

Todos son fáciles de implementar.

Cómo ocultar la imagen presentada en WordPress

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

Explorador de opciones de tema

Esto puede sonar obvio, pero hazlo de todos modos. Nuestras mentes pueden causar caos, haciéndonos creer que algo debe 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 predeterminado abre el editor de bloques.Esto es para construir su contenido.

La configuración de la pantalla se encuentra en el menú al lado.

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

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

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

Podemos configurar la imagen presentada sobre este tema, pero al desplazarnos un poco más y abrir el menú «Elementos», podemos ver que hay una opción «Ocultar una imagen presentada».

Hay muchas cosas que se pueden ocultar, pero ciñéndonos al punto, este es el único botón que necesitamos.

El suyo puede ser uno con muy pocas opciones, en cuyo caso puede agregarlas, un poco cubiertas.

2 - Editor WP sin botón para ocultar la imagen de las funciones

Si su editor es como el anterior, a continuación se muestra cómo agregar un botón a esta sección para ocultar la imagen presentada.

Revisa tu tema primero. Todos son diferentes.

Abra cada menú desplegable en su editor de WP.

Comprobar la configuración general del tema

Si no tiene opciones en el Editor de WP, su tema de WP puede tener un área de configuración que controla las cosas en todo el sitio.

Como ejemplo, en las plantillas heredadas de Thrive Themes (antes de que se cambiaran al generador de páginas), la configuración general tiene otra sección para la configuración del blog, donde se controla la imagen presentada y su estilo.

3 - Gestión del tablero de temas de Thrive

Busque «Panel de control de temas» (o algo similar) en la barra lateral izquierda de su panel de administración. Habrá todas sus personalizaciones en el tema.

Si su tema no tiene uno, 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 debería hacer lo que dice en el cuadro, pero no se ha actualizado durante 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 una marca de verificación verde para indicar que son compatibles con su versión de WordPress.

Vaya a la página de complementos y busque «Visualización condicional».

El que está buscando es «Visualización condicional de una imagen presentada en publicaciones y páginas individuales» y es de Kiril Boliger.

4 - buscar e instalar un complemento

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

Esto está limpio.

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

En otras palabras, las miniaturas (imagen presentada) tienen un trabajo.

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

Una vez que haga clic, debido a que no necesita cargar una imagen de tamaño completo, debería tener un tiempo más rápido para cargar la página. Siempre bueno.

Habilitar la casilla de verificación «visualización condicional» muestra la imagen presentada sólo en las páginas de lista. No aparecerá en la parte superior de la publicación.

Una cosa que debe comprender es que este método no oculta completamente la imagen que está presentando. Le permite ocultar la imagen presentada en la publicación COMPLETA o en la vista de página.

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

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

Cómo deshabilitar las imágenes destacadas editando los archivos de tu tema

¿Es doloroso tu tema? Algunos temas están arreglados de tal manera que la publicación es desagradable.

No intencional, pero podría ser el resultado.

Por ejemplo, los temas de WP están codificados para capturar cuando una imagen está configurada para presentación, luego toma la primera en la página, la aplica como un estilo de fondo y luego la estira a lo ancho del título de su página con el título de su publicación de blog en H1 o H2 ingresada en él.

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

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

Ahora, si está tratando de descubrir cómo ocultar la imagen presentada en WordPress para dejar de reemplazar el encabezado de su sitio principal, entonces esto se controla en sus archivos de temas de WordPress.

El único archivo.php.

Es estándar que se incluyan todos los temas.

add_theme_support (‘después de las miniaturas’);

… en el archivo functions.php.

Cuando configura su imagen presentada, luego encuéntrela para reemplazar su encabezado, no es el archivo de función el que hace eso.

Este es un truco de fondo que algunos desarrolladores aplican usando la siguiente cadena en single.php (que es la que se usa en cada publicación de blog).

La función «wp_get_attachment_image_src» junto con «get_post_thumbnail_id», posiblemente con reglas de cambio de tamaño para una buena medida.

Estas dos cadenas combinan catch cuando se configura una imagen enviada, toman la URL de origen, la aplican como una imagen de fondo con un ajuste de encabezado, que coloca el título de su publicación en la imagen enviada.

Si desea evitar que la imagen presentada reemplace su imagen de título, puede hacerlo eliminando la línea de código en el archivo «single.php» de su tema WP que llama «wp_get_attachment_image_src».

Para encontrarlo, vaya al Panel de control 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 temas» y selecciona «Publicación única».

5 - Controla las imágenes seleccionadas en publicaciones individuales

No todos los temas le dan acceso a ellos en el menú Editor de temas. Si no lo ve en el panel de control de WP, deberá ir a su panel de control y realizar modificaciones con el Administrador de archivos.

No realice cambios en las imágenes en el archivo functions.php o esto las deshabilitará por completo. Edite solo single.php, que es para sus publicaciones de blog individuales.

Use este método si desea detener el mal comportamiento de las imágenes presentadas, pero aún desea tener la opción de usarlas… solo de la manera que más le convenga.

Puede ayudarlo a mantener el mismo diseño sin tener que cambiar de tema para la funcionalidad de las imágenes presentadas.

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 un error para enviarlo de vuelta a la mesa de dibujo cuando comienza a buscar un nuevo tema nuevamente.

Especialmente para temas gratuitos, porque rara vez obtendrá soporte para ocultar imágenes destacadas o cambiar muchas de las características del tema.

Truco de CSS para ocultar la imagen seleccionada en las publicaciones seleccionadas

Si solo tiene algunas publicaciones o páginas en las que desea ocultar la imagen presentada, agregar el código CSS debería ser suficiente.

Todo lo que necesita es el ID de la publicación.

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

El ID de la publicación aparece en la barra de URL en la esquina inferior izquierda de su pantalla cuando pasa el cursor sobre el título de la publicación o edita los enlaces.

Esta es una vista previa de la URL en la que hará clic.

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

Para ocultar la imagen presentada por separado con CSS, vaya al panel de control de WP, elija Apariencia> Personalizar> CSS avanzado.

Escribir en

.post- # img {

pantalla: no;

}

6 - eliminar con CSS

Reemplace el carácter # con su ID de publicación.

El «CSS adicional» en WP Customizer es adecuado para ocultar un puñado de imágenes enviadas, pero si tiene cientos de URL, esta sección se convertirá en una pesadilla para ediciones simples.

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

Deja una respuesta

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

Botón volver arriba