Duda admite dos versiones de editor para adaptar mejor a sus necesidades:
-
Editor 2.0
-
Editor tradicional con modo flex opcional
Cada versión del editor se explica en las siguientes secciones junto con las limitaciones y desarrollos futuros de Editor 2.0.
Editor 2.0 integra funcionalidades avanzadas al tiempo que conserva la interfaz intuitiva del Editor tradicional. Sin embargo, presenta una infraestructura mejorada, lo 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 solo clic o control deslizante).
-
Ajuste fácilmente las configuraciones de las 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.
-
-
Anida y superponga elementos sin problemas para diseños dinámicos empleando columnas internas y cuadrículas avanzadas.
-
-
Diseño responsivo: garantiza una capacidad de respuesta completa 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 para el tamaño de pantalla: edite en desktop, tabletas y dispositivos móviles, con opciones de personalización adaptadas a cada tamaño de pantalla.
-
Editar por tamaño de pantalla en lugar de por dispositivo significa, 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 configuró para que se muestren en ese tamaño de pantalla.
-
La 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, Editor 2.0 optimiza la administración de estilos, lo que garantiza una cascada más suave de estilos y simplifica la complejidad de la base de código. Además, los tamaños de pantalla de desktop y tabletas 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 las actualizaciones sin problemas. Puede actualizar el encabezado en el desktop y se actualizará en todos los dispositivos.
-
widget Accesibilidad: Es compatible con todas las widget del Editor tradicional, excluyendo las funciones adicionales RSS Feeds y Floating Button actualmente en desarrollo.
-
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 en la interfaz de usuario y la edición:
-
Ubicación del panel de diseño: Reside en el lado derecho de la interfaz en Editor 2.0, proporcionando 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 conveniencia de duplicar elementos en Editor 2.0 mediante la introducción de una opción de duplicación.
-
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 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 tradicional.
-
-
Compatibilidad store comercio electrónico: Admite el storenativo , pero no admite el storede terceros .
Editor 2.0 es un conjunto de características 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 en desarrollo varias características. Actualmente en fase de evaluación y planeación:
-
Diseños de tema del sitio (ubicados en el tema en el editor tradicional)
-
Store de terceros
-
Soporte multilingüe nativo de comercio electrónico. (Esta es una limitación de store nativo)
-
Edición móvil (llamada "Duda on the Go")
-
Paralaje.
-
Filas globales (ubicadas en el tema en el editor tradicional).
-
Nueva fila Tipo de acción de personalización.
¿Cómo puedo empezar a construir con Editor 2.0?
Para comenzar a construir, haga clic en crear sitio y luego verá una opción para cambiar a plantillas de Editor 2.0, elija una plantilla para comenzar a construir y ¡listo! Si no ves una opción para las plantillas de editor 2.0, ponte en contacto con el servicio de asistencia.
¿Qué es Editor 2.0 y por qué es único?
Editor 2.0 es un innovador editor de diseño construido íntegramente sobre la tecnología Flexbox, con encabezados, secciones, páginas y pies de página basados en Flex. Presenta un nuevo y poderoso lienzo que mejora las capacidades de diseño y la eficiencia. Esto le permite crear el sitio deseado rápidamente, manteniendo la compatibilidad con todos los widget, aplicaciones, complementos y toolde Duda existentes.
Beneficios 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 puntajes más altos en Core Sitio web Vitals, lo que contribuye a una mejor rankingde los motores de búsqueda.
-
Experiencia de diseño mejorada: Proporciona un diseño receptivo y perfecto en pixeles que se ajusta automáticamente a diferentes tamaños de pantalla.
¿En qué se diferencia Editor 2.0 del editor tradicional de Duda? ¿Obtengo las funciones del editor tradicional?
Todos los componentes conocidos de la plataforma, como widget, blogs, stores, aplicaciones y otros tool permanecen sin cambios en 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 los beneficios del Design Canvas de Editor 2.0?
-
Diseño de sitio más rápido: Ofrece amplias capacidades de diseño, reorganización automática de elementos durante el cambio de tamaño y control absoluto sobre los puntos de interrupción.
-
Experiencia Flex completa: Proporciona una experiencia Flex fluida en encabezados, secciones, páginas y pies de página sin tener que entrar y salir del modo Flex.
-
Personalización widget mejorada: Facilita la personalización de la alineación de widget , el cambio de tamaño y el pedido directamente en el lienzo de diseño.
¿Por qué Duda presenta a este nuevo editor?
Duda 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 sitio web de vanguardia para ofrecer una experiencia de creación de sitios poderosa e intuitiva sin necesidad de ningún código.
¿Qué pasará con el editor actual de Duda cuando se lance Editor 2.0?
Continuaremos apoyando el editor tradicional, permitiendo el uso de activos personalizados existentes y manteniendo los flujos de trabajo de creación de sitios conocidos.
¿Cómo impactará el nuevo Editor 2.0 en los sitios que ya creé con el editor actual de Duda?
Los sitios existentes permanecerán sin cambios, y el editor actual seguirá siendo utilizable con plantillas regulares (no Flex). Recomendamos explorar Editor 2.0 por sus completas capacidades de creación de sitios.
¿Puedo seguir creando sitios que incluyan secciones Flex y que no sean Flex luego del lanzamiento de Editor 2.0?
Con el lanzamiento de Editor 2.0, las secciones Flex empleadas anteriormente serán accesibles en Editor 2.0, pero las secciones que no sean Flex no estarán disponibles en el nuevo editor.
¿Podré volver al editor actual una vez que se lance 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.
¿Qué capacidades de la plataforma existente estarán disponibles en Editor 2.0?
-
Widgets
-
Aplicaciones
-
Blog
-
store (solo store nativos)
-
Asistente de IA
-
SEO y configuración del sitio
-
Tema de la página web
-
Integraciones de API
-
Plantillas
-
Secciones
-
Administración de equipos
-
Permisos del cliente
-
Multilingüe
-
Reglas de personalización
-
Membresía del sitio
-
Botón flotante
-
Comentarios del sitio
-
Menú de hamburguesas en desktop (próximamente)
¿Cómo gestionará Editor 2.0 los recursos personalizados creados con el editor actual?
Editor 2.0 se basa completamente en la tecnología Flexbox, lo que hace que cualquier activo basado en Flex que usted o su equipo crearon sea compatible con el nuevo editor.
Editor 2.0 es compatible con estos recursos de diseño personalizado:
-
Widgets personalizados
-
Secciones Flex personalizadas
-
Plantillas Flex personalizadas (por ejemplo, plantillas con un encabezado Flex)
Editor 2.0 no es compatible con estos recursos de diseño personalizado:
-
Plantillas personalizadas con un encabezado que no es Flex
-
Secciones personalizadas que no son flexibles
¿Qué opciones tienes para plantillas y secciones personalizadas que no son Flex?
Puede continuar usándolos en el editor actual, ya que Duda mantendrá el soporte para él. Como alternativa, considere la posibilidad de crear nuevos recursos personalizados con Editor 2.0, que ofrece un proceso de creación simplificado.
¿Editor 2.0 admitirá personalizaciones de HTML y CSS?
Seguirás teniendo la posibilidad de personalizar los archivos CSS empleando el modo de desarrollo de Duda en Editor 2.0. Sin embargo, no se admitirán personalizaciones de HTML. La infraestructura tecnológica mejorada y las capacidades de diseño de Editor 2.0 reducen la necesidad de una amplia personalización del código. Acciones como superponer elementos y agregar más de cuatro columnas se pueden realizar directamente desde el lienzo de diseño de 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 fácil y rápida del sitio: El editor tradicional ofrece una interfaz fácil de usar, lo que permite a los usuarios crear sitios web rápidamente.
-
Edición específica del dispositivo: Edita en desktop, tabletas y dispositivos móviles, con opciones de personalización adaptadas a cada dispositivo.
-
Editar por dispositivo en lugar de por tamaño de pantalla significa, por ejemplo, que si ve un sitio en dispositivos móviles, está viendo la versión móvil del sitio.
-
Si bien puede editar por dispositivo, desktop y tableta están estrechamente conectadas, lo que tiene sus beneficios para diseños más simples. Sin embargo, esto también puede aumentar el tiempo que pasa en el sitio si está creando un diseño más avanzado, ya que la personalización por dispositivo está disponible y, a veces, es necesaria para todos los dispositivos con el fin de lograr el diseño deseado.
-
-
Flexibilidad con secciones flexibles: Incorpore secciones flexibles y secciones de 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 duplican desktop diseños. Tenga en cuenta que las secciones flexibles no son compatibles con el encabezado.
-
Compatibilidad store comercio electrónico: Admite el store nativo y el storede terceros.
A continuación se explican las diferentes etiquetas de modo y sección flexible y cómo se relacionan con las diferentes versiones del editor:
-
Secciones flexibles: Son similares a las filas del Editor tradicional, también representan el modo de edición principal dentro del Editor 2.0. DudaFlex era la forma en que llamábamos a las secciones flexibles o al modo flexible fuera de Editor 2.0.
-
Modo Flex: Relevante para las secciones flexibles en el Editor tradicional, no es aplicable en el Editor 2.0.
-
DudaFlex: Relevante para las secciones flexibles, es aplicable tanto al Editor 2.0 como al Editor tradicional.
-
All-Flex Editor (ahora conocido como Editor 2.0): Anteriormente referido 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 Classic Editor: Los sitios creados con el Editor tradicional siguen siendo totalmente compatibles, con capacidades de edición continuas.
-
Acceso al grupo Editor 2.0 Beta: Editor 2.0 está disponible como una opción de edición adicional para los usuarios del grupo beta. Los usuarios de este grupo pueden elegir la plataforma que mejor se adapte a sus necesidades.
-
Atajo de migración parcial: Si bien la migración completa entre editores no es posible en este momento, los usuarios pueden almacenar y reutilizar las secciones de Flex almacenadas en el tradicional en Editor 2.0, lo que proporciona un atajo conveniente para la transición de contenido.