BetaAyuda
ENCrear una cuenta

Conocer el editor: Modo Esencial vs. Opciones Avanzadas

Cuándo usar la edición directa con barra contextual y cuándo encender las Opciones avanzadas con el panel de Insertar y el Inspector.

En esta página

El editor de véltica tiene dos formas de trabajar sobre el mismo sitio. No cambian lo que tu página puede hacer: cambian cuántos controles ves a la vez en pantalla.

Qué es el Modo Esencial

El Modo esencial viene activo por defecto. Esconde el inspector de propiedades de la derecha y el panel de bloques sueltos para que el lienzo ocupe casi toda la ventana.

Cuando haces clic en cualquier elemento —un título, una foto, un botón o una sección entera—, aparece justo encima su barra contextual con las acciones que de verdad necesitas en ese momento: Editar texto, Cambiar imagen, Enlace, Estilo, subir o bajar la pieza, duplicarla o borrarla.

Es el modo ideal para:

  • Armar páginas rápido a partir de secciones de Templates, Catálogo o Blog.
  • Cambiar textos, fotos, enlaces y colores de marca sin distraerte con márgenes o píxeles.
  • Editar tu sitio desde una pantalla pequeña, un iPad o el navegador de tu celular.

Qué son las Opciones Avanzadas

Al activar Opciones avanzadas se desbloquean dos herramientas pensadas para construir o ajustar al milímetro:

  1. El panel Insertar (+) en el raíl izquierdo: te permite arrastrar piezas individuales (bloques Div, cuadrículas Grid, títulos sueltos, modales, código personalizado o bloques del CMS) dentro de cualquier sección.
  2. El Inspector de propiedades a la derecha: un panel completo dividido en grupos (Diseño, Tamaño, Imagen, Icono, Rating, Visual, Efectos, Animación, Texto, CMS, Catálogo y Enlace) para controlar disposición Flex o Grid, rellenos, bordes por lado, sombras, estados Hover y animaciones.

Nota: Las Opciones avanzadas solo están disponibles en pantallas grandes (computadora). Si abres el editor en un teléfono o en una ventana estrecha, véltica pasa automáticamente al Modo esencial para que el lienzo siga siendo cómodo de usar.

Cómo alternar entre ambos modos desde el menú de véltica

Puedes pasar de un modo a otro cuantas veces quieras sin perder ningún cambio:

  1. Haz clic en el botón del Menú de véltica (el icono en la esquina superior izquierda de la barra superior).
  2. Activa o desactiva el interruptor Opciones avanzadas (Panel completo a la derecha).
  3. Si estás en el inspector derecho y quieres volver rápido al modo limpio, también puedes pulsar el icono de Cambiar al modo esencial en la cabecera del propio inspector.

Cambiar entre áreas del editor: Editor (Diseño), Páginas y CMS

En la parte izquierda de la barra superior tienes el selector de área para moverte por la estructura de tu sitio sin volver al panel de control:

Área Para qué sirve
Editor Te lleva al lienzo visual de la página actual para diseñar y editar su contenido.
Páginas Abre el mapa de páginas del sitio, las plantillas automáticas de catálogo/reservas y los ajustes de URL, SEO y contraseña de cada página.
Contenido Abre tus colecciones del CMS para crear campos, añadir fichas y editar artículos dinámicos sin salir del editor.

Justo al lado del selector de área verás el desplegable de Página en edición, desde donde puedes saltar de una página a otra o pulsar Nueva página.

Fijar o auto-ocultar los paneles laterales para ganar espacio en el lienzo

Cuando abres un panel del raíl izquierdo (Templates, Marca, Imágenes, Archivos, Capas) o trabajas con el Inspector a la derecha, puedes elegir cómo se comportan frente al lienzo:

  • Fijar panel abierto: pulsa el icono de chincheta en la esquina superior del panel. El panel empuja el lienzo y se queda siempre visible mientras diseñas.
  • Auto-ocultar panel: vuelve a pulsar la chincheta para desactivarla. El panel se oculta al trabajar sobre el lienzo y se despliega suavemente en cuanto acercas el cursor al borde izquierdo o derecho de la ventana.

También puedes arrastrar el borde interior de los paneles para hacerlos más anchos o más estrechos según lo que estés editando.

Atajos de teclado esenciales

En computadora puedes acelerar el trabajo con estos atajos directos sobre el lienzo:

Acción En Mac En Windows / Linux
Deshacer Cmd + Z Ctrl + Z
Rehacer Cmd + Shift + Z Ctrl + Shift + Z
Copiar elemento Cmd + C Ctrl + C
Cortar elemento Cmd + X Ctrl + X
Pegar elemento Cmd + V Ctrl + V
Duplicar elemento Cmd + D Ctrl + D
Eliminar elemento Backspace o Supr Backspace o Supr
Salir de edición de texto / deseleccionar Esc Esc

Si haces clic derecho sobre cualquier elemento del lienzo (o abres el menú ⋯ en su barra contextual), verás todas estas acciones junto con opciones para agrupar en un bloque, envolver en una sección o guardar en Mis secciones.