Intro a Grid
Última actualización: Julio 2023
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.
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.