Bricks es un popular tema y constructor de páginas web de WordPress que permite crear sitios web modernos y atractivos de forma sencilla. La versión 1.8.5 incluye interesantes novedades para crear blogs aún más atractivos y optimizar el uso de imágenes.
- 💡 Nuevos elementos para blogs en Bricks
- 📝 Barra de progreso de lectura
- 🕰 Tiempo estimado de lectura
- 📋 Tabla de contenidos
- 🖼 Nuevas funciones para imágenes
- 🎭 Aplicar máscaras SVG
- 👥 Mostrar imágenes por breakpoint
- 🎞 Mejoras en videos de fondo
- ▶️ Reproducción por breakpoint
- ⌛ Controles de reproducción
- 🚀 Mejor rendimiento
Elementos nuevos para dar vida a los blogs
Los blogs son una parte fundamental de muchos sitios web. Con las nuevas funciones de Bricks 1.8.5 es posible crear blogs más atractivos e interactivos.
Barra de progreso de lectura
Esta barra muestra el progreso de lectura del contenido y se va llenando a medida que el usuario va scrolleando la página. Es un elemento visual que da dinamismo a la página.
La barra de progreso se puede configurar para que muestre el progreso de lectura de todo el contenido de la página o solamente de una parte, como por ejemplo el contenido de la entrada de blog. Esto permite mucha flexibilidad.
Además, se puede personalizar la posición, los colores, agregar bordes redondeados, etc. Para darle el estilo deseado.
Tiempo de lectura estimado
Este elemento muestra al usuario una estimación del tiempo necesario para leer el contenido. De esta forma, el visitante puede hacerse una idea de si tiene tiempo suficiente para leer la entrada o es demasiado extensa.
Por defecto, el tiempo de lectura se calcula en base a 200 palabras por minuto. Pero esto se puede configurar con la cantidad de palabras por minuto que se desee para que el cálculo sea más preciso.
Al igual que la barra de progreso, se puede configurar para que muestre el tiempo estimado de lectura de todo el contenido o solamente de una parte específica como la entrada de blog.
Tabla de contenidos
La tabla de contenidos es un elemento muy útil en entradas extensas con varias secciones. Muestra un índice con enlaces a los distintos encabezados y partes del contenido.
Esto facilita la navegación del usuario por la entrada y le permite ir directamente a la sección que le interesa.
La tabla de contenidos se genera automáticamente en base a los encabezados del contenido. Se puede configurar para que muestre solo algunos niveles de encabezados.
Además, es posible aplicar scroll sticky para que la tabla acompañe al usuario a medida que va scrolleando la entrada.
Nuevas funciones para imágenes
Las imágenes juegan un papel muy importante en los blogs y sitios web en general. Con las nuevas funciones de Bricks 1.8.5 es posible darles más protagonismo y optimizar su rendimiento.
Aplicar máscaras a las imágenes
Ahora es posible aplicar máscaras SVG a las imágenes para darles formas especiales como círculos, recortes, etc. Esto permite crear imágenes más llamativas sin necesidad de editar el archivo original.
Bricks incluye una biblioteca de más de 30 máscaras SVG listas para usar. También se pueden subir máscaras SVG personalizadas.
Las máscaras se adaptan responsive al tamaño de la imagen. Además, se pueden configurar parámetros como el tamaño, posición y si se repite o no.
Mostrar imágenes distintas según el breakpoint
Esta función permite definir diferentes imágenes a mostrar según el tamaño de pantalla mediante consultas de medios. Esto es útil para optimizar el rendimiento y la experiencia del usuario.
Por ejemplo, para móviles se puede definir que se muestre una versión más ligera de la imagen para que cargue más rápido.
También permite establecer una imagen por defecto como fallback por si alguna de las imágenes configuradas para un breakpoint no se encuentra.
Mejoras en los videos de fondo
Los videos de fondo dan mucho dinamismo y atractivo visual a las páginas web. En la versión 1.8.5 se han ampliado las opciones de configuración de los videos de fondo.
Reproducción en breakpoint específico
Ahora es posible definir en qué breakpoints se reproduce el video de fondo y en cuáles no. Esto permite, por ejemplo, evitar la carga del video en móviles para optimizar tiempos de carga.
Controles de reproducción
Se pueden establecer el tiempo de inicio y fin de reproducción del video. También reproducción única o en bucle.
Estos controles funcionan con cualquier fuente de video, ya sea YouTube, Vimeo o videos alojados localmente.
Mejor rendimiento
Si se configura que no se reproduzca el video en breakpoints específicos, el video ni siquiera se carga. Esto mejora mucho el rendimiento y experiencia en esos breakpoints, especialmente en móviles.
Como puedes ver, Bricks 1.8.5 incluye interesantes novedades para crear blogs y sitios web más atractivos, interactivos y optimizados. Estas funciones facilitan agregar elementos que mejoran la experiencia del usuario.
¿Ya has tenido la oportunidad de probar estas nuevas funciones? Cuéntanos tu experiencia en los comentarios.
