Editor de Wix: personalizar el encabezado de tu sitio
5 min de lectura
El encabezado es la sección que se encuentra la parte superior de tu sitio web y, por lo general, contiene el menú y el logotipo. Dado que el encabezado es la primera impresión que se llevan los visitantes de tu sitio, te recomendamos que lo personalices para que se adapte a tu marca y a tu estética.
Elige el diseño y el efecto de desplazamiento para el encabezado, y configura el tamaño y los bordes para causar una impresión duradera en los visitantes.
En este artículo, obtén más información sobre lo siguiente:
Los elementos dentro del encabezado se muestran automáticamente en todas las páginas en las que aparece el encabezado.
Cambiar el diseño del encabezado
Puedes cambiar el diseño del encabezado para que se adapte a tu sitio. Selecciona un diseño entre una variedad de preajustes y personaliza las opciones, como el color, el espaciado y las esquinas.
Para cambiar el diseño del encabezado:
- Haz clic en el encabezado.
- Haz clic en el icono Más acciones
a la derecha
- Haz clic en Cambiar diseño de tu encabezado.
- Haz clic en el estado Normal o Se desplaza.
- Usa las opciones para personalizar el diseño del encabezado:
- Color y opacidad: elige un color para el encabezado y ajusta la opacidad.
- Borde: agrega bordes al encabezado para que se destaque en tu página.
- Esquinas: haz que las esquinas del borde sean más redondas o más cuadradas.
- Sombreado: agrega y diseña una sombra para darle al encabezado un efecto 3D genial.
El estado "Se desplaza" te permite diseñar el encabezado para que se vea diferente una vez que los visitantes se desplazan hacia abajo por la página. Por ejemplo, puedes hacer que el encabezado cambie de color o agregarle un borde para que se destaque.
Configurar una imagen como encabezado de tu sitio
Para seguir personalizando tu sitio, puedes configurar una imagen como encabezado. Arrastra la imagen al encabezado para adjuntarla y luego, usa las manillas de arrastre para estirar la imagen por el encabezado. Después, puedes mover la imagen hacia atrás para que no oculte los elementos del encabezado.
La imagen debe ser más pequeña que el encabezado para que quepa dentro de este y se adjunte correctamente. Recomendamos usar una imagen con una resolución y un tamaño que sea compatible con el tamaño del encabezado, como una imagen de banner.
Para usar una imagen como encabezado de tu sitio:
- Ve al editor.
- Agrega una nueva imagen o selecciona una existente en la página.
- Arrastra la imagen al encabezado y suéltala cuando veas el mensaje Adjuntar al encabezado.
- (Opcional) Arrastra las manillas de cambio de tamaño para estirar la imagen al ancho del encabezado.
- Mueve la imagen hacia atrás:
- Haz clic con el botón derecho en la imagen.
- Pasa el cursor sobre Ordenar y haz clic en Mover hacia atrás.
Consejo:
Reemplaza la imagen del encabezado en cualquier momento usando el panel de Edición rápida y haciendo clic en Cambiar junto a la imagen actual.
Cambiar el tamaño del encabezado
Puedes cambiar el tamaño del encabezado para que sea tan grande o pequeño como desees.
Los encabezados grandes resultan útiles si tienes varios elementos, como el título del sitio, el menú del sitio y el logotipo. Los encabezados más pequeños son ideales para sitios mínimos o si tienes la mayoría de los elementos en la página.
Para cambiar el tamaño del encabezado:
- Haz clic en el encabezado.
- Arrastra la manilla de estirar en la parte inferior del encabezado para hacerlo más alto o más corto.
Agregar un efecto de desplazamiento al encabezado
Agrega un efecto de desplazamiento interesante al encabezado para elegir cómo se comporta a medida que los visitantes se desplazan hacia arriba y hacia abajo. Por ejemplo, mantén el encabezado en la parte superior a medida que los visitantes se desplazan o haz que se desvanezca gradualmente.
Para elegir un efecto de desplazamiento para el encabezado
- Haz clic en el encabezado.
- Haz clic en el icono Más acciones
- Haz clic en Ajustes.
- Selecciona un efecto de desplazamiento:
- Se desplaza: 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).
- Se inmoviliza: 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.
Consejo: Al elegir este efecto, recomendamos que el encabezado sea lo suficientemente corto para que no cubra ningún contenido durante el desplazamiento. - Desaparece: cuando los visitantes se desplazan por tu sitio, el encabezado desaparece gradualmente. Para que el encabezado vuelva a aparecer, los visitantes deben comenzar a desplazarse hacia arriba.
- Se desvanece: el encabezado se desvanece lentamente cuando los visitantes se desplazan por el sitio y vuelve a aparecer cuando comienzan a desplazarse hacia arriba.
Consejo:
La versión de escritorio y la versión móvil de tu sitio pueden tener diferentes efectos de desplazamiento de encabezado. Aprende cómo cambiar la configuración de desplazamiento del encabezado en la versión móvil de tu sitio.
¿Te ha sido útil?
|