Diseño del encabezado¶
Para modificar el diseño del encabezado, haz clic en Editar, luego haz clic en el encabezado. Las siguientes opciones están disponibles en la sección Encabezado de la pestaña Personalizar en el editor del sitio web:
Elige una Plantilla del menú desplegable.
Selecciona la configuración de Fondo para cambiar la paleta de colores a través de diferentes Estilos de tema, opciones de color Personalizadas y opciones de Degradado.
Al agregar un Borde al encabezado, se puede definir su tamaño, estilo y color.
Adapta las Esquinas redondeadas para ajustar el diseño.
Agrega una Sombra y define su Color, Desplazamiento, Desenfoque y Extensión.
Agrega un Efecto de desplazamiento. Pasa el cursor sobre un efecto para previsualizarlo.
Elige la Posición del encabezado entre Normal, Oculto y Sobre el contenido. Cuando se selecciona Sobre el contenido, puedes personalizar el Fondo y el Color del texto.
Mostrar u ocultar Elementos como texto, la barra de búsqueda, el botón Iniciar sesión, enlaces de redes sociales, el botón Contáctanos y el logotipo.
Para finalizar los cambios, haz clic en Guardar.
Truco
Para ocultar el encabezado, haz clic en Editar, haz clic en el encabezado y ve a la pestaña Tema del editor del sitio web. Desplázate hacia abajo hasta la sección Avanzado y activa el interruptor Mostrar encabezado para ocultar/mostrar el encabezado.
Contenido del encabezado¶
Los menús organizan el contenido del encabezado y ayudan a los usuarios a navegar por las páginas web de manera efectiva. Los menús fáciles de usar y bien estructurados también desempeñan un papel crucial en la mejora de las clasificaciones en motores de búsqueda.
Editor de menú¶
El editor de menús permite editar el encabezado del sitio web y agregar elementos de menú y megamenús.
Para editar el contenido del encabezado, ve a . Desde allí, puedes:
renombrar un elemento del menú o cambie su URL usando el icono de Editar elemento del menú;
eliminar un elemento del menú usando el icono Eliminar elemento del menú;
mover un elemento del menú arrastrándolo y soltándolo en el lugar que desee del menú;
crear un menú desplegable estándar arrastrando y soltando los elementos del submenú a la derecha, debajo de su menú principal.
Nota
También puedes acceder al editor de menú haciendo clic en Editar, seleccionando cualquier elemento del menú y haciendo clic en el icono Editar menú.
Megamenús¶
Los menús mega son similares a los menús desplegables, pero en lugar de una simple lista de submenús, muestran un panel dividido en grupos de opciones de navegación. Esto los hace adecuados para sitios web con grandes cantidades de contenido o sitios web de comercio electrónico, ya que pueden ayudar a incluir todas tus páginas web o categorías de comercio electrónico en el menú mientras mantienen visibles todos los elementos del menú a la vez.
Para crear un mega menú, vaya a y haga clic en Agregar elemento de mega menú. Escriba el Nombre del mega menú en la ventana emergente, haga clic en OK y luego en Guardar.
Para adaptar las opciones y el contenido del megamenú, haz clic en un elemento del megamenú en el encabezado y luego haz clic en Editar. Los megamenús están compuestos de bloques de construcción, lo que significa que puedes personalizar cada componente individualmente. Por ejemplo:
Edita el texto directamente en el bloque de construcción.
Edita la URL de un elemento del menú seleccionando el elemento del menú y haciendo clic en el botón Editar enlace en la pequeña vista previa emergente. Escribe
/para buscar una página en tu sitio web o#para buscar un ancla personalizada existente.
Mueve un elemento de menú arrastrando y soltando el bloque relacionado a la posición deseada en el mega menú.
Elimina un elemento de menú eliminando el bloque relacionado.
Para adaptar el diseño general del mega menú, ve a la pestaña Personalizar del editor del sitio web y luego, en la sección Mega menú:
Elige una Plantilla.
Selecciona el Tamaño: Ancho completo o Estrecho.
Para finalizar los cambios, haz clic en Guardar.