Editor de Wix: usar el panel Capas

4 min de lectura
El panel Capas enumera claramente todos los elementos de tu página. Según el estilo de la página, el panel se divide en encabezado, página principal y pie de página. Por ende, puedes ver y seleccionar elementos para ajustarlos según sea necesario.
En este artículo, obtén más información sobre lo siguiente:

Usar el panel Capas

Usa el panel Capas para seleccionar y administrar elementos en tu sitio. Esta es una excelente manera de localizar elementos, así como de reorganizarlos para que se adapten a la estructura y la alineación de tu sitio.

Para usar el panel:

  1. Selecciona Capas  en la parte inferior izquierda del Editor.
  2. Haz clic en Encabezado, Página o Pie de página para ver los elementos de esa área.
  3. Localiza el elemento correspondiente de la lista y haz clic en él.
  4. Elige qué quieres hacer con el elemento:
    • Mover el elemento hacia adelante o atrás:
      • Adelante: selecciona Ctrl + ↑ en el teclado para mover el elemento hacia adelante (Ctrl + Shift + ↑ si quieres ponerlo al frente).
      • Atrás: selecciona Ctrl + ↓ en el teclado para mover el elemento hacia atrás (Ctrl + Shift + ↓ si quieres ponerlo detrás).
    • Personalizar o ajustar el elemento: haz clic en el elemento dentro del Editor y usa las opciones disponibles para ajustar el contenido, el estilo y el diseño.
    • Cambiar el orden de los elementos: haz clic en los elementos del panel y arrástralos para cambiar su orden. Esto sirve para garantizar que el orden en el panel coincida con el orden visual en tu sitio.
El panel Capas en el Editor. Se ha seleccionado una franja en el panel, que está resaltada en la página.

Trabajar con elementos en el modo avanzado

Con el panel Capas en modo desarrollador, tienes aún más funciones para editar tu sitio. De esta manera, puedes centrarte en los elementos correspondientes. Oculta temporalmente un elemento del Editor o céntrate en un solo elemento ocultando el otro contenido en tu página.
¿Sabías esto?
El panel enumera los elementos de tu página según el ID que asignas en el panel de Propiedades, y los elementos agrupados se muestran debajo de su ID de grupo. 

Para trabajar con el panel en modo desarrollador:

  1. Selecciona Capas  en la parte inferior izquierda del Editor.
  2. Haz clic en Encabezado, Página o Pie de página para ver los elementos de esa área.
  3. Localiza el elemento correspondiente de la lista y haz clic en él.
  4. Elige qué quieres hacer con el elemento:
    • Ocultar un elemento temporalmente: pasa el cursor sobre el elemento en el panel Capas y haz clic en el icono Ocultar en Editor . Puedes hacer clic en el icono nuevamente para mostrar el elemento cuando sea necesario.
    • Centrarse en un elemento: haz clic en el icono Reflector  junto al elemento en el que deseas centrarte para ocultar todos los demás elementos de la página. Puedes desactivar el reflector haciendo clic en el icono nuevamente.
El panel Capas en el Editor con el modo desarrollador habilitado. Los iconos Ocultar y Reflector están resaltados junto a un elemento.
¿Cuál es el próximo paso?
  • Cuando seleccionas un elemento en el panel Capas, también se selecciona en el panel Propiedades (enlace en inglés). Esto te permite trabajar con las propiedades de un ítem que se coloca detrás de otros elementos, sin necesidad de mover las cosas. 
  • Visita el centro de recursos de Velo by Wix para integrarte y continuar aprendiendo (enlace en inglés).

Preguntas frecuentes

Haz clic en una de las siguientes preguntas para obtener más información sobre el uso del panel Capas en el Editor y con el modo desarrollador.

¿Te ha sido útil?

|