Editor de Wix: usar las herramientas del editor

5 min de lectura
El Editor de Wix ofrece varias herramientas integradas para que tu proceso de diseño sea más rápido y preciso. Puedes encontrar estas funciones en el panel Herramientas en la parte superior derecha del editor.
Una captura de pantalla de cerca que muestra el panel de herramientas en el Editor de Wix.
En este artículo, aprenderás a usar lo siguiente:

Uso de la barra de herramientas del editor

La barra de herramientas del editor te ayuda a realizar acciones básicas rápidamente. Úsala para copiar, pegar, duplicar o eliminar elementos en tu página. También puedes ajustar la configuración de los elementos como el tamaño, la posición y la alineación
Después de habilitar la barra de herramientas desde el panel Herramientas, la encontrarás a la derecha del editor.

Para habilitar la barra de herramientas:

  1. Ve al editor.
  2. Haz clic en Herramientas  en la parte superior derecha del editor.
  3. Selecciona la casilla de verificación Barra de herramientas.
Captura de pantalla de las herramientas del editor, barra de herramientas resaltada.
Consejos:
  • Vuelve a colocar la barra de herramientas del editor a tu conveniencia, arrastrándola y soltándola en cualquier lugar de tu página.
  • Puedes ocultar o mostrar la barra de herramientas y los menús del editor (como los menús de la izquierda y de la parte superior) haciendo clic en la flecha Ocultar controles  en la parte superior del editor. Obtén más información sobre la función Ocultar controles.

Usar el panel Capas

El panel Capas te muestra todos los elementos de tu página. El panel está dividido por las partes principales de tu página (encabezado, página y pie de página) para que puedas encontrar fácilmente los elementos que necesitas.
Después de habilitar el panel Capas, este aparece como un panel flotante que puedes arrastrar a cualquier lugar dentro del editor. Puedes habilitarlo haciendo clic en el icono Capas en la parte inferior izquierda del editor.
El panel de capas en el editor. El icono capas ha sido resaltado.

Usar las reglas horizontales y verticales

Con las reglas horizontales y verticales, puedes colocar con precisión elementos en tu sitio. Posiciona los elementos en ubicaciones específicas (en píxeles) y agrega guías para ayudarte a marcar estos puntos. 
Luego de habilitar Reglas desde el panel Herramientas, puedes ver la regla horizontal en la parte superior y la regla vertical en el lado derecho. 

Para habilitar las reglas:

  1. Ve al editor.
  2. Haz clic en Herramientas  en la parte superior derecha del editor.
  3. Selecciona la casilla de verificación Reglas.
Captura de pantalla de la barra de herramientas del editor, en la que se resaltan las reglas.

Usar líneas de cuadrícula

Las cuadrículas son las líneas de puntos dentro de tu editor que pueden ayudarte a crear el estilo de tu sitio correctamente. Las cuadrículas verticales son especialmente útiles, ya que muestran el ancho máximo de la página en tabletas y dispositivos más pequeños. 
Usa las cuadrículas para asegurarte de que tu contenido sea visible en todos los tamaños de pantalla posibles. Dependiendo de tus necesidades, puedes habilitarlas o deshabilitarlas en cualquier momento. Más información sobre las cuadrículas del editor

Para habilitar las líneas de cuadrícula:

  1. Ve al editor.
  2. Haz clic en Herramientas  en la parte superior derecha del editor.
  3. Selecciona la casilla de verificación Cuadrículas.
Captura de pantalla del panel de herramientas del editor, en la que se resaltan las cuadrículas.

Usar la herramienta Ajustar a objetos

La herramienta Ajustar a objetos te ayuda a adjuntar elementos entre sí con total precisión. 
Una vez que arrastras un elemento, aparecen líneas moradas para marcar los bordes de otros elementos en esa página. Cuando decides soltar el elemento que estás arrastrando, se "ajusta" a estos marcadores dentro de un rango de 5 píxeles.

Para habilitar Ajustar a objetos:

  1. Ve al editor.
  2. Haz clic en Herramientas  en la parte superior derecha del editor.
  3. Selecciona la casilla de verificación Ajustar a objetos.
Un GIF que muestra la herramienta Ajustar a objetos que se utiliza en el editor.

¿Te ha sido útil?

|