El widget por defecto de wordpress para mostrar las últimas entradas del blog se denomina “Entradas recientes” y es un widget que muestra las últimas entradas del blog pero sin mostrar miniatura de las imágenes (thumbnails) de cada post.
El widget de “Entradas recientes” queda bastante soso si no muestra imágenes y llama poco la atención al usuario.
DISFRUTA DE TODOS MIS CURSOS PREMIUM POR SOLO 10€/MES
ÍNDICE DEL POST
1.- Para qué sirven los widgets de últimas entradas del blog
Vamos a ver alguna de las funcionalidades que tienen los widgets de últimas entradas del blog:
i.- Disminuir porcentaje de rebote: el porcentaje de rebote es el porcentaje de visitante que realizan una sesión consistente en la visita a una única página en nuestro sitio web.
Pues bien, una característica para la que se destinan este tipo de widgets es para disminuir dicho porcentaje de rebote incitando a visitar otros posts.
ii.- Información general en cada post: este widget también sirve para dar una información general del blog al visitante que viene a través de un buscador, no conoce el sitio web y accede a un post en particular. Con el widget el visitante puede ver rápidamente el tipo de post que publica el blog que ha visitado.
Widget de últimas entradas del blog + imágenes
2.- Cómo añadir un widget de últimas entradas de blog con imágenes
Como antes hemos comentado el widget que viene por defecto en WordPress para mostrar las últimas entradas de blog no incluye imágenes en miniatura.
Existen algunas plantillas que incorporan widgets específicos y entre ellos puede haber un widget de últimas entradas de blog con imágenes.
En el caso de la plantilla Divi que es la que utilizo para todos mis proyectos no ocurre tal cosa, por lo que necesitaremos un plugin para implementar un widget de este tipo.
Vamos a utilizar el plugin gratuito denominado: “Recent Posts Widget With Thumbnails”
3.- Configuración plugin Recent Posts Widget With Thumbnails
Puedes descargar el plugin desde aquí: Recent Posts Widget Thumbnails
Una vez lo hayas instalado deberás a “Apariencia > Widgets”. Una vez allí observarás que hay un nuevo widget disponible denominado “Recent posts with Thumbnails”.
Arrastra el widget hacia la barra lateral o un widget del footer y despliégalo para ver las opciones de configuración:
a.- Título: título del widget que será mostrado al visitante
b.- Número de entradas a mostrar: número máximo de entradas de blog que se mostrarán en el widget
c.- Open post links in new windows?: si marcamos esta opción cuando un visitante haga clic en alguna de las entradas de blog que muestra el widget, éste se abrirá en una nueva pestaña del navegador.
d.- Show posts in random order?: si marcamos esta opción, el orden en que aparecerán los posts en el widget será aleatorio.
e.- Do not list the current post?: si marcamos esta opción no se mostrará entre los post del widget el post que el visitante está visualizando en ese momento. Cosa que parece bastante lógica, por lo que la marcaremos.
f.- do not show post title?: si marcamos esta opción no se mostrarán los títulos de las últimas entradas de blog (solo se mostraría la imagen de cada post que sería la que iría enlazada a cada post).
g.- Maximum length of post title: aquí estableceremos la máxima longitud de los títulos de los post que se mostrarán en el widget de últimos posts.
h.- Show post author?: si marcamos esta opción el widget mostrará en nombre del autor del post.
i.- Show post categories?: si marcamos este checkbox se mostrará la categoría a la que pertenece cada entrada de blog en el widget de últimos posts.
j.- Show post date?: en caso de marcar esta opción se mostraría la fecha de creación de cada post que se muestra en el widget
k.- Show excerpt?: si marcamos esta opción se mostrará un extracto del contenido del post en el widget.
l.- Maximum lenght of excerpt: aquí estableceremos la longitud máxima que se debe mostrar del extracto del post. Esta opción solo tiene sentido si se marca la opción anterior.
Configurar plugin para mostrar widget de últimos posts con imágenes
m.- Sign after excerpt: signo a mostrar al final del extracto. El significado del signo debe ser que el texto es solo un extracto de un texto mayor.
n.- ignore post excerpt field as excerpt source?: el plugin toma el extracto del campo “excerpt” o extracto y si no encuentra nada lo toma del post. Si marcamos esta opción, el extracto se tomará directamente del post y nunca del campo excerpt.
ñ.- Show number of comments?: si marcamos esta opción aparecerá el número de comentarios de cada post.
o.- Show posts of selected categories only?: Si seleccionamos “Todas las categorías” aparecerán entradas de todas las categorías en el widget. Si por el contrario marcamos categorías aisladas los post que se muestren en el widget serán los que pertenezcan a solo esas categorías seleccionadas.
p.- Display post featured image?: si marcamos esta opción se mostrará la imagen asociada a cada post.
q.- Size of thumbnail: aquí seleccionaremos el tamaño con el que queremos mostrar la imagen en miniatura de cada post.
i.- Width of thumbnail: si en el apartado q.- seleccionamos “Specified width and height” aquí estableceremos la anchura de la imagen.
ii.- Height of thumbnail: si en el apartado q.- seleccionamos “Specified width and height” aquí estableceremos la altura de la imagen.
r.- Use aspect ratios of original images?: si marcamos esta opción se guardará la proporcionalidad entre anchura y altura de las imágenes originales.
s.- Try to use the post’s first image if post has no featured image?: esta opción sirve para que el widget muestre la primera imagen del post en caso de no existir una imagen principal o destacada en el post.
t.- Use first image only, ignore featured image?: si marcamos esta opción el widget tomará la primera imagen de cada post en vez de la imagen destacada.
u.- Use default thumbnail if no image could be determined?: si marcamos esta opción el widget usará la imagen que indiquemos en el siguiente apartado (URL of default thumbnail) en caso de que el widget no encuentre una imagen válida en el post.
v.- URL of default thumbnail (star with http://): aquí pondremos la url de la imagen mencionada en el apartado anterior.
Soy Blogger y formador profesional. Me gustaría que este blog te sirviera para conocer más de cerca el mundo del diseño web y de WordPress. Mi proyecto online es una plataforma de formación online tipo membership site, denominada cursotiendaonline.com donde podrás acceder a todos los cursos por solo 10 €/mes
Hola,
sabes de algún plugin para mostrar en la página de inicio o portada, además de un contenido estático, las últimas entradas y las entradas más populares de manera automática?
Muchas gracias,
Buenas. Si usas la plantilla Divi, tienes un módulo para ello en el constructor. Si usas otra plantilla puedes utilizar el constructor Elementor que también tiene módulos de este tipo.
Me gustaría también a que eches un vistazo a mi plataforma de formación https://cursotiendaonline.com/ desde donde puedes Acceder a TODOS mis cursos online por solo 10 €/mes (Incluye ¡¡SOPORTE!!). En la plataforma tienes cursos sobre WordPress, Curso diseñador web Freelance, Curso Copywriting, Cursos sobre Divi, curso SEO General, Curso SEO Análisis de clics e impresiones, Curso Woocommerce, Curso como crear una tienda online de éxito, Astra Pro, Elementor, Curso sobre idexación web y alta en google, Flatsome, sobre Mailchimp, blog WordPress, etc. etc.
Hola! primero que todo agradecer tu ayuda, me gustaria consultar luego de agregar es te widget como puedo ocultar las entradas recientes por defecto y dejar solo las del plugin?. Gracias
Hola Karol,
Pues simplemente tienes que eliminar el widget de últimas entradas por defecto de wordpress.
***Me gustaría también Informarte que desde mi plataforma de formación cursotiendaonline.com puedes Acceder a TODOS mis cursos online por solo 10 €/mes + ¡¡SOPORTE!!. En la plataforma tienes cursos sobre WordPress, Cursos sobre plantillas divi, astra, Flatsome, Cursos sobre Woocommerce, Cursos sobre SEO, sobre Mailchimp, blog WordPress, etc. etc.
Para ver el temario de un curso en concreto, ve a cursotiendaonline.com busca el curso cuyo temario quieras ver y haz clic en «INFO CURSO» . Además, como te decía, los cursos inclye SOPORTE!!! ****
Hola Joaquin, muchas gracias, una consulta, estoy utilizando DIVI, cargo un formulario de Post mediante buddyForms, estas se transforman en entradas. Luego en la pagina principal agregué el modulo de blog de DIVI y aparecen la imagen-Titulo-Descripcion.
Hasta ahí funciona todo.
Ahora quiero que ademas de la descripcion me visualicen 2 campos mas (lugar y URL del evento).
Las preguntas son:
1. Es posible agregar esos campos ?
2. Se puede modificar el modulo blog ?
Muchas gracias y Saludos.
Buenas.
Esas consultas sobre desarrollo las debes realizar al spoporte de Elegant Themes
Super! me sirvió bastante, casi que no lo logro. Muchas gracias por tu ayuda. Saludos
Hola Joaquín, gran blog!!
Mi problema es que en los extractos de los posts en la página principal me gustaría que saliera la imagen que acompaña al post pero no encuentro la solución para poder hacerlo.
¿Alguna idea?
Grcias
Buenas.
Eso depende bastante de la plantilla que estés utilizando. Tiene que buscar info específica sobre la plantilla que estés utilizando. Si es una plantilla de pago puedes acudir a su soporte oficial.
Hola Joaquín!, muy buen post, he puesto en mi web el pluggin que recomiendas y lo he configurado paso a paso. Muchas gracias. Sólo una cosa: cómo aumento el tamaño del texto del título del pluggin?. Otra vez muchas gracias!!
Buenas Miguel.
La opción de cambiar el tamaño del título de cualquier widget, depende de la plantilla que estés utilizando. Es decir, debes configurar esta opción desde la plantilla
¡Muchas gracias por la enseñanza!
¿Cómo puedo hacer que los artículos recientes aparezcan alineados en horizontal, no uno debajo del otro?
Buenas Salcedo,
No hay ninguna opción en el plugin para eso. Solo es posible ponerlos de manera vertical.
Hola amigo, recientemente incluí noticias en un sitio y en el «sidebar» este widget.
Mi problema es que no me muestra las miniatura de cada entrada, ni siquiera la imagen destacada… solo la imagen por defecto.
He hecho cualquier cambio, desactivado una cosa u otra pero sigue igual, podrías ayudarme?
Buenas,
Primero actualiza el plugin, en caso de que no lo tengas actualizado.
Aquí tienes un enlace al foro de soporte del plugin-> Foro Sporte Recent Posts Widget With Thumbnails
Hola nuevamente y gracias por responder, hice todo lo necesario (actualicé el tema «Divi» y también el plugin, instalé Regenerate Thumbnails inclusive) pero aún así no me muestra la miniatura de cada post, en este momento está una que deje como imagen predeterminada pero todas las «últimas noticias» tienen esa misma miniatura.
La verdad ya ni idea de que hacer.
Hola!!
me he descargado este widget, pero no me gusta que no se pueda cambiar el formato del texto del título que aparece (negrita, tamaño, etc,). ¿Hay alguna manera de conseguir esto?
Y otra pregunta que no tiene nada que ver con este post, hay alguna manera de editar la página principal de mi web con visual composer? solo veo la opción de editar entradas, etc.
Gracias!! estoy comenzando mi proyecto y te lo mucho.
Hola Blanca,
1.- Todo lo que no venga en las opciones de configuración del widget no se puede hacer. Tendrías que usar CSS para poder hacer modificaciones de diseño, o puedes buscar otro plugin que incluya un widget de últimas entradas más personalizable.
2.- Eso va a depender de la plantilla que estés utilizando. En mi caso yo no uso tampoco Visual Composer, yo para WordPress utilizo la plantilla Divi, que ya me incluye el que, en mi opinión, es el mejor constructor para WordPress y que se conoce como Divi Builder:
Mega Guía plantilla Divi
Mega Guía Divi Builder
Hola , queria hacerte una consulta, yo utilizo la plantilla DIVI y tengo creados dos widgets uno el de la barra lateral donde esta la informacion de la tienda y otro que he creado para que aparezcan los datos de los post del blog, el problema es que cuando abres un post , el widget que aparece es el de los productos de la tienda en lugar de el widget de los post si quieres echar un vistazo te dejo la url systemcars.es . Gracias
Hola José,
tendrías que crear una barra sidebar para la tienda y otra barra sidebar para el blog. El problema es que con las opciones que vienen por defecto con WordPress no es posible hacerlo. Necesitas algún plugin específico de este estilo Woosidebar
Gracias por tu publicación, no sabía como meter las fotos de los posts en el sidebar, y no encontraba nada relacionado en youtube. Me ha sido de gran ayuda.
Me alegro que te haya sido de ayuda
un saludo
Hola, me sirvió tu post, agradecería saber como realizas la traducción, ya que por ejemplo en mi web sale «leave a comment», «post a comment». He buscado en el foro de avada e indican que solo es posible cambiando php. gracias de antemano
Buenas,
prueba con el plugin de traducciones Loco Translate,
aquí tienes un post donde se explica como utilizarlo aunque con Woocommerce.
Para las traducciones de Avada sería lo mismo.
Traducciones Woocommerce Loco Translate
Esta muy bueno el plugin, pero ami me gustaria que aparezca las ultimas entradas del post y actualmente aparecen muy viejas publicaciones. No tengo activado «Show posts in random order?». Còmo deberia hacer? Gracias
Hola María,
te deberían aparecer las entradas ordenadas de más reciente a más antigua si no tienes marcada la opción de «show posts in random order». Si marcas esa opción se ordenarán de manera aleatoria.