Editor X: agregar y usar anclas
3 min de lectura
El Editor X está en proceso de transición hacia Wix Studio, nuestra nueva plataforma para agencias y freelancers.Más información sobre Wix Studio
Agrega un ancla a cualquier elemento para generar un enlace directo al elemento. Puedes usar anclas de 2 maneras:
- Enlazar elementos a las anclas: enlaza elementos tales como botones o elementos del menú a las anclas. Esto significa que en lugar de colocar toda la información en una ubicación, puedes dirigir a tus visitantes a diferentes ubicaciones en tu sitio con información adicional.
- Mostrar las anclas en un menú de anclas: muestra todas tus anclas en un menú de anclas flotantes genial para ayudar a tus visitantes a navegar por tu sitio.
Aprende cómo:
Agregar un ancla
Agrega un ancla a cualquier elemento de tu sitio, incluidas las secciones de la página, los contenedores y las imágenes. Una vez que hayas agregado el ancla, dale un nombre para que puedas reconocerla fácilmente cuando quieras enlazarla.
Para agregar un ancla:
- Haz clic en el elemento al cual deseas agregar un ancla.
- Haz clic en la sección Ancla en el Inspector de propiedades a la derecha del Editor.
- Habilita la palanca Agregar un ancla.
- Ingresa el nombre del ancla.
No es posible agregar un ancla a masters ni elementos adjuntos a masters.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2020/03/09/554f8760-f0e3-4ccf-b2e1-6f9eb03c9410/dacf72cd-fd19-4f79-8399-85bc01e854cf.jpg)
Agregar un menú de anclas
Muestra las anclas en un menú de anclas flotantes siempre visible cuando tus visitantes se desplazan hacia abajo en tu sitio web. Estos menús permiten a tus visitantes acceder a diferentes partes de tu sitio haciendo clic en el nombre del ancla en el menú.
Consejo:
Los menús de anclas son particularmente útiles en sitios de una página que son muy largos con varias secciones.
Para agregar un menú de anclas:
- Haz clic en Agregar
en la parte superior del Editor X.
- Haz clic en Navegación.
- Haz clic en Menús de anclas.
- Haz clic en un menú para agregarlo o arrástralo a la ubicación correspondiente.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2020/03/09/979befdc-f0a5-43b6-971f-8551c735b448/eeeaa8e0-b65e-465f-9632-81aacd7ec004.jpg)
Enlazar a un ancla
Una vez que hayas agregado tu ancla, puedes enlazar elementos como imágenes, botones, texto y demás. Al hacer clic en estos elementos, se dirige a tus visitantes al ancla correspondiente.
Para enlazar un elemento a un ancla:
- Haz clic en el elemento desde el cual deseas enlazar.
- Haz clic en el icono Enlace
.
- Haz clic en Ancla.
- Haz clic en el menú desplegable ¿Qué página? y selecciona la página que contiene el ancla.
- Haz clic en el menú desplegable ¿Qué ancla en esta página? y selecciona el ancla correspondiente.
- Haz clic en Hecho.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2020/03/09/265fd8f0-3ec3-4c47-ac06-25a6c6ff38ac/49f6d26f-c24f-4e75-a931-8060e27da1ed.jpg)
Usar anclas con breakpoints
Al diseñar tu sitio, debes tener en cuenta que tus elementos pueden estar en diferentes posiciones en diferentes breakpoints. Esto podría afectar los enlaces a las anclas, ya que pueden no dirigir a tus visitantes a la misma ubicación de tu sitio en todos los breakpoints.
Un elemento solo puede estar enlazado a un ancla en todos los breakpoints. Esto significa que si un botón está enlazado al Ancla 1, debe estar enlazado al Ancla 1 en todos los breakpoints. No puedes eliminar un enlace de anclaje en un solo punto de breakpoint.
Obtén una vista previa de tu sitio:
Prueba todos tus enlaces a anclas en cada breakpoint para asegurarte de que funcionen a tu gusto.
¿Te ha sido útil?
|