FrontBlocks para GeneratePress
Container Edge Alignment for GenerateBlocks Add custom controls to GenerateBlocks Container blocks to remove padding from the left or right side, creating edge-to-edge layouts. This feature only appears for containers using GeneratePress global max-width settings, perfect for creating asymmetric layouts where content extends to one browser edge while maintaining proper spacing on the other side.
Carrusel/control deslizante para la cuadrícula de GenerateBlocks Hemos añadido opciones a los bloques de Gutenberg que te permiten crear un carrusel o control deslizante con los bloques que quieras.
Para empezar a usar el carrusel, ve al bloque de cuadrícula y selecciona la opción «Carrusel» o «Control deslizante» en la sección «Opción de cuadrícula de FrontBlocks».
Atributos para el carrusel/control deslizante: – Reproducción automática – cambia las diapositivas automáticamente después de un cierto tiempo en segundos. – Vista – número de elementos a mostrar en el carrusel/control deslizante. – Vista adaptable – número de elementos a mostrar en el carrusel/control deslizante en vista adaptable. – Botones – tipo de botones a mostrar en el carrusel/control deslizante (puntos, flechas, ninguno). – Color de los botones – color de los botones. – Color de fondo de los botones – color de fondo de los botones (puede ser transparente).
Galería nativa de WordPress mejorada Hemos añadido opciones a la galería nativa de WordPress que te permiten crear una disposición diferente, como cuadrícula o mosaico, y también activar un carrusel con imágenes en las que se puede hacer clic.
Animaciones para bloques Puedes añadir animaciones a los bloques que quieras. Para hacer esto, ve a los ajustes del bloque y selecciona la sección «Opción de animación FrontBlocks». Allí encontrarás una lista de animaciones que puedes aplicar al bloque.
Las animaciones se basan en Animate.css: Buscadores de atención, Entradas traseras, Salidas traseras, Entradas rebotantes, Salidas rebotantes, Entradas desvanecidas, Salidas desvanecidas, Volteadores, Entradas rotativas, Salidas rotativas, Especiales, Entradas al ampliar, Salidas al ampliar, y Entradas deslizantes.
Container Effects Apply glassmorphism effects to any block with customizable blur intensity. In the block settings, open the ‘Container Effects’ panel to enable the glass effect and adjust the blur level (0-50px) for a modern, frosted glass appearance. The effect includes a semi-transparent background, subtle border, and soft shadow, creating a beautiful layered design. Perfect for hero sections, cards, and overlays.
Opción fija para el bloque de cuadrícula: La opción fija te permite hacer que el bloque de cuadrícula se quede en la parte superior del área visible al desplazarte hacia abajo. Para usar esta característica, tendrás la opción en los ajustes del bloque de cuadrícula para activar la opción «Fijo». Cuando esté activado, el bloque de cuadrícula permanecerá fijo en la parte superior del área visible mientras te desplazas hacia abajo en la página.
Insertar bloque de entrada: Muestra contenido de otras entradas, páginas o tipos de contenido personalizados. Busca y selecciona cualquier contenido publicado para mostrar su título como H2 y el contenido completo. Perfecto para crear secciones de contenido dinámico sin duplicar contenido.
Decoración para el bloque de titular: Añadir una línea decorativa al bloque de titular. Puedes elegir entre una línea vertical a la derecha o una línea horizontal a la derecha.
Bloque de categorías de productos: Muestra las categorías de productos de WooCommerce. Puedes elegir el número de categorías a mostrar, el orden y la forma de ordenar. También puedes optar por ocultar las categorías vacías. Además, puedes elegir cuántas columnas usar para mostrar las categorías. También puedes seleccionar el color de fondo, el color del borde, el grosor del borde, el radio del borde, el color del texto, el color de fondo al pasar el cursor, el color del borde al pasar el cursor y el color del texto al pasar el cursor.
Bloque de contador: Muestra un contador con un valor inicial, un valor final y una duración. El contador irá incrementándose desde el valor inicial hasta el valor final en la duración establecida.
Testimonios: Muestra testimonios de otras entradas, páginas o tipos de contenido personalizados. Busca y selecciona cualquier contenido publicado para mostrar su título como H2 y el contenido completo. Perfecto para crear secciones de contenido dinámico sin duplicar contenido.
Shortcode: [frontblocks_testimonials_carousel]
Bloque de tiempo de lectura: Muestra el tiempo de lectura de una entrada. Puedes elegir el número de palabras por minuto para calcular el tiempo de lectura. Shortcode: [frontblocks_reading_time]
Reading Progress Bar: Display a vertical progress bar on the right side of posts that fills up as users scroll through the content. The progress bar uses your website’s primary color and provides a visual indicator of reading progress. This feature can be enabled/disabled from the FrontBlocks settings page in the WordPress admin.
Back Button: Display a floating back button in the bottom left corner that allows users to navigate to the previous page. Enable it from the FrontBlocks settings page.
Custom SVG Animations: Add animated graphics to GenerateBlocks Shape blocks by importing JSON files. Supports two formats that are automatically detected: Lottie/Bodymovin (import JSON from After Effects or LottieFiles.com) and Custom CSS (SVG + @keyframes).
Gravity Forms Inline Layout: Display Gravity Forms with fields and buttons on the same line. Perfect for newsletter signup forms (email + subscribe button) or search forms (input + search button).
To use this feature: 1. Select a form in the Gravity Forms block 2. Find the «FrontBlocks Gravity Form Options» panel in the block settings where you can: – Enable inline layout with a simple toggle – Adjust the gap between elements (0-50px) – Responsive design: automatically stacks on mobile devices
This feature eliminates the need for custom CSS to achieve inline form layouts.
Características de WooCommerce: Características incluidas para WooCommerce FrontBlocks PRO.
FrontBlocks PRO: FrontBlocks PRO es un plugin premium que amplía la funcionalidad de FrontBlocks. Incluye características adicionales y mejoras sobre la versión gratuita.
Features: – Enable Gutenberg in the product editor. – Enable simple prices for variable products. – Block added after button. – Product description behaviour. – Disable zoom on product image. – Share buttons. – Custom Post Types Builder: Create and manage custom post types with advanced configuration options: * Create custom post types with a simple interface from the FrontBlocks settings page * Configure post type behavior (Post or Page style – hierarchical or not) * Enable/disable categories taxonomy for each custom post type * Add custom meta fields with multiple field types (Text, Textarea, URL, Date, File, Number, Email) * Individual settings page for each custom post type accessible from the post type menu * Delete custom post types easily with a single click – Disable tabs on the product page. – Horizontal product form layout (price, quantity, and add to cart button in one row).
Más información en la página de FrontBlocks PRO.
1.3.1
- Improved: Custom SVG Animations now uses file upload instead of textarea for importing JSON files.
- Added: Download example JSON button for Custom SVG Animations feature.
- Added: Clear button to remove imported animation files.
- Added: Visual file name display with icon for imported JSON files.
- Improved: Better user experience with file import workflow for Shape animations.
- Fixed: File input now properly resets after clearing, allowing immediate re-import of files.
1.3.0
- Added: Container Effects with Glass Effect (Glassmorphism) – Apply customizable glass effect with adjustable blur intensity (0-50px) to any block.
- Improved: Complete redesign of the Settings page with modern card-based layout.
- Improved: Each feature now displays in its own card with icon, title, and toggle switch.
- Improved: PRO features show distinctive badge in the top-left corner.
- Improved: Responsive grid layout that adapts to mobile, tablet, and desktop screens.
- Improved: License section displays as full-width card for better visibility.
- Added: Container Edge Alignment – Remove padding from left or right side of GenerateBlocks containers to create asymmetric edge-to-edge layouts (only for containers using GeneratePress global max-width).
- Added: Custom Animations for Shapes – Full Lottie/Bodymovin support + custom CSS animations via JSON. Auto-detects format.
- Added: Lottie-web library integration for After Effects animations.
- Added: Gravity Forms Inline Layout option for displaying fields and buttons on the same line.
- Added: Gap control for inline form elements (0-50px).
- Added: Responsive design support – automatically stacks on mobile.
- Fixed: REST API validation errors with custom block attributes.
- Added: Reading Progress Bar – Display a visual progress indicator on the right side of posts as users scroll through content.
- Added: Back Button feature with floating button to navigate to previous page.
- PRO: Horizontal Product Form Layout – Align price, quantity, and add to cart button in one row.
- Added: Remove box shadow in Carrusel bullets.
1.2.1
- Fixed: Carousel/Slider not working correctly.
1.2.0
- Mejorado: Ajustes de diseño de página.
- Añadido: Conmutador para desactivar las animaciones en móvil.
- PRO: Desactiva la configuración de pestañas de producto.
- PRO: Botones para compartir.
- PRO: Desactivar la ampliación en la imagen del producto.
- PRO: Comportamiento de la descripción del producto.
- PRO: Bloquear después del botón.
- PRO: Precios sencillos para productos variables.
1.1.0
- Añadido: compatibilidad con FrontBlocks PRO.
- Añadido: Mostrar una vista previa de las categorías de productos en el editor de Gutenberg.
- Corregido: Cambiar la lógica de los puntos para contar hasta 10 elementos.
- Añadido: Nuevo bloque para el tiempo de lectura de una entrada.
- Añadido: Carrusel/Control deslizante: Añadir elemento para ver en portátil y móvil.
- Añadido: Carrusel/Control deslizante: Añadir opción para desactivar el Carrusel/Control deslizante en escritorio.
- Corregido: Efecto de masonry actualizado en la galería.
- Corregido: traducciones en las opciones de bloque.
1.0.4
- Añadido: bloque de categorías de productos.
- Añadido: Opciones al bloque de Categorías de Productos.
- Añadido: Efecto contrario para el bloque de titular.
- Añadido: Atributo de contador para el bloque de titular.
- Añadido: Añadir atributo de decoración para el bloque de titular.
1.0.3
- Añadido: Página de ajustes y característica de testimonios sencilla.
- Corregido: interacción con Gravity Forms.
- Corregido: no se procesaba correctamente el contenido del bloque de entrada insertada.
1.0.1 y 1.0.2
- Corregido: No se mostraban las opciones para el carrusel/control deslizante.
1.0.0
- Añadida opción de pegado para el bloque de cuadrícula.
- Interfaz mejorada para animaciones.
- Interfaz mejorada para el carrusel/control deslizante.
- Añadidas opciones en el bloque de galería nativo.
- Añadido: Bloque Insertar Entrada para mostrar contenido de otras entradas, páginas o tipos de contenido personalizados.
0.2.5
- Versión actualizada.
0.2.4
- Corregido: Botones que no se superponían al carrusel.
- Añadido: Nuevo atributo de datos para el color de los botones del carrusel.
- Añadido: No mostrar viñetas en vista adaptable y más de 5 elementos.
0.2.3
- Actualización de la asignación del valor de reproducción automática de Glide.
0.2.2
- Imágenes actualizadas.
0.2.1
- Nueva imagen para el plugin de WordPress.
0.2.0
- Creación de una característica de animación.
0.1.0
- Creado bloque de clase carrusel/control deslizante.
- Primera versión.