WordPress quitar imagen destacada

Publicada el por

Vamos a ver dos maneras de quitar la imagen destacada de las entradas de WordPress. Una sencilla que permiten muchas plantillas, y otra que será el recurso final si no funciona la primera.

Tutoriales wordpress

Nuevo tutorial añadido a los tutoriales de WordPress en español.

Quitar imagen destacada en CSS Adicional

La mayoría de plantillas, permiten añadir CSS adicional. Debemos ir a la siguiente opción del menú:

> Apariencia > Personalizar > CSS Adicional

Ahí nos dejará añadir nuestro CSS sin tener que tocar nada de ficheros. Este CSS se añadirá siempre.

.single-post .wp-post-image { display: none; }

Si modificas un fichero directamente, por ejemplo algun style.css de la plantilla, al actualizarla, este fichero puede ser que se elimine.

Quitar imagen destacada en plantilla complicadas

Hay otras plantillas, mucho más sencillas o complicadas, que no se rigen por esa clase. Me refiero que añadiremos el código que he indicado anteriormente .single-post .wp-post-image, y no le afecta, porque la estructura de clases no se rige por las plantillas normales.

Entonces, qué ponemos? Aquí viene un poco lo complicado.

  1. Vamos a una entrada de nuestro blog en el navegador.
  2. En chrome, pulsamos F12. Nos saldrá las herramientas de Desarrollador
  3. Pulsamos sobre pestaña Elementos, si no está pulsada.
  4. En la web, pulsamos el botón derecho encima de la imagen destacada. Escogemos la opción Inspeccionar objeto.

Al hacerlo, nos saldrá en las herramientas de desarrollador toda la estructura donde está situada la imagen principal. veamos un ejemplo:

Fijaos en dos cosas. Primero, tenemos en este caso, el h1 con el título. Justo después, tenemos la imagen destacada.

La clave: Así pues, nuestra imagen está en un bloque DIV con clase et_post_meta_wrapper.

Lo único que debemos hacer es ir como en la opcón 1 a 

> Apariencia > Personalizar > CSS Adicional

Y allí añadimos el código (sólo en el caso del ejemplo):

.et_post_meta_wrapper img { display: none; }

Así pues, el resumen es pulsar el botón derecho sobre la imagen destacada, averiguar la clase que tiene o el bloque en el que está, y añadir al CSS adicional de nuestra plantilla el display:none de la clase en cuestión.

Pues ya tenéis la manera de quitar la imagen destacada de WordPress. Si la plantilla es normalita, la primera opción ya os será últil.

Más información