Editor de Wix Harmony: personalizar el encabezado del sitio

12 min

En este artículo

Personalizar el fondo del encabezado
Diseñar el encabezado
Ajustar el comportamiento del encabezado
Ocultar el encabezado de una página específica
Preguntas frecuentes

El encabezado de tu sitio establece el tono para cada página. Además de mostrar tu toque personal, ayuda a los visitantes a orientarse a la hora de navegar por tu sitio. En el Editor de Wix Harmony, puedes personalizar todo, desde los fondos y los bordes hasta los efectos de desplazamiento, para que el encabezado se vea perfecto.

Una página del sitio en Wix Harmony, en la que se resalta el encabezado en la parte superior.

Personalizar el fondo del encabezado

Selecciona el fondo ideal para transmitir la esencia de tu encabezado. Puedes usar un color sólido, una imagen o un video en reproducción continua para aportar dinamismo. Personaliza los ajustes hasta conseguir que el encabezado quede exactamente como quieres.

Para personalizar el fondo del encabezado:

Ve al editor.
Selecciona el encabezado.
Haz clic en Reemplazar fondo en la barra de acciones.
Elige el tipo de fondo haciendo clic en el icono correspondiente: Color , Degradado , Imagen o Video .
Configura el fondo del encabezado:

Fondo de color

Fondo degradado

Fondo de imagen

Fondo de video

Diseñar el encabezado

Una vez que hayas elegido el fondo perfecto, lleva el diseño del encabezado aún más lejos con unos cuantos toques creativos. Agrega bordes, juega con las esquinas, ajusta el espaciado y aplica capas de sombras para que el encabezado realmente se destaque.

Para diseñar el encabezado:

Ve al editor.
Selecciona el encabezado.
Haz clic en el icono Todas las opciones de diseño en la barra de acciones.
Elige cómo diseñar el encabezado:
- Bordes : define los bordes del encabezado para que se destaque. Elige un color, un ancho y un estilo.
- Esquinas : haz que las esquinas del encabezado sean más cuadradas o redondeadas arrastrando el control deslizante debajo de Radio. Haz clic en el icono Editar esquinas individualmente para diseñar cada esquina por separado.
- Espaciado : arrastra el control deslizante para agregar espacio entre el encabezado y los bordes de la pantalla. Haz clic en el icono Editar lados individualmente para agregar relleno solo a lados específicos.
- Sombra : aplica un sombreado interior y exterior para darle al encabezado un efecto 3D interesante. Configura la posición, el desenfoque, el color y más.

Se abre el encabezado del sitio y el panel Diseño, se define la sombra para el encabezado.

Cambia el tamaño del encabezado:

Arrastra el controlador para cambiar la altura del encabezado. Si hay mucho espacio en blanco en la parte inferior del encabezado, haz doble clic en el controlador para eliminar este espacio.

Se arrastra el controlador en la parte inferior de un encabezado para cambiar su tamaño en el Editor de Wix Harmony

Ajustar el comportamiento del encabezado

Elige si el encabezado se superpone a la siguiente sección o permanece separado. La superposición crea un efecto moderno de capas, mientras que mantener las secciones separadas aporta un aspecto nítido y clásico. Elige el estilo que mejor se adapte a la personalidad de tu sitio.

Luego, dale vida al encabezado con un efecto de desplazamiento que se adapte al ritmo de tu sitio. Elige si tu encabezado se mueve con la página, permanece visible para un acceso fácil o desaparece y se desvanece a medida que los visitantes se desplazan. Cada efecto crea una experiencia de navegación diferente para tus visitantes.

Para ajustar el comportamiento del encabezado:

Ve al editor.
Haz clic en el encabezado.
Haz clic en Cambiar comportamiento en la barra de acciones.
Haz clic en la palanca junto a Superponer sección siguiente:
- Activada: el encabezado se sitúa sobre la siguiente sección con una clara separación entre ellas.
- Desactivada: el encabezado flota sobre la parte superior de la siguiente sección, lo que crea una apariencia en capas en la que el contenido aparece detrás del encabezado.
Elige un efecto de desplazamiento:
- Mover con la página: no se aplica ningún efecto de desplazamiento. Cuando los visitantes se desplazan hacia abajo en la página, también se alejan del encabezado (es decir, de la parte superior de la página).
  Nota: Esta opción está deshabilitada cuando se configura el encabezado para que se superponga con la siguiente sección.
- Mantener fijo: el encabezado permanece en la parte superior de la página a medida que los visitantes se desplazan hacia arriba y hacia abajo, lo que les proporciona un fácil acceso al menú de tu sitio.
- Desaparecer: cuando los visitantes se desplazan por la página, el encabezado desaparece gradualmente. Cuando los visitantes comienzan a desplazarse hacia arriba, el encabezado aparece nuevamente.
- Desvanecer: el encabezado se desvanece lentamente cuando los visitantes se desplazan por el sitio y vuelve a aparecer cuando comienzan a desplazarse hacia arriba.
(Opcional) Obtén una vista previa de la página para ver el efecto en acción.

GIF del panel Comportamiento del encabezado en Wix Harmony. Al pasar el cursor sobre los efectos, se muestra una vista previa del efecto.

Ocultar el encabezado de una página específica

Tienes la libertad de elegir si el encabezado aparece en todas las páginas del sitio. De forma predeterminada, el encabezado siempre está visible para ayudar a los visitantes a navegar sin problemas, pero puedes ocultarlo fácilmente de páginas específicas cuando lo desees.