Establecer imagen destacada por defecto en WordPress

PHPWordPress

Más de una vez nos hemos cansado e incluso nos hemos olvidado de seleccionar la imagen destacada para que nuestro Post luzca bien en WordPress junto al resto. Pues bien, tenemos varias y sencillas opciones que pueden hacernos la vida más fácil seleccionando una imagen por defecto, por ejemplo, para cada categoría o etiqueta. He aquí van distintas soluciones:

Utiliza un Plugin

Podemos utilizar el plugin Default Thumbnail Plus para seleccionar automáticamente una imagen destacada según las taxonomías asociadas a la entrada, esto es, según la categoría o la etiqueta. Además, también podemos seleccionar la primera imagen de cada Post por defecto si así lo deseamos. Una vez instalado, vamos a Ajustes > Default Thumb Plus y seleccionamos o subimos una nueva imagen, seguidamente introducimos el identificador de la categoría o de la etiqueta y listo. Para encontrar el identificador de una etiqueta o de una categoría, sencillamente editamos el elemento y echamos un vistazo a la URL, por ejemplo:

http://www.ejemplo.com/wp-admin/edit-tags.php?action=edit&taxonomy=category&tag_ID=17&post_type=post

Pues bien, el identificador de la categoría es el valor GET de tag_ID, es decir, 17.

Modifica el código de los archivos de tu tema

También puedes modificar el código directamente en los archivos de WordPress de tu tema y ahorrarte el plugin, siempre más eficiente, pero debemos tener cuidado al cambiar de tema, puesto que modificaremos los archivos dentro del tema actual y si queremos cambiar de tema, tendremos que aplicar de nuevo los cambios.

Para esta segunda solución, subimos la imagen deseada bien mediante WordPress o bien mediante FTP a la carpeta que queramos, por ejemplo subiremos mi-imagen.jpg al directorio /wp-content/uploads/imagenes-categorias dentro de nuestra instalación de WordPress quedando la imagen en  /wp-content/uploads/imagenes-categorias/mi-imagen.jpg.

Seguidamente, deberemos editar el archivo en donde se muestra la imagen destacada dentro del «Loop» para nuestras entradas. Este archivo depende de vuestro tema, pero si no estáis acostumbrados modificar temas, buscad la siguiente línea en los archivos PHP:

Tras la modificación, debería quedaros algo así:

<?php
if ( has_post_thumbnail() )
{
  ?>
  <div>
    <a href="<?php the_permalink(); ?>"> <?php the_post_thumbnail(); ?> </a>
  </div>
  <?php 
} else {
  ?>
  <div>
    <a href="<?php the_permalink(); ?>">
      <img src="<?php bloginfo('url'); ?>/wp-content/uploads/imagenes-categorias/mi-imagen.jpg" alt="<?php the_title(); ?>" />
    </a>
  </div>
  <?php
}
?>

Pero como vemos, se nos muestra una imagen para todas las categorías, por lo que si deseamos mostrar una imagen para cada categoría, debemos subir una para cada categoría con el nombre o «slug» de la categoría al mismo directorio. Por ejemplo subiremos las imágenes aplicaciones.jpg, programacion.jpg, (…) al directorio /wp-content/uploads/imagenes-categorias dentro de nuestra instalación de WordPress quedando las imágenes como /wp-content/uploads/imagenes-categorias/aplicaciones.jpg o /wp-content/uploads/imagenes-categorias/programacion.jpg.

En el código obtenemos el nombre de la categoría en una variable con  $category = get_the_category(); para luego añadirle la extensión .jpg o la que hayamos elegido para la imagen y finalmente mostramos el nombre completo de la imagen. He aquí el código:

<?php
if ( has_post_thumbnail() )
{
  ?>
  <div>
    <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
  </div>
  <?php
} else {
  $category = get_the_category();
  ?>
  <div>
    <a href="<?php the_permalink(); ?>">
       <img alt="<?php the_title(); ?>" src="<?php bloginfo('url'); ?>/wp-content/uploads/imagenes-categorias/<?php echo $category[0]->category_nicename ; ?>.jpg" />
    </a>
  </div>
  <?php
}
?>

El resultado podríais verlo en esta misma entrada, pero finalmente he decidido no usar imágenes destacadas para este blog. Espero que esta pequeña guía os haya sido útil.


Avatar de Edu Lazaro

Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado esta guía. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirla en Twitter 😊

Si quieres conocer mis proyectos, sígueme en Twitter.

2 comentarios en “Establecer imagen destacada por defecto en WordPress

  1. Hola, quiero saber si esto me sirve? , te cuento en mi página en cada entrada coloco una imagen diferente , tengo configurado el feed de RSS para que en automático se publique en mi fan PAGE de facebook, pero en vez de aparecer la imagen de la entrada que estoy posteando en todas aparece la imagen de cabecera de la mi página. saludos

Deja una respuesta

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

“- Hey, Doc. No tenemos suficiente carretera para ir a 140/h km. - ¿Carretera? A donde vamos, no necesitaremos carreteras.”