Con la introducción de V4, el editor de Elementor está avanzando a pasos agigantados en la mejora de nuestra interfaz de usuario, haciendo que el diseño de sitios web sea más rápido y eficiente que nunca. Al usar V4, notará una serie de cambios.
Introducción de clases
El mayor cambio en V4 es el uso de clases. El aspecto de un elemento (su estilo) está determinado por sus clases. Cada elemento tiene al menos una clase, llamada local, que se utiliza para dar estilo a ese elemento individual, aunque se pueden añadir más clases fácilmente. Las clases aumentan la eficiencia al permitir a los creadores reutilizar estilos en todo su sitio.
Ejemplo: Alex está creando un sitio web y quiere usar una fuente estándar para la mayor parte del texto del sitio web. Crea una clase llamada Text que utiliza texto negro con una fuente sans serif de 12 puntos. Cada vez que crea un elemento, solo tiene que añadir la clase Text y el texto se establecerá con este estilo.
Para obtener más información sobre las clases, consulte:
- Clases en Elementor
- El administrador de clases del editor de Elementor
- Estados de los elementos
- Priorizar estilos en conflicto
Estandarización
Los elementos en Elementor Editor V3 utilizaban tres pestañas para controlar su contenido y estilo: Contenido, Estilo y Avanzado. En V4, el número de pestañas se redujo y estandarizó. Ahora, cada elemento tiene dos pestañas: General y Estilo. La pestaña General se personaliza según las necesidades del elemento, mientras que la pestaña Estilo está estandarizada en todos los elementos. Esto le permite unificar fácilmente el aspecto de su sitio.
Para obtener más información sobre los estilos de V4, consulte:
- Pestaña Estilo – Diseño
- Pestaña Estilo – Espaciado
- Pestaña Estilo – Tamaño
- Pestaña Estilo – Posición
- Pestaña Estilo – Tipografía
- Pestaña Estilo – Fondo
- Pestaña Estilo – Borde
- Pestaña Estilo – Efectos
- Añadir un fondo en capas
Más controles adaptables
En Elementor Editor V3, los controles adaptables se encuentran en el panel de opciones y se aplican a un número limitado de opciones. En V4, la edición adaptable se realiza cambiando a un modo adaptable.
Para obtener más información sobre la edición adaptable, consulte:
Resumen
El siguiente gráfico resume los cambios que verá en los elementos de V4:
Cambios en las funciones | Elementor Editor V3 | V4 |
Opciones de elemento | Tres pestañas disponibles en el panel: Contenido, Estilo y Avanzado. Opciones personalizadas por elemento. | Dos pestañas disponibles en el panel: General y Estilo. Todas las opciones de estilo estandarizadas. |
Clases | Ajustes globales creados a través de colores, fuentes y widgets globales. | Los elementos se editan y estandarizan mediante el uso de clases. |
Administrador de clases | Sin administrador de clases | El administrador de clases permite a los usuarios editar y priorizar clases y estilos. |
Indicadores de clase | Sin indicadores de clase | Los indicadores de clase permiten a los usuarios comprender cuándo la configuración de clase entra en conflicto entre sí y cuál tiene prioridad. |
Fondos en capas | Sin fondos en capas | Los usuarios pueden crear fondos multicapa |
Fondos degradados | Limitado a dos colores | Los usuarios pueden añadir una cantidad ilimitada de colores a los fondos degradados |
Sombras de caja | Sin sombras de caja en capas | Los usuarios pueden crear sombras de caja multicapa |
Elementos fijos | Los elementos pueden fijarse a la parte superior o inferior de la página | Los elementos pueden fijarse a la parte superior, inferior, derecha o izquierda de la página. |
Edición adaptable | Edición adaptable realizada desde el panel de opciones. Solo las opciones marcadas se pueden editar para los modos adaptables. | Edición adaptable realizada mediante el panel del editor superior. Todas las opciones se pueden personalizar para la edición adaptable. |
Código de HTML | Permitido en algunos widgets | No permitido |
Restablecer a los valores predeterminados | Muchas opciones se pueden restablecer a sus valores predeterminados haciendo clic en un botón de restablecimiento. | No hay restablecimiento a los valores predeterminados disponible. |