Revisión de Elementor 3.0: Todo lo que necesita saber sobre

En agosto de 2020, el equipo de Elementer lanzó la última versión de Elementor: Elementor 3.0. La fecha de lanzamiento exacta fue alrededor del 25 de agosto, refiriéndose al anuncio en su blog oficial. La primera versión de la última versión no fue como se esperaba, porque algunos usuarios han encontrado algunos problemas con sus sitios después de la actualización. En unas pocas horas, el equipo de Elementer remedió los problemas y lanzó versiones más nuevas (juega el sombrero para el equipo Elemental para la respuesta muy rápida). Al momento de escribir este artículo (30 de agosto de 2020), la versión más reciente disponible es la versión 3.0.3 para Elementor Free y la versión 3.0.1 para Elementor Pro.
Elementor 3.0 es, sin duda, una actualización importante, dado que viene con algunas funciones nuevas. Las características clave ingresadas ofrecidas por Elementor en esta versión:
Sistema de diseño
Estilo temático
Configuración del sitio
Creador de temas nuevos nuevos
En este artículo, cubriremos en detalle las nuevas funciones ofrecidas por Element 3.0 y la forma en que pueden ayudarlo a ahorrar mucho tiempo para hacer un sitio web. ¿Nuevas características en Elementor 3.0? Elementor 3.0 se lanzó con una misión principal: ayudar a los diseñadores web profesionales (y desarrolladores) a llevar a cabo sus proyectos más rápido de manera profesional y eficiente. La misión se realiza al ofrecer un sistema de diseño, una de las características introducidas en Elementor 3.0. Esta característica (sistema de diseño) consta de varios componentes. Le permite controlar la tipografía, los colores, la identidad del sitio, la apariencia y el cuadro de luz en un solo lugar llamado panel Global Settings.
Mientras tanto, la nueva función de constructor de temas le permite controlar cada parte de su sitio: encabezado, sótano, apariencia para una sola publicación, archivo, página 404, páginas de WooCommerce) en una sola pantalla. Aquí están las nuevas funciones ofrecidas por Elementor 3.0. Tenga en cuenta que en este artículo nos centraremos en cubrir las áreas visibles. No cubriremos la apariencia de mejorar el rendimiento (que también se promete en la versión 3.0), porque se necesitarán pruebas complejas para demostrar. Sistema de diseño Este es un término extraño para usted, especialmente si crea sitios web solo para usted. ¿Qué es un sistema de diseño? Para comprender más fácilmente el término, les cuente una historia corta. En el mundo profesional, en algunos casos, los diseñadores web crean el concepto de diseño solo utilizando una aplicación de diseño como Sketch, Figma, Adobe XD o una aplicación similar. El concepto de diseño (a menudo llamado guía de estilo) gobierna el uso de tipografía, esquema de color, botones y otros elementos de diseño. La ejecución del concepto de diseño es responsabilidad del equipo de desarrolladores. Ahora imagine si el sitio consta de docenas de páginas. Cuánto tiempo revisan las páginas si hay algunas revisiones del concepto de diseño. Sin mencionar otras partes como el encabezado o el sótano. Así es como entra en juego un sistema de diseño. Puede hacer cambios de páginas (como color, tipografía, etc.) desde un lugar. Se aplicará un solo cambio a todas las páginas del sitio.
El concepto de sistema de diseño también garantiza que su sitio tenga un esquema de color y tipografía consistente. El concepto también ofrece simplicidad para crear un sitio web, lo cual es excelente si trabaja para una agencia web o un desarrollador web independiente. El sistema de diseño del elemento en sí consta de 2 componentes: colores globales y fuentes globales. Puede acceder a ellos a través de la configuración Global Elementor haciendo clic en el icono de tres líneas (icono de hamburguesas) en la esquina superior izquierda del editor de elementos. El panel de configuración global. El botón Update Blue indica que está en el panel de configuración global, mientras que el botón de publicación/actualización indica que está en el panel de configuración elemental habitual.
Por cierto, el sistema de diseño está disponible para Elementor Free y Pro. Estos son los componentes del sistema de diseño elemental: colores globales Al construir un sitio web, seleccionar un color adecuado es una de las tareas difíciles. En el diseño web (y en otros diseños en general), el color representa la identidad de la marca. Para tener un esquema de color que realmente represente una marca, los diseñadores a menudo realizan algunos experimentos con combinaciones de colores. En el contexto del diseño web, no es divertido editar todas las páginas solo para aplicar el nuevo color, porque consumirá mucho tiempo.

La característica de colores globales de Elementor le permite aplicar nuevos colores en varias páginas simultáneamente, desde un solo lugar. Incluso si las páginas ya publicaron. O también puede aplicar el nuevo color a algunas partes de una página.
Tenga en cuenta la sección de títulos y los iconos de redes sociales cómo usar Global Colors Elementor ofrece 4 colores predeterminados globales y también puede crear otros nuevos. Para crear un nuevo color global, abra el panel de configuración global haciendo clic en el icono de hamburguesas en el panel de configuración de Elementores. Seleccione Configuración del sitio. Una vez que se abra el panel de configuración global, haga clic en los colores globales en la sección del sistema de diseño.
Haga clic en el botón Agregar color para establecer un nuevo color global. Para facilitar su identificación de cada color global, puede llamar al nuevo color global. Después de crear nuevos colores globales, haga clic en el botón Azul de actualización.

Para usar un color global en un elemento de diseño, simplemente puede agregar un nuevo widget o editar existente. Cambie el color en la pestaña de estilo de lo habitual. Haga clic en el icono del globo y seleccione uno de los colores globales existentes.

Además de los widgets, también puede usar un color global como color de fondo de una columna, una sección y otros elementos de diseño.

Para cambiar el color de un color global, puede simplemente acceder al panel de configuración global y seleccionar el nuevo color que desee. La modificación (nuevo color) se aplicará a todos los elementos de diseño que utilizan el color global asociado. En un solo clic! Fuentes globales y color, una fuente también puede representar una identidad de marca de un sitio web. Por lo tanto, la selección de fuentes también es un paso crucial cuando se trata de construir el sitio web. En el elemento, hay algunos widgets que involucran configuraciones de tipografía. Desde el widget del título, el editor de texto, el widget del botón, el widget de formulario, etc., además del esquema de color, un buen sitio web es el que tiene una configuración tipográfica consistente, especialmente la familia de fuentes. Para ciertas secciones, como el texto del título, puede usar la misma configuración de impresión para todas las páginas que contienen un texto de título. El uso de una fuente global le permite cambiar la tipografía de una sección en particular, para decir el texto del texto, en todas las páginas simultáneamente. Como un color global. Puede cambiar la configuración de las impresoras del panel de configuración global. El uso de fuentes globales es bastante similar a los colores globales. Puede abrir el panel de configuración global y seleccionar fuentes globales. Por defecto, hay 4 fuentes globales de las cuales puede elegir. Para editar una fuente global, simplemente puede hacer clic en el icono de lápiz en la fuente global asociada.

Puede establecer cosas como la familia de fuentes, tamaño de fuente, peso de fuente, estilo de fuente, etc. Recuerde hacer clic en el botón de actualización azul cada vez que realiza nuevos cambios.

Para usar una fuente global, simplemente puede agregar o editar un widget que tenga una opción de configuración de tipografía, como el widget de título, el texto del editor de widgets, el botón de widget, etc. En la opción de tipografía, haga clic en el icono del globo y seleccione una fuente global que desee usar. Ahora puede ir al panel de configuración global para cambiar el conjunto de impresión de una determinada página en su sitio. La modificación se aplicará a las páginas utilizando La fuente global asociada. El estilo de estilo temático es otra característica para simplificar su flujo de trabajo para hacer las cosas más rápido. También puede acceder a esta función en el panel de configuración global. Esta característica le permite crear preajuste para cuatro elementos de diseño:
IMPRESIÓN
Botones
Imágenes


Formulario de campos

Como se mencionó anteriormente, algunos desarrolladores web trabajan en función de una guía de estilo. Con la función de estilo de tema Elementor, puede crear preajuste para cuatro elementos esenciales en la lista anterior. Por ejemplo, puede crear un preajuste para el elemento del botón. Por lo tanto, cada vez que desea agregar un botón en cualquier página o en una determinada sección de la página, no necesita establecer el estilo desde cero. ¡Ahorrar tiempo!
El estilo del tema funciona de una manera diferente de colores globales y fuentes globales. No están vinculados entre sí. Puede realizar algunos cambios en un widget particular en una página en particular, y los cambios no afectarán los widgets de otras páginas.
Para crear un preajuste, puede acceder al panel de configuración global.Seleccione un elemento para el que desea crear preajuste en el bloque de estilo de tema.Haga clic en el botón de actualización azul para actualizar el preajuste después de haber terminado de organizar el elemento. SITES SITS Versión 3.0 insiste en que el elemento se convertirá en otra misión para convertirse en un instrumento de creación de herramientas completo basado en WordPress, en lugar de solo un generador de páginas.Independientemente del tema de WordPress que use, podrá establecer algunas cosas esenciales, como la identidad del sitio (nombre del sitio, descripción del sitio, logotipo del sitio y favicon), fondo predeterminado, apariencia predeterminada y cuadro de la luz.Si usa Elementor Pro, puede establecer CSS personalizado antes de comenzar a trabajar en las páginas.Puede hacer todas las cosas mencionadas anteriormente a través de la configuración del sitio, a las que también puede acceder a la configuración global.
La característica de la configuración del sitio de Elemenor es bastante similar a la personalización del tema de WordPress (aspecto -> personalización). Con esta nueva característica, puede controlar los elementos esenciales de su sitio basados ​​en WordPress a través de Elementor. El nuevo tema del constructor Una de las razones por las cuales Elementor se ha convertido en el enchufe de generación de páginas más popular (con 5 instalaciones activas y aún en número, por supuesto) es que viene con una función de constructor de temas. Esta característica le permite crear plantillas personalizadas para partes del sitio, como encabezado, sótano, plantilla de publicación única, páginas de archivo, páginas de WoCommerce, etc. Puede hacer esto sin alcanzar una sola línea de código. Todo es querido y caída, con el editor muy intuitivo de Elementor. Temo Builder en sí se introdujo en Elementor 2.0 (que se lanzó en 2018). Antes de la versión 3.0, se puede acceder a temas que se puede acceder a través de las plantillas de acceso a la placa de WordPress -> Builder de temas. En la versión 3.0, puede continuar accediendo al constructor de temas a través de la misma ruta, pero verá una nueva interfaz, de la siguiente manera: en Elemoror 2.x, se le presentará la siguiente interfaz cuando acceda a la función de constructor de temas.
La interfaz de constructor de temas en Elementor 3.0 es mucho mejor que las versiones antiguas. Como puede ver en el GIF anterior, las partes temáticas se previsecen visualmente al hacer clic en cada pestaña en el panel izquierdo. Desde aquí, también puede editar las plantillas personalizadas existentes directamente, exportar, eliminar o cambiar el nombre.

Para crear una nueva plantilla, simplemente puede hacer clic en el botón Blue Plus en el tema para el que desea crear la plantilla personalizada. O también puede hacer clic en el botón Agregar nuevo en la parte superior derecha. El concepto es bastante similar a la función de edición predeterminada de WordPress.

Lo bueno es que el elemento no cambia el proceso de creación de las plantillas. Puede continuar creando la plantilla a través del editor elemental intuitivo. Una vez que haya terminado, aún puede establecer el estado de la pantalla como antes. El nuevo constructor de temas solo cambia la forma en que organiza sus plantillas, no cómo las crea. El nuevo constructor de temas de Elementor es realmente algo más antes. Veredicto – Elementor 3.0 Review Elementary 3.0 es una versión principal. Trae algunas funciones nuevas para romper los patrones tradicionales en la creación de sitios web. No debe ir a ningún lado para crear su sitio, porque todo se ha proporcionado en el mismo lugar: el panel de configuración global. Desde este panel, podrá acceder a todo lo que traté anteriormente, incluido:

El nuevo tema del constructor

Configuración del sitio (Identidad del sitio, Look, Lightbox Box, Background, CSS personalizado)

Sistema de diseño (colores globales y fuentes globales)