CMS WordPress

Establecer imagen destacada por defecto en WordPress

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:

1. Utilizar 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.miblog-de-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.

2. Modificar 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:

if ( has_post_thumbnail() ){...

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.

EduZRO

<p>Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.</p>

No Comments

comment No comments yet

You can be first to leave a comment

Deja un comentario

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