Website Builder admite dos versiones del editor que mejor se adaptan a sus necesidades:
-
Editor 2.0
-
Editor clásico con modo flex opcional
Cada versión del editor se explica en las siguientes secciones junto con las limitaciones y desarrollos futuros del Editor 2.0.
El Editor 2.0 integra funcionalidades avanzadas a la vez que conserva la interfaz intuitiva del editor clásico. Sin embargo, introduce una infraestructura mejorada que aumenta su experiencia de edición con capacidades y eficiencia mejoradas
-
Capacidades de edición modernas: Utiliza tecnologías flexibles y cuadrículas 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 (controle con un clic o con el control deslizante).
-
Ajuste fácilmente las configuraciones de las columnas con precisión, vertical y horizontalmente.
-
Ten hasta 8 columnas en una sección.
-
Establezca un número impar de columnas para que tengan el mismo tamaño.
-
-
Anida y superpone elementos a la perfección para crear diseños dinámicos con columnas interiores 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 ordenadores de escritorio, tabletas y dispositivos móviles, con opciones de personalización adaptadas a cada tamaño de pantalla.
-
Edita por tamaño de pantalla en lugar de hacerlo por dispositivo; por ejemplo, si ves un sitio en un dispositivo móvil, el sitio reconocerá el tamaño de la pantalla y mostrará los elementos que configuraste para que se muestren en ese tamaño de pantalla.
-
edición por tamaño de pantalla permite la continuidad en todos los tamaños de pantalla, lo que minimiza la personalización por dispositivo. Con menos puntos de interrupción, el Editor 2.0 optimiza la administración de estilos, lo que garantiza una combinación más fluida de estilos y simplifica la complejidad de la base de código. Además, los tamaños de pantalla de las computadoras de escritorio y tabletas muestran una mayor
-
-
Diseño de encabezado uniforme: Mantiene las características del encabezado en todos los tamaños de pantalla, como el logotipo, lo que facilita las actualizaciones sin problemas. Puedes actualizar el encabezado en el escritorio y se actualizará en todos los dispositivos.
-
Accesibilidad a los widgets: Es compatible con todos los widgets del editor clásico.
-
Gestión de secciones flexibles: Introduce un nuevo sistema de gestión de secciones flexibles que centraliza la reutilización de las secciones flexibles en el Editor 2.0, incluidas las secciones flexibles creadas en el Editor clásico, para agilizar aún más la creación de sitios web.
-
Mejoras en la interfaz de usuario y la edición:
-
Ubicación del panel de diseño: Se encuentra en el lado derecho de la interfaz del 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: Administre 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 por barra flotante: Permite retroceder sin problemas utilizando rutas de navegación mediante la introducción de una barra de navegación flotante.
-
Opción duplicada: Permite duplicar elementos cómodamente en el Editor 2.0 al introducir una opción de duplicación.
-
Redimensionamiento de imágenes en línea: Cambie el tamaño de las imágenes directamente desde la interfaz del editor, eliminando la necesidad de herramientas de edición externas.
-
Controles de alineación y espaciado mejorados: controles mejorados de alineación y espaciado vertical y horizontal, 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 clásico
-
Editor 2.0 es un conjunto de funciones dinámicas y en evolución, que incorpora mejoras continuas para mejorar la experiencia del usuario. Si bien la plataforma está en continua evolución, se están considerando o desarrollando varias funciones. Actualmente en fase de evaluación y planificación:
-
Filas globales (ubicadas en el tema del editor clásico).
-
Fila nueva Tipo de acción de personalización.
¿Cómo puedo empezar a crear con el Editor 2.0?
Para empezar a crear, haz clic en crear sitio y, a continuación, verás una opción para cambiar a las plantillas del Editor 2.0, elige una plantilla para empezar a crear y ¡listo!
¿Qué es el Editor 2.0 y por qué es único?
Editor 2.0 es un editor de diseño innovador totalmente basado en la tecnología Flexbox, con encabezados, secciones, páginas y pies de página basados en Flex. Introduce un nuevo y poderoso lienzo que mejora las capacidades y la eficiencia del diseño. Esto le permite crear el sitio que desee rápidamente, manteniendo la compatibilidad con todos los widgets, aplicaciones, complementos y herramientas existentes.
Ventajas de usar Editor 2.0 para ti y tu equipo
-
Aumento de la productividad: Reduce significativamente el tiempo desde el diseño hasta la publicación.
-
Mejora del rendimiento del sitio: Logra puntuaciones más altas en Core Web Vitals, lo que contribuye a una mejor clasificación en los motores de búsqueda.
-
Experiencia de diseño mejorada: Proporciona un diseño responsivo y perfecto en píxeles que se ajusta automáticamente a los diferentes tamaños de pantalla.
¿En qué se diferencia Editor 2.0 de Website BuilderEl editor clásico? ¿Obtengo las funciones del editor clásico?
Todos los componentes familiares de la plataforma, como widgets, blogs, las aplicaciones y otras herramientas permanecen sin cambios en el Editor 2.0. La principal diferencia radica en el lienzo de diseño, donde arrastras y sueltas elementos y personalizas su diseño.
¿Cuáles son las ventajas del Design Canvas del Editor 2.0?
-
Diseño de sitio más rápido: Ofrece amplias capacidades de diseño, reorganización automática de los elementos al cambiar el tamaño y control absoluto sobre los puntos de interrupción.
-
Experiencia Full Flex: Proporciona una experiencia Flex perfecta en todos los encabezados, secciones, páginas y pies de página sin tener que entrar y salir del modo Flex.
-
Personalización mejorada de widgets: Facilita la personalización más sencilla de la alineación, el cambio de tamaño y el orden de los widgets directamente en el lienzo de diseño.
Por qué es Website Builder presentando este nuevo editor?
Website Builder tiene como objetivo capacitar a los profesionales de la web para crear sitios web de próxima generación y Editor 2.0 aprovecha la tecnología de diseño y desarrollo web de vanguardia para ofrecer una experiencia de creación de sitios potente e intuitiva sin necesidad de ningún código.
Qué pasará con Website Builder¿El editor existente cuando se lance el Editor 2.0?
Seguiremos dando soporte al editor clásico, permitiendo el uso de los recursos personalizados existentes y manteniendo los flujos de trabajo de creación de sitios conocidos.
¿Cómo afectará el nuevo Editor 2.0 a los sitios con los que ya he creado? Website Builder¿Es el editor actual?
Los sitios existentes permanecerán sin cambios y el editor actual se podrá seguir utilizando con plantillas normales (no flexibles). Recomendamos explorar el Editor 2.0 por sus amplias capacidades de creación de sitios
¿Puedo seguir creando sitios que incluyan secciones flexibles y no flexibles después del lanzamiento del Editor 2.0?
Con el lanzamiento del Editor 2.0, las secciones de Flex utilizadas anteriormente estarán disponibles en el Editor 2.0, pero las secciones que no sean de Flex no estarán disponibles en el nuevo editor.
¿Podré volver al editor actual una vez que se publique el Editor 2.0?
Sí, tendrá 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 activos personalizados creados con el editor actual?
El Editor 2.0 se basa completamente en la tecnología Flexbox, lo que hace que cualquier activo basado en Flex que tú o tu equipo hayan creado sea compatible con el nuevo editor.
El Editor 2.0 admite los siguientes recursos de diseño personalizados:
-
Widgets personalizados
-
Secciones Flex personalizadas
-
Plantillas Flex personalizadas (p. ej., plantillas con un encabezado Flex)
El Editor 2.0 no admite estos recursos de diseño personalizados:
-
Plantillas personalizadas con un encabezado que no sea Flex
-
Secciones personalizadas no flexibles
¿Qué opciones tiene para plantillas y secciones personalizadas que no sean de Flex?
Puedes seguir usándolas en el editor actual como Website Builder mantendrá su soporte. Como alternativa, considere la posibilidad de crear nuevos activos personalizados con el Editor 2.0, que ofrece un proceso de creación simplificado
¿El Editor 2.0 admitirá las personalizaciones de HTML y CSS?
Aún tendrá la posibilidad de personalizar los archivos CSS usando Website Builderes el modo Dev en el Editor 2.0. Sin embargo, no se admitirán las personalizaciones de HTML. La infraestructura tecnológica y las capacidades de diseño mejoradas del Editor 2.0 reducen la necesidad de una amplia personalización del código. Acciones como la superposición de elementos y la adición de más de cuatro columnas se pueden realizar directamente desde el lienzo de diseño del Editor 2.0.
El editor clásico ha sido una herramienta confiable conocida por su simplicidad y eficiencia en la creación de sitios web. Puedes crear hermosos sitios web simplemente usando el Editor Clásico o también puedes mejorar tu experiencia de diseño usando el modo flexible en el Editor Clásico.
-
Creación de sitios fácil y rápida: El editor clásico 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 en equipo prediseñadas para mejorar la flexibilidad del diseño.
-
Encabezado personalizable: Personalice los encabezados por dispositivo, con la excepción de las tabletas que reflejen los diseños de escritorio. Tenga en cuenta que el encabezado no admite secciones flexibles
A continuación se explican las diferentes etiquetas de sección y modo de flexión y cómo se relacionan con las diferentes versiones del editor:
-
Secciones flexibles: Son similares a las filas del Editor clásico, pero también representan el modo de edición principal del Editor 2.0. Flex era la forma en que llamábamos a las secciones flexibles o al modo flexible fuera del Editor 2.0.
-
Modo Flex: Es relevante para las secciones flexibles del editor clásico, pero no es aplicable en el editor 2.0.
-
Flexibilidad: Pertinente para las secciones flexibles, es aplicable tanto al Editor 2.0 como al Editor clásico.
-
Editor All-Flex (ahora conocido como Editor 2.0): Anteriormente se refería 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 al Editor 2.0 y su impacto en el Editor clásico, estas son algunas notas importantes:
-
Soporte continuo para Classic Editor: Los sitios creados con el editor clásico siguen siendo totalmente compatibles, con capacidades de edición continuas.
-
Migración entre versiones del editor: Si restablece completamente el sitio, puede cambiar entre las versiones del editor.