Elementor 3.16: velocidad mejorada, diseño versátil y mayor accesibilidad

En su última versión, Elementor 3.16 introdujo varias mejoras notables para desarrolladores web y propietarios de sitios. De forma predeterminada, los contenedores Flexbox ahora están activados en todos los sitios web nuevos, lo que aumenta significativamente tanto el rendimiento como la flexibilidad del diseño. Esta actualización también introduce un control mejorado de "espacio entre elementos", lo que proporciona a los usuarios aún más flexibilidad al trabajar con contenedores Flexbox.

Una de las mejoras clave en esta versión es la clara distinción entre los widgets Flexbox y Grid Container dentro del panel de widgets. Esta diferenciación da como resultado widgets separados para cada tipo de contenedor, lo que agiliza el proceso de diseño y mejora la experiencia general del usuario.

Además, los visitantes del sitio se beneficiarán de tiempos de carga notablemente más rápidos, gracias a las optimizaciones realizadas en las métricas de tiempo hasta el primer byte (TTFB). Esta actualización también pone un fuerte énfasis en la accesibilidad, asegurando una experiencia más inclusiva para los usuarios que dependen de lectores de pantalla y otras tecnologías de asistencia.

En particular, los widgets de menú y pestañas se han sometido a actualizaciones de infraestructura esenciales, lo que sienta las bases para la implementación de funciones avanzadas en versiones futuras. Estas mejoras en conjunto hacen de Elementor 3.16 una actualización valiosa para sitios web nuevos y existentes.

Liberación de la máxima libertad de diseño: habilitación de contenedores Flexbox para nuevos sitios web

Los contenedores Flexbox hacen honor a su nombre al ofrecer un notable grado de flexibilidad. Otorgan a los diseñadores el poder de crear sitios web que no sólo sean perfectos en píxeles, sino también de alto rendimiento y responsivos. Con sus opciones de posicionamiento precisas, los contenedores Flexbox simplifican la tarea de organizar y distribuir artículos dentro de un contenedor, lo que hace que crear diseños flexibles sea muy fácil. Tomemos, por ejemplo, la posibilidad de colocar widgets de encabezado, imagen y editor de texto en un solo contenedor. Lo que es aún más impresionante es la capacidad de establecer distintas direcciones de flexión para diferentes tamaños de pantalla, lo que permite reordenar los elementos sin problemas según el dispositivo.

Además, los contenedores Flexbox vienen equipados con soporte para widgets anidados, lo que permite la ubicación de widgets dentro de las áreas de contenido de Carrusel, Menú, Pestañas y Widgets de acordeón. Considere la posibilidad de utilizar el widget de acordeón para crear diseños complejos, presentando un formulario de contacto en un elemento y un widget de Google Maps en otro.

Una novedad importante en este sentido es que, a partir de esta versión, Flexbox Containers se habilitará automáticamente para todos los sitios web nuevos. Este cambio no afectará los sitios existentes creados con secciones y columnas, que pueden seguir utilizándose. Sin embargo, se recomienda encarecidamente adoptar contenedores para aprovechar al máximo las nuevas capacidades de diseño. Si se está embarcando en la creación de un sitio web nuevo y tiene la intención de seguir con secciones y columnas, tiene la opción de desactivar la función Flexbox Container, aunque esto significa perder el acceso a funciones y widgets con capacidades anidadas.

La activación de Flexbox Containers también desbloquea el acceso a plantillas y kits basados ​​en contenedores, que incluyen kits populares basados ​​en secciones que se han adaptado a contenedores, junto con nuevas opciones de diseño. Por el contrario, si prefiere seguir con kits y plantillas basados ​​en secciones, simplemente desactive la función Flexbox Container.

Control de espacios mejorado

En la última actualización, los desarrolladores han simplificado la interfaz de usuario simplificando la terminología. El control anteriormente conocido como "Brecha entre elementos" ahora se denomina simplemente "Brecha". Este cambio facilita que los usuarios comprendan su propósito. Además, hay una mejora notable en la forma de ajustar el espacio entre elementos dentro de los Contenedores.

Anteriormente, un control de rango único hacía el trabajo, pero ahora encontrará dos entradas numéricas distintas: una para espacios horizontales y otra para espacios verticales. Este cambio abre un mundo de precisión, ya que puedes ajustar el posicionamiento de cada elemento con la máxima precisión. Atrás quedaron los días de las brechas uniformes; ahora tiene la flexibilidad de establecer diferentes valores para espacios horizontales y verticales, adaptando su diseño a la perfección.

Otra característica interesante es la capacidad de personalizar las unidades en las que defines estos espacios. Ya sea que prefiera píxeles, porcentajes, EM, REM o VW, tiene el poder de establecer sus espacios según sus requisitos de diseño. Se trata de brindarte la libertad creativa y el control que necesitas para que tus proyectos destaquen.

Widget de contenedor de cuadrícula

En el ámbito del diseño web y la gestión de la disposición, los Grid Containers emergen como una herramienta formidable, que ofrece los medios para crear intrincados arreglos de múltiples elementos dentro de un recinto singular similar a una cuadrícula. La última versión introduce una mejora que dota a los Grid Containers de su propia presencia dentro del Panel de Widgets. Esta nueva integración ofrece a los usuarios la comodidad de acceso directo a Grid Containers, evitando la necesidad de recurrir al proceso más complicado de arrastrar un Flexbox Container y posteriormente modificar su tipo.

El flujo de trabajo se ha simplificado para comodidad del usuario. Cuando un usuario inserta un contenedor Flexbox en el editor, el sistema lo crea una instancia sin problemas como tal, mientras que la introducción de un contenedor Grid se encuentra con la manifestación inmediata del diseño de la cuadrícula. Sin embargo, es crucial señalar que esta flexibilidad se extiende más allá de la mera selección inicial. Los usuarios tienen la capacidad de convertir cualquier tipo de contenedor al alternativo a través del menú desplegable Diseño de contenedor dentro de la sección Diseño. Esta adaptabilidad garantiza que los diseñadores tengan la libertad creativa para adaptar sus diseños con precisión a sus especificaciones.

Aceleración más rápida con TTFB

La última actualización del popular creador de páginas de WordPress, Elementor, promete mejoras sustanciales en los tiempos de carga del sitio. La versión 3.16, lanzada el jueves 21 de septiembre de 2023, mejora el tiempo hasta el primer byte (TTFB) entre un 5 y un 20 % para los sitios que utilizan Elementor Core gratuito y hasta un 40 % para los sitios que utilizan Elementor Pro según la complejidad de la página. . Esta actualización brindará una experiencia más rápida y fluida a los visitantes del sitio al entregar contenido más rápido que nunca.

El considerable aumento en el rendimiento de la interfaz se logró modificando las condiciones de visualización dentro del editor Elementor. Estos cambios en la forma en que Elementor representa el contenido en la interfaz del editor conducen a un TTFB mejorado, que es una métrica clave para medir la rapidez con la que un sitio envía el primer byte de datos a los usuarios. Al optimizar su editor, Elementor permite que los sitios entreguen contenido más rápido y, al mismo tiempo, proporciona toda la funcionalidad de diseño enriquecida que ha hecho que el creador sea tan popular.

Accesibilidad mejorada

La última versión del popular creador de páginas de WordPress Elementor contiene varias mejoras notables en la accesibilidad e inclusión del sitio web. Según el anuncio del jueves 21 de septiembre de 2023, la versión 3.16 facilita a los visitantes que utilizan lectores de pantalla y otras tecnologías de asistencia acceder al contenido del sitio.

Por ejemplo, se realizaron mejoras en widgets como Icon Box e Image Box que contienen múltiples elementos y enlaces. Ahora, cuando un lector de pantalla escanea estos widgets, leerá cada enlace único solo una vez en lugar de repetir los mismos enlaces de forma redundante. Esta actualización evita que los usuarios de lectores de pantalla pierdan tiempo con información duplicada.

El widget de publicaciones también recibió una actualización de accesibilidad. Los lectores de pantalla ahora se centrarán únicamente en los títulos de las publicaciones dentro de este widget, ignorando cualquier contenido adicional innecesario como las CTA "Leer más" y el texto alternativo de las imágenes destacadas. Optimizar la experiencia de lectura de esta manera mejora la accesibilidad del sitio para los visitantes con problemas de visión que navegan por publicaciones con tecnología de asistencia.

En general, estas bien pensadas mejoras en Elementor permiten a los creadores crear sitios web que sean más inclusivos y agradables para todos los usuarios, independientemente de su capacidad. Las mejoras ayudan a garantizar que el contenido del sitio se entregue de manera eficiente y efectiva a los visitantes que dependen de lectores de pantalla y otras tecnologías de asistencia.

Widgets de menú y pestañas actualizados

La última versión de Elementor incluye mejoras internas en la infraestructura que alimenta los widgets de Menú y Pestañas. Según el anuncio del jueves 21 de septiembre de 2023, la versión 3.16 actualiza estos widgets para generar código unificado para elementos de menú y títulos de pestañas en todos los tamaños de pantalla.

Esta actualización elimina el código duplicado que podría ocurrir al aplicar configuraciones responsivas a estos widgets en versiones anteriores. La consolidación del código base de backend también allana el camino para que se implementen funciones avanzadas para estos widgets en el futuro.

Además de las mejoras de codificación, los widgets de Menú y Pestañas ahora son más accesibles en general. Sin embargo, la unificación del código de título podría potencialmente romper los diseños de widgets existentes si se ha aplicado CSS personalizado a los títulos en el pasado.

Las mejoras en estos widgets de uso común demuestran el compromiso de Elementor de mantener actualizados sus widgets principales. Si bien los cambios pueden requerir que los desarrolladores vuelvan a verificar el CSS personalizado, sientan las bases para un mejor comportamiento de respuesta y accesibilidad en el futuro. Para la mayoría de los usuarios, las actualizaciones deberían ser fluidas y dar como resultado una mejor experiencia en todos los tamaños de pantalla.

Terminando

En general, esta última versión representa un progreso significativo en la creación de sitios web más rápidos, con mayor capacidad de respuesta y accesibles. A medida que Elementor continúa perfeccionando sus funciones principales, los desarrolladores deberían considerar actualizar para desbloquear el potencial de los contenedores, aumentar el rendimiento y mejorar la accesibilidad. Explorar estas adiciones de vanguardia al popular creador de páginas puede ayudar a los sitios a mantenerse a la vanguardia del diseño y, al mismo tiempo, brindar excelentes experiencias a todos los visitantes.