Esta versi\u00f3n activ\u00f3 la potente funci\u00f3n de Contenedor Flexbox de forma predeterminada en todos los nuevos sitios web, mejorando el rendimiento, la flexibilidad del dise\u00f1o y la capacidad de respuesta.\nTambi\u00e9n introduce un control mejorado de ‘Espacio entre elementos’ para una mayor flexibilidad con los Contenedores Flexbox.\nAdem\u00e1s, esta versi\u00f3n diferencia entre los Contenedores Flexbox y Grid Widgets en el panel de Widgets, y crea un widget separado para cada tipo de Contenedor. <\/p>\n\n
Adem\u00e1s, tus visitantes disfrutar\u00e1n de tiempos de carga considerablemente m\u00e1s r\u00e1pidos gracias a las mejoras realizadas en las m\u00e9tricas de Tiempo hasta el Primer Byte (TTFB).\nTu sitio tambi\u00e9n ser\u00e1 m\u00e1s inclusivo y proporcionar\u00e1 una mejor experiencia a los visitantes que usan lectores de pantalla y otras tecnolog\u00edas asistivas.\nAdem\u00e1s, los Widgets de Men\u00fa y Pesta\u00f1as tienen una importante actualizaci\u00f3n de infraestructura que permitir\u00e1 la implementaci\u00f3n de funciones avanzadas en el futuro. <\/p>\n\n<\/figure>\n\n
M\u00e1xima flexibilidad de dise\u00f1o – Contenedores Flexbox activados en nuevos sitios web <\/h2>\n\n
Fiel a su nombre, los Contenedores Flexbox son extremadamente flexibles, lo que te permite construir sitios web de alto rendimiento, p\u00edxel perfectos y responsivos.\nOfrecen configuraciones de posicionamiento m\u00e1s precisas, permiti\u00e9ndote alinear y distribuir elementos dentro de un contenedor de manera eficiente para dise\u00f1os flexibles.\nPor ejemplo, puedes colocar Widgets de Encabezado, Imagen y Editor de Texto en un solo contenedor.\nLuego puedes establecer una direcci\u00f3n de flexi\u00f3n diferente para cada tama\u00f1o de pantalla.\nEsto te permite posicionar los elementos en un orden diferente seg\u00fan el dispositivo. <\/p>\n\n
Adem\u00e1s, los Contenedores Flexbox admiten widgets anidados, lo que significa que puedes colocar widgets en las \u00e1reas de contenido de los Widgets de Carrusel, Men\u00fa, Pesta\u00f1as y Acorde\u00f3n.\nPor ejemplo, puedes usar el Widget de Acorde\u00f3n para construir un dise\u00f1o intrincado que incluya un formulario de contacto en un elemento y un Widget de Google Maps en otro. <\/p>\n\n
A partir de esta versi\u00f3n, los Contenedores Flexbox se activar\u00e1n de forma predeterminada en todos los nuevos sitios.\nEsta actualizaci\u00f3n no afectar\u00e1 a los sitios construidos con secciones y columnas, y podr\u00e1s seguir us\u00e1ndolos, pero recomendamos usar Contenedores para disfrutar de nuevas capacidades de dise\u00f1o.\nSi est\u00e1s creando un nuevo sitio web y deseas construir con secciones y columnas, puedes desactivar la funci\u00f3n de Contenedor Flexbox, aunque no tendr\u00e1s acceso a funciones y widgets con capacidades anidadas. <\/p>\n\n
Activar los Contenedores Flexbox tambi\u00e9n te dar\u00e1 acceso a Kits y plantillas basados en Contenedores que incluyen los Kits basados en secciones m\u00e1s populares convertidos a Contenedores, junto con nuevos dise\u00f1os.\nDesactiva la funci\u00f3n de Contenedor Flexbox para usar Kits y plantillas basados en secciones. <\/p>\n\n
Atenci\u00f3n al Espacio Entre Elementos – Control de Espacio Mejorado <\/strong><\/p>\n\n
El control de \u00abEspacio entre elementos\u00bb ha sido renombrado a \u00abEspacio\u00bb.\nEl control de rango \u00fanico para establecer el espacio entre elementos dentro de Contenedores ha sido reemplazado por dos entradas num\u00e9ricas para los espacios horizontal y vertical.\nEsto te permite establecer valores diferentes para los espacios horizontal y vertical, permitiendo un posicionamiento preciso de cada elemento.\nLos espacios pueden establecerse por separado o vincularse juntos.\nAdem\u00e1s, los espacios pueden establecerse seg\u00fan diferentes unidades como p\u00edxeles, porcentaje, EM, REM y VW. <\/p>\n\n
Presentando el Widget de Contenedor de Grid<\/strong><\/p>\n\n
Los Contenedores de Grid son una herramienta de dise\u00f1o poderosa para crear dise\u00f1os de m\u00faltiples elementos en un solo contenedor similar a una cuadr\u00edcula.\nEsta versi\u00f3n da a los Contenedores de Grid sus propios Widgets en el Panel de Widgets, permiti\u00e9ndote acceder directamente al Contenedor de Grid sin tener que arrastrar el Contenedor Flexbox y cambiar su tipo. <\/p>\n\n
Si arrastras un Contenedor Flexbox al editor, se crear\u00e1 autom\u00e1ticamente un Contenedor Flexbox, y si arrastras un Contenedor de Grid al editor, comenzar\u00e1 como un Contenedor de Grid.\nA\u00fan puedes cambiar cada contenedor al otro tipo desde el men\u00fa desplegable de Dise\u00f1o de Contenedor en la secci\u00f3n de Dise\u00f1o. <\/p>\n\n<\/figure>\n\n
Acelera tu Sitio con un TTFB m\u00e1s R\u00e1pido <\/h2>\n\n
La versi\u00f3n 3.16 mejora el tiempo de carga del primer byte (TTFB) en un 5-20% en sitios construidos con Elementor Core y hasta un 40% en sitios construidos con Elementor Pro, dependiendo de la complejidad de tu p\u00e1gina.\nEsto proporcionar\u00e1 a tus visitantes una experiencia m\u00e1s r\u00e1pida y fluida, entregando tu contenido m\u00e1s r\u00e1pido que nunca.\nLa considerable mejora en el rendimiento del frontend se logr\u00f3 modificando las condiciones de visualizaci\u00f3n dentro del Editor.\nEstas modificaciones mejoran el Tiempo hasta el Primer Byte (TTFB), una m\u00e9trica clave para medir el tiempo de configuraci\u00f3n de la conexi\u00f3n y la capacidad de respuesta del servidor web. <\/p>\n\n<\/figure>\n\n
Mejoras de Accesibilidad<\/h2>\n\n
Elementor te permite crear sitios web m\u00e1s inclusivos y accesibles.\nEsta versi\u00f3n incluye una serie de importantes mejoras de accesibilidad que facilitar\u00e1n a los visitantes que dependen de lectores de pantalla y otras tecnolog\u00edas asistivas disfrutar de tu contenido.\nPor ejemplo, se han realizado mejoras en widgets con m\u00faltiples elementos y enlaces, como el Icon Box o Image Box.\nLos lectores de pantalla que escanean estos widgets leer\u00e1n el enlace asignado a cada elemento en el widget una sola vez.\nEsto evitar\u00e1 que los lectores de pantalla repitan el mismo enlace varias veces y consuman innecesariamente su tiempo. <\/p>\n\n
Otro ejemplo es la mejora realizada en el Widget de Publicaciones.\nLos lectores de pantalla se enfocar\u00e1n exclusivamente en los t\u00edtulos de las publicaciones e ignorar\u00e1n el contenido visual irrelevante como los CTAs de \u201cLeer m\u00e1s\u201d y los textos alternativos de las im\u00e1genes destacadas.\nEsto mejorar\u00e1 la experiencia de los visitantes mientras navegan por el Widget de Publicaciones con tecnolog\u00edas asistivas.\nPara m\u00e1s informaci\u00f3n sobre las mejoras de accesibilidad, consulta el blog de desarrolladores<\/a>. <\/p>\n\n<\/figure>\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Containers.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Performance.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/05.2023_3.14-Beta_Important-Styling.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Menu-Tabs.png\")
<\/figure>\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/09\/Notes.png\")
<\/figure>\n\n