Sitio web avanzado: encabezados

El encabezado es la parte de tu sitio que contiene el logotipo y la navegación. Hay muchas maneras de controlar el estilo del encabezado para ayudarte a crear uno atractivo para tu sitio.

Tipos de encabezado

Hay dos tipos de encabezados disponibles: retráctiles y fijos. Los encabezados retráctiles están disponibles en computadoras de escritorio y en la barra superior de encabezados de tabletas. Los encabezados fijos están disponibles en todos los dispositivos. Los encabezados móviles siempre son fijos por defecto.

Encabezados encogidos

El encabezado retráctil es una versión más pequeña del encabezado del sitio web, lo que permite mantener fija la información de navegación importante sin distraer a los usuarios al desplazarse hacia abajo en la página y sin ocupar demasiado espacio. Actúa como una función de encabezado fijo, pero reduce el tamaño de los logotipos y otros Widgets en el encabezado. Es especialmente útil en sitios con encabezados grandes y diseñados para desplazamientos largos. El encabezado retráctil está disponible solo en computadoras de escritorio y tabletas, en el diseño de encabezado de la barra superior.

Diseños de encabezado

Para cambiar el diseño del encabezado:

Pase el cursor sobre el encabezado y haga clic en Encabezado.
En la pestaña Diseño, seleccione un nuevo Diseño de encabezado. Usar encabezados prediseñados te ayuda a ahorrar tiempo al diseñar tu sitio web. Siempre puedes seleccionar un diseño y modificarlo posteriormente. Si cambias a un encabezado fijo, primero debes desactivar la opción de Encabezado Retráctil en la pestaña correspondiente.

Nota:

Al seleccionar uno de estos diseños, se elimina el contenido existente en la sección del encabezado, así que asegúrate de tener una copia de seguridad antes de seleccionar estas opciones. Al usar uno de estos diseños, el encabezado se vuelve flexible y no se puede volver a un encabezado fijo.

Encabezados fijos

Para que un encabezado quede fijo, pase el cursor sobre él y haga clic en Encabezado y seleccione Establecer como encabezado fijo. El encabezado se vuelve estático y permanece en su lugar al desplazarse por las páginas de tu sitio. Si la opción de encabezado fijo no está disponible, debes desactivar la opción de encabezado retráctil en la pestaña "Encabezado retráctil".

Ocultar encabezados

Para ocultar un encabezado en una página:

Coloca el cursor sobre la parte inferior del encabezado y haz clic en Encabezado.
Haz clic en Ocultar el encabezado en la página y selecciona el dispositivo en el que deseas ocultar el encabezado.

Para mostrar el encabezado:

En el panel lateral, haz clic en el Mostrar elementos ( ) icono en Ajustes.
Haz clic en el Ocultar icono en el pie de página y selecciona Sí para mostrar el encabezado.

Para obtener más información, consulta Mostrar elementos ocultos.

Logotipo del encabezado

Si el encabezado contiene una imagen, el logotipo del sitio se conservará al cambiar de diseño. Si hay más de una imagen o el logotipo es textual, la imagen se conservará tal como está en el diseño. Es importante tener en cuenta que los encabezados entre dispositivos no están conectados, por lo que si se agrega un logotipo en una computadora de escritorio, no se agregará automáticamente a los otros tipos de dispositivo. La única excepción es si el diseño del encabezado de la barra superior se usa en una tableta, donde se heredarán los cambios de logotipo realizados en la computadora de escritorio.

Si eliminas el logotipo, vuelve a agregar la imagen arrastrándola de nuevo al encabezado y configura el enlace para volver a la página de inicio. Para más información, consulta el widget de imagen.

Otras opciones de encabezado

Hay otras opciones de encabezado disponibles en el menú de diseño que te permiten personalizar aún más el aspecto de tu encabezado.

Para acceder al menú de diseño del encabezado, pasa el cursor sobre el encabezado y haz clic en Encabezado y, a continuación, haz clic en la pestaña Diseño.

Para mostrar los elementos del encabezado sobre las imágenes principales, haz clic en Superponer la primera fila. Esto da mayor visibilidad a tus imágenes destacadas y facilita el diseño de sitios web atractivos y modernos. Ten en cuenta lo siguiente:

Para el encabezado, configura el color de fondo como transparente o con opacidad.
Para la primera fila, utiliza un relleno superior igual o similar a la altura del encabezado.

Al cambiar a un nuevo diseño de encabezado que contiene iconos de redes sociales, estos se muestran tal como están definidos en la biblioteca de contenido. Si no hay enlaces a redes sociales, los iconos se mantienen genéricos, tal como están en el diseño.

Relacionada con:

GFP: Guesty Booking Website