Blog
Tu blog es la voz de tu marca. El elemento Master Addons Blog Posts es un completo motor de diseño y consulta para tu contenido. Vaya más allá de las cuadrículas básicas. Elija entre elegantes diseños de cuadrícula o pantallas de carrusel dinámicas e interactivas. Filtre publicaciones por categoría, autor o etiqueta. Controle exactamente qué metainformación muestra, diseñe cada elemento, desde la superposición de miniaturas hasta los botones de paginación, y cree una experiencia de lectura que mantenga a los visitantes interesados. Ya sea que esté construyendo un portal de noticias, un blog de cartera o un centro de recursos, este elemento le brinda el poder de presentar su contenido de manera estratégica y hermosa.
Diseños y modos de visualización flexibles
Comience definiendo cómo se organizarán sus publicaciones. Seleccione un diseño de blog: una cuadrícula clásica o un diseño de tarjetas moderno con variaciones como superposición de contenido, meta superior izquierdo o tarjeta de encabezado. Luego, decida el tipo de blog: un diseño de cuadrícula estático o un carrusel interactivo. Si elige una cuadrícula, establezca el número de columnas (de 1 a 6) y el espacio entre columnas. Para un carrusel, desbloquee un conjunto de controles de animación fluidos. Esta elección fundamental le permite adaptar el diseño al propósito de su página: una cuadrícula densa para archivos, un carrusel elegante para contenido destacado.
- Múltiples diseños preestablecidos: elija entre tarjetas, superposición de contenido, tarjetas tipográficas y otros diseños de estilo.
- Cuadrícula versus carrusel: muestra publicaciones en una cuadrícula estática y responsiva o en un carrusel animado deslizante.
- Control de columnas: establezca el número exacto de columnas para los diseños de cuadrícula y ajuste el canalón con el espaciado de columnas.
Consulta y filtrado de publicaciones inteligentes
Tome control total sobre qué publicaciones aparecen. Establezca el número total de publicaciones y publicaciones por página. Elija Ordenar por (fecha, título, etc.) y Ordenar (Ascendente/Descendente). Utilice filtros potentes para seleccionar contenido: seleccione categorías, etiquetas o autores específicos. Excluya publicaciones específicas o establezca un recuento de publicaciones compensadas para omitir las últimas publicaciones 'X'. Incluso puede habilitar pestañas de filtro de categorías encima de la cuadrícula, permitiendo a los visitantes filtrar contenido por categoría ellos mismos, convirtiendo su blog en un recurso dinámico impulsado por el usuario.
- Filtrado avanzado: incluya o excluya publicaciones por categoría, etiqueta, autor o ID de publicación específicos.
- Clasificación personalizada: ordene publicaciones por fecha, título, recuento de comentarios u otros parámetros.
- Pestañas de filtro frontales: agregue pestañas de categorías interactivas en las que los usuarios pueden hacer clic para filtrar la cuadrícula en tiempo real.
- Control de paginación: divida listas largas en páginas con un recuento de publicaciones por página personalizable.
Estilismo de imágenes en miniatura
La imagen de la publicación es un gancho visual importante. Controle su resolución de imagen y cómo se adapta a su contenedor con ajuste en miniatura (cubierta, contenedor). Aplique un radio de borde para crear esquinas redondeadas o imágenes circulares. Agregue una superposición de color al flotar o de forma permanente. Utilice filtros CSS para efectos como escala de grises o desenfoque. Elija entre Formas de miniaturas y aplique animaciones flotantes (como zoom o desvanecimiento). Incluso puede establecer una altura personalizada para todas las miniaturas para imponer una cuadrícula pulida y uniforme.
- Ajuste y recorte de imágenes: use la cubierta para crear bloques de imágenes uniformes o contenga para mostrar imágenes completas sin recortar.
- Efectos flotantes: aplique animaciones de zoom, desvanecimiento o efectos de color cuando los usuarios pasen el cursor sobre una publicación.
- Colores superpuestos: agregue una superposición de colores semitransparente a las imágenes para mejorar la legibilidad del texto.
- Personalización de formas: vaya más allá de los rectángulos con formas personalizadas para sus miniaturas.
Configuración avanzada de carrusel y navegación
Cuando habilitas el tipo de blog Carousel, obtienes un conjunto completo de controles interactivos. Habilite la reproducción automática y establezca su velocidad. Elija Diapositivas para desplazarse y habilite el bucle para un desplazamiento infinito. Agregue navegación controlada por el usuario con flechas totalmente elegantes (coloquelas dentro, fuera o centradas) y, opcionalmente, una barra de desplazamiento. Habilite Grab Cursor para una sensación táctil y haga una pausa en Hover para una mejor usabilidad. Esto transforma las publicaciones de su blog en un carrete destacado interactivo y atractivo.
- Comportamientos profesionales del carrusel: controle la velocidad de reproducción automática, el bucle, la velocidad de animación y las diapositivas para desplazarse.
- Múltiples opciones de navegación: use botones de flecha, una barra de desplazamiento o ambos para el control del usuario.
- Consideraciones sobre dispositivos móviles: opción para ocultar Flecha en dispositivos móviles para una experiencia de pantalla táctil más limpia.
- Sensación interactiva: funciones como Grab Cursor y Center Slide (para un elemento activo enfocado) mejoran la participación.
Estilismo de paginación
Para diseños de cuadrícula con muchas publicaciones, la paginación profesional es clave. El elemento incluye controles de estilo para los botones de paginación. Puede diseñar el número de página y los botones de navegación, probablemente controlando su tipografía, color, fondo, borde y estado activo para que coincidan con el diseño general de la cuadrícula de su blog. Esto crea una experiencia perfecta y pulida para los usuarios que navegan por varias páginas de su contenido.
- Lenguaje de diseño consistente: paginación de estilo para que parezca una extensión natural de la cuadrícula de su blog.
- Borrar estado activo: diseñe el número de página actualmente activo para que sea visualmente distinto.
- Usabilidad mejorada: la paginación bien diseñada anima a los visitantes a explorar más contenido.
Preguntas frecuentes para blog
¿puedo usar esto para mostrar un tipo de publicación personalizada (como Portafolio o Productos)?
Sí. En la Configuración de publicaciones o Configuración avanzada, debería haber una opción para seleccionar el Tipo de publicación. Puede cambiarlo del “Publicación” predeterminado a cualquier tipo de publicación personalizada registrada (como “cartera” o “producto”). Esto hace que el elemento sea increíblemente versátil para mostrar cualquier tipo de contenido en su sitio.
¿Puedo hacer que se pueda hacer clic en toda la tarjeta del blog, no solo en el título o en el botón Leer más?
Normalmente, el título está vinculado de forma predeterminada. Para que se pueda hacer clic en toda la tarjeta, a menudo necesitarás agregar JS personalizado para vincular todo el contenedor. Algunos widgets de blog ofrecen una opción de “Enlace de caja completa”, pero si no están presentes aquí, requieren un fragmento JS personalizado simple.
¿Cómo hago que la cuadrícula se vea bien en todos los tamaños de pantalla?
La configuración del número de columnas es responsiva. Puede configurar diferentes recuentos de columnas para escritorio, tableta y dispositivos móviles en el modo de edición responsiva de Elementor. Por ejemplo, establezca 4 columnas en el escritorio, 2 en la tableta y 1 en el móvil. Además, asegúrese de que Thumbnail Fit esté configurado en “Cubierta” para bloques de imágenes consistentes.
¿cuál es la diferencia entre “Mostrar contenido” y “Mostrar extracto”?
- Mostrar contenido: muestra el contenido de la publicación completa del editor, que puede ser muy largo.
- Mostrar extracto: muestra un resumen breve y predefinido. Puede configurar la longitud del extracto (por ejemplo, 55 palabras). Es mejor utilizar extractos en los diseños de cuadrícula para mantener las tarjetas uniformes y ordenadas.
¿cómo funciona la función “Pestañas de filtro de categoría”?
Cuando está habilitado, lee las categorías de las publicaciones en su consulta y las muestra como botones interactivos (pestañas) encima de la cuadrícula. Al hacer clic en una pestaña, se filtra instantáneamente la cuadrícula para mostrar solo publicaciones de esa categoría, sin recargar la página. Es una fantástica función de UX para sitios con contenido diverso.
¿el carrusel es adecuado para un gran número de postes?
Sí, especialmente con Loop habilitado. Sin embargo, para un rendimiento con una gran cantidad de publicaciones (como 50+), el diseño de cuadrícula con paginación o “Cargar más” podría ser mejor. El carrusel es ideal para mostrar de 5 a 15 publicaciones destacadas o recientes.
¿Puedo usar diferentes diseños en la misma página?
Absolutamente. Puede colocar varios widgets de publicaciones de blog en una sola página, cada uno con su propia consulta, diseño (una cuadrícula, un carrusel) y estilo. Esto es perfecto para crear un carrusel de “Publicaciones destacadas” en la parte superior y una cuadrícula de “Todas las publicaciones” a continuación.
Widgets y extensiones de Elementor de tendencia
Cree sitios web sofisticados en menos tiempo.
Vidriomorfismo
Extras de contenedores
Patrones
Duplicador de publicaciones/páginas
