Encabezado y menú principal
El encabezado se encuentra en la parte superior de tu sitio web por encima de todas las secciones, en todas las páginas de tu sitio.
Está compuesto por el logo, el menú principal y elementos adicionales como tus redes sociales y el carrito de compras – en caso de las tiendas online.
Puede ser que tu encabezado se vea distinto porque existen diferentes diseños pero los componentes son los mismos.
ℹ️ Es importante aclarar que este video aplica para sitios con los planes Site o Store. Si tenés un sitio del plan Landing, te recomendamos que veas el siguiente video.
A continuación vamos a aprender a editar el encabezado a través de sus 3 componentes y luego veremos cómo editar su diseño:
1. Logo
Al crear nuestro sitio web inicialmente veremos el nombre de nuestro sitio en el lugar en donde va el logo.
Para cargar nuestro logo vamos a Estilos globales > logo y favicon.
2. Menú principal
El menú principal del encabezado refleja todas las páginas que están en el menú de páginas del editor bajo el título menú principal.
La única excepción es la página de Inicio, que puede mostrarse o no, ya que de todas formas el clic en el logo nos lleva a ella.
Si queremos que la página de Inicio se muestre junto a las demás páginas del menú principal vamos a su configuración y tildamos la opción “mostrar en el menú de páginas”.
Todas las páginas que agreguemos se verán reflejadas en el menú principal a menos que cambiemos su ubicación ya sea al momento de crearla o luego desde su configuración.
Si queremos mostrar un desplegable en el menú principal podemos hacerlo desde la configuración de una página que contenga páginas internas, y desde avanzado tildamos la opción “mostrar desplegable de subpáginas”.
Por último, podemos agregar otros links en el menú principal que no sean páginas.
3. Elementos adicionales
Podemos agregar nuestras redes sociales en el encabezado, así como botones con links internos o externos.
Para agregar las redes sociales vamos a Configuración > Redes sociales y hacemos clic en la red social que queremos mostrar, o podemos agregar una nueva.
Activamos el switch, cargamos un icono y pegamos el link de nuestro perfil.
Para agregar botones al encabezado vamos a Configuración > Encabezado, y podemos agregar hasta dos botones,
uno principal y otro secundario.
Si tenemos una tienda online podemos cargar el icono para el carrito de compras, y elegir si queremos mostrar las categorías de productos directamente en el menú principal.
4. Diseño
Por último, podemos editar el diseño del encabezado desde el editor de Estilos globales > Encabezado.
Podemos elegir entre 4 tipos de encabezado, y cada uno tiene sus opciones.
Entre otras cosas podemos cambiar el color de fondo, elegir la alineación del menú principal, el estilo de los links activos, y la opción de encabezado fijo: que se mantiene visible en la parte superior de la pantalla aún cuando scrolleamos por la página.
Te recomendamos que explores las diferentes opciones hasta encontrar la que mejor se adapte a tu sitio.