Como mostrar los últimos artículos de WordPress con imágenes

En el artículo de hoy traigo uno de los nuevos plugins para WordPress que he implementado para mi sitio, Horizontal Widget Most Recent Viewed Posts (lo lamento por el nombre, pero luego me explicaré), o como mostrar los últimos artículos de WordPress con Imágenes.

Aunque soy consciente que mostrar imágenes no es lo mas recomendable para conseguir que la página web cargue lo más rápido posible, igualmente soy consciente de la importancia del impacto visual en el ser humano; es decir, la comida nos entra por los ojos, y al igual que la comida nos pasa con el resto de cosas. De esta forma, hace tiempo, que vengo tonteando con los widgets para mostrar los últimos artículos, acompañados con una pequeña miniatura o thumbnail.

El complemento presenta los últimos artículos como puedes ver en la siguiente imagen,

mostrar los últimos artículos de WordPress con imágenes
mostrar los últimos artículos de WordPress con imágenes

Como mostrar los últimos artículos de WordPress con imágenes o Horizontal Widget Most Recent Viewed Posts

Como he comentado en la introducción, este sencillo complemento, nos añade un nuevo widget en el que nos mostrará los artículos mas recientes que hemos publicados, ordenados de mas reciente a mas antiguo, acompañados por una pequeña miniatura o imagen del mismo.

La instalación de este plugin es exactamente igual que cualquier otro complemento de WordPress, tan solo tienes que descargar el plugin haciendo clic en Horizontal Widget Most Recent Viewed Posts y posteriormente subirlo a tu instalación de WordPress. También podrás instalar los últimos artículos de WordPress con imágenes o Horizontal Widget Most Recent Viewed Posts directamente desde el repositorio de WordPress.

Este complemento lo he subido al sitio de WordPress.org, pero en el momento de escribir este artículo todavía estaba pendiente de aprobación. Si quieres esperar a que lo aprueben, en el momento que lo hagan escribiré un artículo para indicarlo, y de paso comentar el proceso de aprobación de un complemento.

Configuración

La configuración, ahora mismo es muy sencilla (a expensas de que añada mas opciones). Actualmente solo puedes indicar el título del widget, y el número de artículos que quieres que aparezcan.

Esto lo puedes ver en la siguiente imagen,

Selección_246.png

Como hacerlo sin complemento

Como he comentado en artículos anteriores, esto mismo lo puedes hacer directamente, añadiendo el código al archivo functions.php de tu tema, o mejor creando un tema hijo para que en caso de que actualices el tema no pierdas estas mejoras.

Lo mejor, es crear un tema hijo que te evitará muchos problemas, de manera, yo lo voy a comentar como si lo hicieras en este sentido. Así, lo primero es añadir el código al archivo funtions.php de tu tema hijo. Para ello copia el contenido del archivo horizontal-widget-most-recent-viewed-posts.php del complemento que te has descargado.

Elimina el siguiente código:

if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly

function hwmrvp_load_styles() {
    if(!is_admin()){
        wp_enqueue_style( 'hwmrvp_style', plugin_dir_url( __FILE__ ) . 'hwmrvp-style.css', array(), '0.1.0', 'screen' );
    }
}
add_action( 'wp_enqueue_scripts', 'hwmrvp_load_styles' );

y copia el contenido de la hoja de estilos a style.css de tu tema hijo,

.hwmrvp-list{
    margin:0;
    padding:0;        
}
.hwmrvp-item {
    width: 100%;
    list-style-type: none;
    margin:10px 0px;
    padding-left:0px;
    display: inline-block;
}

.hwmrvp-item img{
    float:left;
    width: 100px;
    max-height: 100px;
}

.hwmrvp-item p{
    padding: 0 0 0 110px;
    margin:0;
    font-size:14px;
    line-height: 1;
}
.hwmrvp-item a{
    width:100%;
    height:100%;
}
.hwmrvp-item:hover{
    background-color: #ddd;
}

Y ya lo tienes…

Conclusiones

En particular, te recomiendo que instales el complemento, si puede ser y tienes paciencia en el momento que lo haya aprobado WordPress.org para que de esta manera pueda darte soporte y actualizarlo conforme lo vaya mejorando.

¿Qué mejoras quiero incorporar? Pues efectivamente, tengo algunas ideas en la cabeza:

  • Que puedas elegir entre mostrar los últimos publicados o los últimos editados.
  • Ordenación ascendente o descendente.
  • Seleccionar las dimensiones de los thumbnails o miniaturas.
  • Opción para no mostrar miniaturas.

Y seguro que de aquí a que publique la próxima actualización se me ha ocurrido alguna cosa mas, o me habéis sugerido alguna mejora.

Por supuesto, que todas las recomendaciones, ideas, mejoras o sugerencias son bienvenidas, y las espero con ansiedad.

1 comentario en “Como mostrar los últimos artículos de WordPress con imágenes

Deja una respuesta

Tu dirección de correo electrónico no será publicada.