Blog gratuito de Elementor y widget de cuadrícula de publicaciones

Blog Posts es un widget gratuito de complementos maestros que muestra publicaciones, páginas o cualquier tipo de publicación personalizada en una cuadrícula, lista, diseño de mampostería o carrusel. Elija Classic o Cards, elija uno de los siete estilos de tarjetas o siete estilos de lista y configure hasta 4 columnas por dispositivo. Filtre la consulta por categoría, etiqueta, autor o publicaciones excluidas, agregue pestañas de filtro de categoría y diseñe la miniatura, el título, el meta, el contenido, lea más y la paginación. Funciona con la versión gratuita de Elementor.

Cómo agregar una cuadrícula de publicaciones de blog en Elementor

Necesita Elementor y el complemento gratuito Master Addons de WordPress.org.

  1. Compruebe que el Blog esté activado en Complementos maestros, widgets.
  2. En el editor Elementor, busque Publicaciones de blog y arrástrelo a la página.
  3. En Opciones de visualización, elija el diseño del blog, el tipo de blog y el número de columnas.
  4. Establezca Fuente, Tipo de publicación y Publicaciones por página, luego active Paginación si lo necesita.
  5. En Configuración de publicaciones, elija qué meta y extracto mostrar y en Ajustes avanzados filtrar por categoría, etiqueta o autor.
  6. Pegue la miniatura, el título, el meta y lea más en la pestaña Estilo.

Para obtener un tutorial completo de la página del blog, lea Cómo crear una página de blog con Elementor. Cada configuración aparece en el Configuración del widget de publicaciones de blog.

Opciones de visualización de publicaciones de blog con diseño de blog, tipo de blog y listas de diseño de tarjetas junto a una cuadrícula de dos filas de postales

Diseños de cuadrícula, lista, albañilería y carrusel

Diseño de blogs es Clásico o Tarjetas. Tipo de blog es diseño de cuadrícula, diseño de lista o diseño de mampostería. Las tarjetas en una cuadrícula ofrecen siete estilos: predeterminado, superposición de contenido, meta superior izquierdo, tarjetas de alineación derecha, tarjetas de alineación central, gradiente de alineación central BG y tarjeta de encabezado. La lista tiene siete más, desde List Classic hasta List Thumbnail Background. Establecer Número de columnas de 1 a 4 para cada dispositivo, y enciende ¿habilitar carrusel? para mostrar las mismas publicaciones como control deslizante.

  • Espaciado de filas, espaciado de columnas y alineación de contenido.
  • Etiqueta HTML del título y un metaseparador de publicaciones personalizado.
  • Control deslizante Carrusel o Coverflow con reproducción automática, bucle y seis tipos de navegación.

Pestañas de filtro de categoría y consulta de publicaciones

Conjunto Fuente a las publicaciones más recientes para crear su propia consulta o a la consulta actual en plantillas de archivo para que el widget siga la categoría, etiqueta, fecha o autor que se está viendo. Elija el tipo de publicación, publicaciones por página, número total de publicaciones, orden de publicación y orden por, que incluye fecha, título, última modificación, recuento aleatorio y de comentarios. En Ajustes avanzados, filtrar por categoría, etiqueta o autor, excluir publicaciones, compensar el inicio e ignorar publicaciones adhesivas.

  • Pestañas de filtro de categoría agregue pestañas en las que se puede hacer clic encima de una cuadrícula o lista. Filtran las publicaciones que ya están en la página sin recargar y no están disponibles con el carrusel.
  • Paginación muestra páginas numeradas con tu propio texto Siguiente y Anterior.
  • Enlaces en New Tab abre publicaciones en una nueva pestaña del navegador.
Configuración avanzada de publicaciones de blog con filtros de categoría, etiqueta y autor y configuración de publicaciones alterna junto a una lista de publicaciones de dos columnas
Publicaciones de blog Configuración de miniaturas con ajuste de miniaturas, posición, animación flotante y lista de efectos de color junto a las postales

Efectos en miniatura y meta posterior

En Configuración de miniaturas, elija la resolución de imagen, un ajuste en miniatura de paisaje, cuadrado, cubierta, relleno o contenedor, una altura mínima y máxima opcional y la posición en miniatura. Agregue una animación Elementor Hover, una de 16 Efectos de color como Zoom In, Escala gris, Desenfoque, Sepia, Brillo o círculo, y a Forma de miniatura: Enmarcado, Diagonal, Bordeado, Bordeado De Gradiente o Cuadrados. La pestaña Estilo agrega un color de superposición y filtros CSS.

  • Muestra u oculta el título, autor, avatar del autor, fecha, categorías, etiquetas y recuento de comentarios.
  • Mostrar contenido completo o un extracto con una longitud determinada, que termine en tres puntos o un enlace Leer más.
  • Publicar metaiconos e iconos de formato de publicación.

Carrusel de publicaciones de blog

Con ¿habilitar carrusel? en, el Configuración del carrusel le brinda un diseño de carrusel o flujo de cobertura, reproducción automática con velocidad, pausa al flotar, diapositivas para desplazarse, bucle, diapositiva central, cursor de agarre, modo sin arrastre y velocidad de animación. El Navegación la sección ofrece flechas y puntos, flechas y fracciones, flechas, puntos, progreso o ninguno, con colocación de flechas dentro o fuera y una opción Ocultar flecha en el móvil.

  • Un control deslizante “Últimas publicaciones” en la página de inicio.
  • Una fila de publicaciones relacionadas filtrada por etiqueta al final de un artículo.
  • Estilos Normal, Hover y Activo para cada diapositiva.
Configuración del carrusel de publicaciones de blog con opciones de reproducción automática y diapositivas junto a una diapositiva de una sola publicación con flecha de navegación
Configuración de paginación de publicaciones de blog y panel de estilo de paginación junto a una publicación con enlaces de página numerados

Estilismo de paginación

Encender Paginación para dividir una cuadrícula o lista en páginas numeradas, configure el texto de la página siguiente y el texto de la página anterior y alinee los enlaces hacia la izquierda, el centro o la derecha. La sección Estilo de paginación establece la tipografía, el texto y los colores de fondo para números de página normales, flotantes y activos, además de borde y radio. El widget no tiene botón Cargar más ni desplazamiento infinito.

  • Establezca publicaciones por página y un número total de publicaciones para limitar la cantidad de páginas que aparecen.
  • Dale al número de página actual su propio color.
  • Haga coincidir los enlaces de la página con sus botones con la configuración de borde y radio.

Publicaciones de blog de Elementor Pro frente a complementos maestros

Elementor gratuito no tiene widget de publicaciones. Elementor Pro tiene el widget Posts más Loop Grid y Loop Carousel. Así es como se comparan con este widget gratuito.

CaracterísticaElementor ProPublicaciones de blog de complementos maestros
PrecioNecesita Elementor ProGratis
DiseñosMáscaras clásicas, de tarjetas o de contenido completo; Loop Grid utiliza su propia plantilla de tarjetaClásico o Tarjetas en Cuadrícula, Lista o Albañilería, con 7 estilos de cartas y 7 listas
Columnas1 până la 61 a 4, por dispositivo
CarruselWidget de carrusel de bucle separado¿habilitar carrusel? cambiar en el mismo widget
PaginaciónNúmeros, Anterior/Siguiente, Cargar en Click o Desplazamiento InfinitoPáginas numeradas con texto Siguiente y Anterior
Filtro frontalWidget de filtro de taxonomía para Loop GridPestañas de filtro de categoría para las publicaciones de la página
Efectos en miniaturaFiltros CSS para normal y flotante16 efectos de color, 5 formas, animación flotante y filtros CSS
Archivar plantillasConsulta actualConsulta actual

Elementor Pro es la mejor opción cuando necesitas Cargar más, desplazamiento infinito o una tarjeta totalmente personalizada creada como plantilla de bucle. Las publicaciones de blog se adaptan a los sitios gratuitos de Elementor que desean estilos de tarjetas ya preparados, efectos de miniaturas y un carrusel sin widgets adicionales. Para desplazarse por los titulares, consulte el Ticker de noticias widget.

Visor de plantillas
Facebook
Gorjeo
WhatsApp
Copiar enlace
Compra ahora
Cuadrícula de postes de taller oscuro
Cuadrícula de postes de taller oscuro
Lista de publicaciones horizontales
Lista de publicaciones horizontales
Tarjetas postales escalonadas
Tarjetas postales escalonadas
Pancartas de postes superpuestas anchas
Pancartas de postes superpuestas anchas
Filas de postes de tarjetas superpuestas
Filas de postes de tarjetas superpuestas
Tarjetas postales superpuestas compensadas
Tarjetas postales superpuestas compensadas
Tarjetas superpuestas de imagen completa
Tarjetas superpuestas de imagen completa
Cuadrícula de postes de tarjetas flotantes
Cuadrícula de postes de tarjetas flotantes
Diseño de tarjetas
Diseño de tarjetas

Preguntas frecuentes para blog

Conozca las consultas más frecuentes que tienen los usuarios sobre Blog y encuentre respuestas en un solo lugar.
¿el widget de publicaciones de blog es gratuito?

Sí. Blog Posts es parte del complemento gratuito Master Addons, que incluye estilos de tarjetas y listas, carrusel, pestañas de filtro y paginación, y funciona con Elementor gratuito.

Sí. Establezca la fuente en las últimas publicaciones y elija cualquier tipo de publicación pública en el menú desplegable Tipo de publicación. En las plantillas de archivo, utilice la Consulta actual para que el widget siga el archivo que se está viendo.

Se puede configurar el número de columnas por dispositivo, por lo que puede usar 3 columnas en el escritorio, 2 en la tableta y 1 en el móvil. Configurar la miniatura para cubrir con una altura fija mantiene las imágenes uniformes.

Mostrar contenido activa o desactiva el área de texto. Con Mostrar extracto activado, el widget muestra un extracto recortado de la longitud que configuró (55 palabras de forma predeterminada) en lugar del texto completo. Los extractos mantienen las tarjetas incluso en una cuadrícula.

¿cómo funcionan las pestañas de filtro de categorías?

Cuando está habilitado, las pestañas para las categorías de las publicaciones cargadas aparecen encima de la cuadrícula o lista. Al hacer clic en una pestaña, se filtran esas publicaciones en su lugar sin recargarlas. Filtra solo las publicaciones en la página actual y no está disponible con el carrusel.

No. Pagination utiliza enlaces de páginas numeradas con texto anterior y siguiente. Si necesita cargar más o desplazamiento infinito, el widget Publicaciones de Elementor Pro ofrece ambos.

Sí. Establezca la fuente en la consulta actual y el widget mostrará las publicaciones de la categoría, etiqueta, fecha o archivo de autor que se está viendo, utilizando el diseño y los estilos elegidos.

Widgets y extensiones de Elementor de tendencia

Cree sitios web sofisticados en menos tiempo.

Master Addons Extensión Glassmorphism para Elementor: tarjetas de vidrio esmerilado con el control Blur Value configurado en 20px

Vidriomorfismo

Inicio Extensión de Glassmorphism Elementor gratuita: Efecto del vidrio esmerilado en un solo cambio El Glassmorphism es el esmerilado...
Ver detalles
Extensión Master Addons Container Extras para Elementor: contenedor con un límite de ancho máximo de 1400px, con controles de ancho máximo, alto máximo, ancho mínimo y alto mínimo

Extras de contenedores

Inicio Elementor Container Controles de ancho y alto máximo Container Extras es un maestro gratuito...
Ver detalles
Extensión de patrones de complementos maestros para Elementor: héroe con el estilo Purple Gradient Grid Left, tres estilos de patrones más y el panel Habilitar patrón

Patrones

Inicio 70+ Patrones de fondo de Elementor gratuitos Patrones es una extensión de complementos maestros gratuita que agrega...
Ver detalles
Extensión de duplicador de páginas/publicaciones de complementos maestros para Elementor: enlace de fila de duplicador MA en la lista de páginas de WordPress que crea una página de inicio - borrador [duplicado #128]

Duplicador de publicaciones/páginas

Inicio Duplicar páginas y publicaciones de Elementor en un clic Publicación/Duplicador de páginas es un maestro gratuito...
Ver detalles
Extensión de la barra de progreso de lectura de complementos maestros para Elementor: barra azul llena al 42% en la parte superior de una página de política de privacidad, con configuraciones de habilitar, colocar, altura y llenar color

Barra de progreso de lectura

Inicio Agregue una barra de progreso de lectura en WordPress (Elementor) La barra de progreso de lectura es gratuita...
Ver detalles