Todo en el lanzamiento de Elementor v3.0 beta (fase 1)

En este artículo queríamos cubrir todo lo que el elemento incluido en la versión beta reciente de la versión 3.0. Desde que Elementor 2.0 se lanzó en abril de 2018, el equipo de desarrollo detrás de él ha trabajado duro para traer la próxima versión del complemento. Finalmente está aquí, por lo que queríamos echar un vistazo a la parte posterior del complemento y ver qué cambios han implementado.

En primer lugar, esta versión beta viene en dos fases. Este artículo analiza la primera fase que se lanzó el 7 de junio de 2020. La información y las imágenes en esta publicación provienen de https://github.com/elementor/elementor/issues/11821
Tema 3.0

El tema principal de la versión Beta 3.0 es un sistema de diseño. El equipo está tratando de agregar una colección de paneles de gestión globales que le permitan cambiar el tema general y la marca de su sitio específica. Estas características son principalmente para aumentar la eficiencia de los flujos de trabajo y, si se implementan correctamente, ahorrarán mucho tiempo para todos. En la página de diseño de GitHub, así es como el sistema de diseño del equipo define el sitio web: “Para aquellos que no están familiarizados con el término, un sistema de diseño de sitios web es la única fuente de verdad que agrupa todos los elementos que permitirán a los equipos diseñar, hacer y desarrollar un sitio web.
Ha incorporado todos los componentes de diseño del sitio web, por lo que todo el equipo está sincronizado y su sitio es 100% consistente, todo el tiempo “. Se introdujeron cuatro cambios principales en la primera etapa Beta Elementor 3.0.
Colores globales
Tipografía global
Configuración global (incluida la identidad del sitio, la configuración de la caja de luz y más)
Editor de sitios (una función profesional que se introducirá pronto) para hacer algunas exploraciones. Configuración global Esta función está diseñada para proporcionarle una ubicación central cuando se trata de editar sitios web con Elementor. La idea principal detrás de esto es eliminar la necesidad de cambiar entre personalización, el código del tema y los archivos backynd adicionales. Esta página le brinda todas las herramientas que necesita para realizar personalizaciones importantes de su sitio en un solo lugar. Una buena manera de pensar en esto es la personalización de WordPress, Reskinned, también representada en el editor de elementos.
Colores globales
Puede pensar: “¿Ya han incorporado colores globales?” Sería correcto en su suposición, pero eso era bastante limitado en lo que podían hacer. La configuración de color predeterminada en la versión actual de Elementor lo ayudó a administrar la paleta de colores de su sitio. Los colores globales le permiten controlar dónde se aplican ciertos colores (globales). Bajo el capó, use las variables CSS para aplicar a nivel mundial a ciertos elementos en su sitio. Por ejemplo, si desea cambiar el color predeterminado de todos los iconos en el sitio, ahora puede hacerlo a través de la interfaz de color global.

Oficialmente, así es como el equipo define la versión actual de los colores globales (que en realidad se llama estilo temático) y la nueva integración de color global: el estilo de tema establece definiciones de estilo de reserva para etiquetas HTML de tal manera. No son específicos del elemento, pero son lo más generales posible. Esta es la configuración básica para el sitio, que entra en juego solo como una reserva, si no se han establecido definiciones. El color global es otra capa de estilo que está por encima del estilo de estilo. Ofrece los elementos básicos para el diseño de su sitio. Úselo en los lugares correctos y estará a punto de tener una forma inteligente de administrar sus colores y construir su sistema de diseño (lo mismo es cierto para cada estilo de características globales, incluido el global. Tipografía).? Lanzar Elementor v3.0 beta? Tipografía global
La tipografía global sigue la ideología general presentada en la sección anterior de este artículo. Le permite especificar a nivel mundial qué fuentes desea aplicar a ciertos elementos de fuentes en su sitio web. Por ejemplo, si desea cambiar la fuente general utilizada en un título animado, puede hacerlo desde esta interfaz. Si quieres cambiar una fuente H1, también puedes hacerlo. Le permitirá aplicar todos los estilos que puede encontrar en la configuración de impresión al editar cualquier tipo de fuente en el elemento. Esto significa que puede cambiar colores, familias de fuentes, peso, tamaño y más.

La identidad del sitio, la apariencia y la caja de la luz La identidad del sitio es una adición bienvenida al elemento, porque, prácticamente, toma todas las cosas que puede hacer en la interfaz-> Personalización y las lleva al Elemador Publisher . Esto significa que puede permanecer en el editor para realizar todos los cambios necesarios para su sitio de WordPress. Las características enumeradas en la página GitHub son logotipos, favoritos y más. También puede manejar el estilo para la apariencia de la página y el cuadro de luz elemental a nivel mundial. La continuidad significa que su flujo de trabajo se acelerará y se volverá más eficiente. Desafortunadamente, esta versión no se centra en aumentar el rendimiento elemental y disminuir los tiempos de carga de la página principal. Este es un problema bastante grande que nos hubiera gustado ver. ¡Impresa dom antes! Eliminación de envoltorios HTML de V3.0 – Desarrolladores de elementos Siempre estamos buscando nuevas formas de mejorar la velocidad y el rendimiento de los sitios web de elementor. Esto ha pasado mucho tiempo. Últimamente, hemos recibido comentarios de nuestros usuarios sobre la gran cantidad de elementos de envoltura que incluimos en el resultado del HTML del constructor de sitios web.

Sin embargo, el equipo se dirige en la dirección correcta minimizando el número de clases y envolturas DIV. Esto hace que el domo sea más pequeño y resulta en un aumento mínimo de rendimiento: Tweak: se han eliminado. )
La primera sección de la foto muestra la marca actual para una sección (muchos suceden para un contenedor DIV simple). La segunda sección presenta la nueva y mejorada marca para esta sección. ¡Ciertamente un paso bienvenido en la dirección correcta! Debido a que elimina algunas clases, esto podría conducir a cambios no sensibles cuando actualiza la versión 2.10 a 3.0. Viene en la fase 2 de GitHub: el sitio del editor (una función profesional que se introducirá pronto) casi no hay información sobre lo que es, pero suena bastante bien y nos complace ver lo que tiene para ofrecer. Parece que esta posición como editor de sitios se lanzará en la segunda fase de la versión Beta 3.0. Lo que nos gustaría ver (pero no sucede) nos hubiera gustado ver algunos cambios y mejoras adicionales en el editor básico. Por ejemplo, muchos de los widgets podrían optimizarse para dar como resultado un sitio web de carga más rápido. El equipo de desarrollo detrás de Elementor dijo que tiene la intención de mejorar los widgets actuales, pero este no es el punto central de esta versión.
También nos gustaría ver una gran cantidad de minifaspes, como interrupción personalizada, mejor soporte web y algunos cambios adicionales orientados al desarrollo. Es muy lamentable que no se centre en el rendimiento para una versión importante y nos hace creer que tendremos que esperar a una versión 4 para ver las mejoras necesarias.