Website Builder admite dos versiones de editor para adaptar mejor a sus necesidades:
-
Editor 2.0
-
Editor tradicional con modo flexible opcional
En las siguientes secciones se explica cada versión del editor junto con las limitaciones y los desarrollos futuros del Editor 2.0.
La store de terceros no es compatible con Editor 2.0.
El Editor 2.0 integra funcionalidades avanzadas conservando la interfaz intuitiva del Editor Tradicional. Sin embargo, introduce una infraestructura mejorada, que aumenta su experiencia de edición con capacidades y eficiencia mejoradas:
-
Capacidades de edición modernas: emplea tecnologías flexibles y de cuadrícula para mejorar el proceso de edición y mejorar el resultado final.
-
Ajuste fácilmente la alineación o el espaciado de varios elementos al mismo tiempo (control con un clic o control deslizante).
-
Ajuste fácilmente las configuraciones de columnas con precisión, vertical y horizontalmente.
-
Tener hasta 8 columnas en una sección.
-
Establecer un número desigual de columnas para que tengan el mismo tamaño.
-
-
Anide y superponga elementos sin problemas para lograr diseños dinámicos empleando columnas internas y cuadrículas avanzadas.
-
-
Diseño responsivo: garantiza una capacidad de respuesta total en todos los tamaños de pantalla, lo que reduce la necesidad de personalización manual y conserva la opción.
-
Edición específica del tamaño de la pantalla: Edita en desktop, tabletas y dispositivos móviles, con opciones de personalización adaptadas a cada tamaño de pantalla.
-
Edite según el tamaño de la pantalla en lugar de según el dispositivo; por ejemplo, si ve un sitio en un dispositivo móvil, el sitio reconocerá el tamaño de la pantalla y mostrará los elementos que configure para que se muestren en ese tamaño de pantalla.
-
La edición por tamaño de pantalla permite la continuidad entre tamaños de pantalla, minimizando la personalización por dispositivo. Con menos puntos de interrupción, Editor 2.0 agiliza la gestión de estilos, garantizando una cascada de estilos más fluida y simplificando la complejidad de la base de código. Además, los tamaños de pantalla de desktop y tableta exhiben una mayor independencia en comparación con el Editor tradicional.
-
-
Diseño de encabezado consistente: mantiene las características del encabezado en todos los tamaños de pantalla, como el logotipo, lo que facilita actualizaciones sin inconvenientes. Puede actualizar el encabezado en el desktop y se actualizará en todos los dispositivos.
-
widget Accesibilidad: Compatible con todos los widget del Editor tradicional.
-
Gestión de secciones flexibles: presenta un nuevo sistema de gestión de secciones flexibles que centraliza la reutilización de secciones flexibles en el Editor 2.0, incluidas las secciones flexibles creadas en el Editor tradicional, para agilizar aún más la creación de sitios web.
-
Mejoras de interfaz de usuario y edición:
-
Ubicación del panel de diseño: se encuentra en el lado derecho de la interfaz en el Editor 2.0, lo que proporciona un entorno de edición más limpio. Los usuarios también tienen la opción de cerrar el panel cuando no esté en uso.
-
Control del panel de capas: gestione el panel de capas fácilmente cerrándolo y volviéndolo a abrir según sea necesario para facilitar una navegación más fluida dentro de la estructura del sitio.
-
Navegación con barra flotante: permite retroceder sin problemas mediante migas de pan mediante la introducción de una barra de navegación flotante.
-
Opción de duplicado: permite la comodidad de duplicar elementos en el Editor 2.0 al introducir una opción de duplicado.
-
Cambio de tamaño de imagen en línea: Cambie el tamaño de las imágenes directamente dentro de la interfaz del editor, eliminando la necesidad de toolde edición externa.
-
Controles de alineación y espaciado mejorados: los controles de alineación y espaciado verticales y horizontales mejorados, incluido un control deslizante de espaciado, agilizan el proceso de ajuste del diseño. Estas mejoras eliminan la necesidad de filas y columnas adicionales en el Editor tradicional.
-
-
Compatibilidad store comercio electrónico: Admite el storenativo, pero no admite el storede terceros .
Editor 2.0 es un conjunto de funciones dinámico y en evolución, que incorpora mejoras continuas para mejorar la experiencia del usuario. Si bien la plataforma está en constante evolución, se están considerando o desarrollando varias características. Actualmente en fase de evaluación y planeación:
-
Store de terceros
-
Filas globales (ubicadas en el tema en el editor tradicional).
-
Nuevo tipo de acción de personalización de filas .
¿Cómo puedo empezar a construir con el Editor 2.0?
Para empezar a construir, haz clic en crear sitio y entonces verás una opción para cambiar a plantillas de Editor 2.0, elegir una plantilla para empezar a construir y ¡eso es todo!
¿Qué es el Editor 2.0 y por qué es único?
Editor 2.0 es un editor de diseño innovador completamente basado en la tecnología Flexbox, que incluye cabeceras, secciones, páginas y pies de página basados en Flex. Introduce un nuevo lienzo poderoso que mejora las capacidades y la eficiencia del diseño. Esto te permite crear tu sitio deseado rápidamente, manteniendo la compatibilidad con todos los widgetexistentes, aplicaciones, añadidores y toolexistentes.
Beneficios de usar el Editor 2.0 para ti y tu equipo
-
Mayor productividad: Reduce significativamente el tiempo desde el diseño hasta la publicación.
-
Mejora del rendimiento del sitio: Logra puntajes más altos en los Core Sitio web Vitals, contribuyendo a una mejor rankingen los motores de búsqueda.
-
Experiencia de diseño mejorada: Ofrece un diseño pixel perfecto y responsivo que se ajusta automáticamente a diferentes tamaños de pantalla.
¿En qué se diferencia el Editor 2.0 del editor tradicional de Website Builder? ¿Obtengo las características desde el editor tradicional?
Todos los componentes familiares de la plataforma como widget, blogs, stores, aplicaciones y otros tool permanecen sin cambios en el Editor 2.0. La principal diferencia está en el lienzo de diseño, donde arrastras y soltas elementos y personalizas su diseño.
¿Cuáles son los beneficios del Design Canvas del Editor 2.0?
-
Diseño más rápido del sitio: Ofrece amplias capacidades de distribución, reorganización automática de elementos durante el redimensionamiento y control absoluto sobre los puntos de interrupción.
-
Experiencia Flex completa: Proporciona una experiencia Flex fluida a través de cabeceras, secciones, páginas y pies de página sin necesidad de activar y salir del modo Flex.
-
Personalización mejorada de widget : Facilita la personalización más sencilla de la alineación de widget, el redimensionamiento y el orden directamente en el lienzo de diseño.
¿Por qué Website Builder presenta este nuevo editor?
Website Builder tiene como objetivo capacitar a los profesionales sitio web para crear sitios web de próxima generación y Editor 2.0 aprovecha tecnología de diseño y desarrollo sitio web de vanguardia para ofrecer una experiencia poderosa e intuitiva de creación de sitios web sin necesidad de ningún código.
¿Qué pasará con el editor existente de Website Builder cuando se lance el Editor 2.0?
Seguiremos apoyando el editor tradicional, permitiendo el uso de recursos personalizados existentes y manteniendo flujos de trabajo familiares para la creación del sitio.
¿Cómo afectará el nuevo Editor 2.0 a los sitios que ya creé con el editor actual de Website Builder?
Los sitios existentes permanecerán sin cambios, y el editor actual seguirá siendo utilizable con plantillas normales (no Flex). Recomendamos explorar Editor 2.0 por sus capacidades integrales de creación de sitios.
¿Puedo seguir construyendo sitios que incluyan tanto secciones Flex como no Flex después de que salga el Editor 2.0?
Con el lanzamiento del Editor 2.0, las secciones Flex previamente usadas estarán disponibles en el Editor 2.0, pero las secciones no Flex no estarán disponibles en el nuevo editor.
¿Podré volver al editor actual una vez que salga el Editor 2.0?
Sí, tendrás la opción de cambiar entre el editor actual y el editor 2.0 a través de la página de plantillas.
¿Cómo gestionará el Editor 2.0 los recursos personalizados creados con el editor actual?
El editor 2.0 está construido completamente sobre la tecnología Flexbox, haciendo que cualquier recurso basado en Flex que tú o tu equipo creasteis sea compatible con el nuevo editor.
El editor 2.0 soporta estos recursos de diseño personalizados:
-
Widgets personalizados
-
Secciones Flex Personalizadas
-
Plantillas Flex personalizadas (por ejemplo, plantillas con cabecera Flex)
El editor 2.0 no soporta estos recursos de diseño personalizados:
-
Plantillas personalizadas con cabecera que no sea Flex
-
Secciones personalizadas no Flex
¿Qué opciones tienes para plantillas y secciones personalizadas que no sean Flex?
Puedes seguir usándolos en el editor actual, ya que Website Builder mantendrá el soporte para ellos. Alternativamente, considera crear nuevos recursos personalizados usando el Editor 2.0, que ofrece un proceso de creación más ágil.
¿Admitirá Editor 2.0 personalizaciones de HTML y CSS?
Seguirás teniendo la posibilidad de personalizar archivos CSS usando el Modo Dev deWebsite Builderen el Editor 2.0. Sin embargo, no se admitirán personalizaciones en HTML. La infraestructura tecnológica mejorada y las capacidades de diseño del Editor 2.0 reducen la necesidad de una personalización extensa del código. Acciones como solaparse elementos y agregar más de cuatro columnas pueden realizar directamente desde el lienzo de diseño del Editor 2.0.
El Editor Tradicional fue un tool de confianza conocido por su simplicidad y eficiencia en la creación de sitios web. Puede crear hermosos sitios web simplemente usando el Editor tradicional o también puede mejorar su experiencia de diseño empleando el modo flexible en el Editor tradicional.
-
Creación de sitios fácil y rápida: el editor tradicional ofrece una interfaz fácil de usar, que permite a los usuarios crear sitios web rápidamente.
-
Flexibilidad con secciones flexibles: Incorpore secciones flexibles y secciones Team prediseñadas para mejorar la flexibilidad del diseño.
-
Encabezado personalizable: personalice los encabezados por dispositivo, con la excepción de las tabletas que duplican desktop diseños. Tenga en cuenta que las secciones flexibles no se admiten en el encabezado.
-
Compatibilidad store comercio electrónico: Admite el storenativo y el storede terceros.
A continuación se explican las diferentes secciones flexibles y las etiquetas de modo y cómo se relacionan con las diferentes versiones del editor:
-
Secciones flexibles: son similares a las filas en el Editor tradicional, también representan el modo de edición principal dentro del Editor 2.0. Flex era como llamábamos a las secciones flexibles o al modo flexible fuera del Editor 2.0.
-
Modo Flex: relevante para las secciones Flex en el Editor tradicional, no es aplicable en el Editor 2.0.
-
Flex: relevante para las secciones Flex, es aplicable tanto al Editor 2.0 como al Editor tradicional.
-
Editor All-Flex (ahora conocido como Editor 2.0): anteriormente se hacía referencia al editor antes de su transformación en la versión actualizada conocida como Editor 2.0.
Para los clientes preocupados por la transición gradual de All-Flex a Editor 2.0 y su impacto en el Editor tradicional, aquí hay algunas notas importantes:
-
Soporte continuo para el Editor tradicional: los sitios creados con el Editor tradicional continúan recibiendo soporte total, con capacidades de edición continua.
-
Migración entre versiones del editor: si realiza un restablecimiento completo del sitio, puede cambiar entre versiones del editor.