tools by zzpza
Una herramienta muy poco conocida de WordPress y a la que podemos sacar mucho partido, es la posibilidad de asignar a cada artículo una “imagen destacada”. Esta simple característica, puede hacer que nuestro blog luzca mucho mejor, sobre todo si la combinamos con el tema o plantilla adecuados.
¿Qué son las imágenes destacadas?
Es una propiedad o característica que podemos asignarle a un artículo y que permite representarlo visualmente en la pagina de inicio, o en paginas creadas específicamente para ese fin.
Un ejemplo muy típico es el de los temas tipo “magazine”, que sirven para la creación de revistas electrónicas. En este tipo de temas, suele haber un “slider” que muestra en un carrusel los artículos más destacados, o las últimas publicaciones. Estos “slider” utilizan la “imagen destacada” para crear el carrusel visual de contenidos.
Otro uso muy común es el de los listados de artículos. Podemos tener por ejemplo, una columna en la página de inicio, con una serie de artículos que representen la categoría “noticias”; pues bien, en lugar de mostrarlos como un listado de títulos sin más, puede resultar más atractivo visualmente, mostrarlos con una pequeña imagen y un texto descriptivo. Esa imagen que aparecerá en el listado será nuestra famosa “imagen destacada”.
¿Cómo se crean las imágenes destacadas?
Es muy sencillo, en el editor de las contenidos, abajo a la derecha de la pantalla de edición de los artículos, encontraremos la opción de seleccionar la “imagen destacada” que queramos.
wordpress imagen destacada
Al hacerlo, nos llevará al selector de medios de WordPress, desde el que podremos, o bien subir una imagen nueva que sirva a nuestros propósitos, o bien utilizar una imagen ya existente. El tamaño de la imagen, no es demasiado importante, ya que hay que recordar que WordPress, a parte del tamaño original, guarda otros tres tamaños diferentes de cada imagen, para utilizarlos según los requerimientos de cada caso.
¿Es realmente tan importante?
Es importante si tu tema así lo requiere. Es posible que alguna vez hayas visto en algún repositorio de wordpress, una plantilla muy espectacular y que la hayas decidido instalar en tu blog; pero al hacerlo, los resultados no han sido los esperados. En el 99% de los casos, la causa de esta diferencia será el no haber utilizado “imágenes destacadas” en tus artículos. Así que como puedes ver:
utilizar bien las imágenes destacadas, puede cambiar radicalmente para bien, la apariencia de tu blog
¿Existe alguna manera de forzar su utilización?
En instalaciones en las que participen varios editores, es difícil que todos se acuerden de asignar una imagen destacada a cada artículo. Para obligar a su utilización, podemos utilizar el plugin: Required featured image. Este plugin mostrará un mensaje de error cada vez que un editor intente publicar una imagen sin haber establecido la correspondiente “imagen destacada”.
En caso de que ya tengamos una instalación de wordpress con muchos artículos sin “imagen destacada”, podemos mediante un simple código asignar una imagen por defecto a todos los contenidos que no dispongan de ella.
Para ello tendremos que realizar dos acciones:
- subir a wordpress la imagen que queramos utilizar por defecto y copiar el ID de la imagen subida. Para ello una vez subida la imagen a WordPress, tendremos que ir al la biblioteca de medios y pulsar el botón editar que veremos debajo de cada imagen. Al hacerlo mirando la URL de la nueva página podremos saber el ID asignado; en este caso será el 744.
Url de edición de una imagen
- Lo siguiente que tendremos que hacer es abrir el archivo de funciones de nuestro tema, que encontraremos en “wp-content/themes/nombre-de-nuestro-tema-activo/“ y que llevará por nombre: “functions.php”. Lo abriremos con un editor de textos y añadiremos la siguiente función:
function wpforce_featured() {
global $post;
$already_has_thumb = has_post_thumbnail($post->ID);
if (!$already_has_thumb) {
$attached_image = get_children( "post_parent=$post->ID&post_type=attachment&post_mime_type=image&numberposts=1" );
if ($attached_image) {
foreach ($attached_image as $attachment_id => $attachment) {
set_post_thumbnail($post->ID, $attachment_id);
}
} else {
set_post_thumbnail($post->ID, '744'); // no olvidar poner en esta línea el ID de la imagen que queramos usar por defecto
}
}
} //end function
add_action('the_post', 'wpforce_featured');
add_action('save_post', 'wpforce_featured');
add_action('draft_to_publish', 'wpforce_featured');
add_action('new_to_publish', 'wpforce_featured');
add_action('pending_to_publish', 'wpforce_featured');
add_action('future_to_publish', 'wpforce_featured'); - (1)Este código pertenece a la página WPFORCE
Como puedes ver usar las «imágenes por defecto» es algo muy simple y que puede mejorar radicalmente la presencia y usabilidad de tu blog.
Si tienes cualquier duda no comentario, no dudes en hacérmelo saber a través de los comentarios que encontrarás más abajo