Diseño del encabezado¶
Para modificar el diseño del encabezado, haga clic en Editar y luego en el encabezado. En la sección Encabezado de la pestaña Personalizar del editor del sitio web podrá hacer lo siguiente:
Elija una plantilla con el menú desplegable:
Seleccione los ajustes del fondo para cambiar la paleta de colores mediante diferentes estilos de tema, opciones de color personalizado y opciones de degradado.
Agregue un borde al encabezado y defina su tamaño, estilo y color.
Adapte las esquinas redondeadas a su diseño.
Agregue una sombra y defina su color, desplazamiento, desenfoque y expansión.
Agregue un efecto de desplazamiento. Coloque el cursor sobre un efecto para previsualizarlo.
Elija la posición del encabezado, puede seleccionar Regular, Oculto o Sobre el contenido. Cuando selecciona Sobre el contenido, puede personalizar el fondo y el color del texto.
Muestre u oculte elementos como texto, la barra de búsqueda, el botón Iniciar sesión, los enlaces a redes sociales, el botón Contáctenos y el logotipo.
Haga clic en Guardar para terminar.
Truco
Para ocultar el encabezado haga clic en Editar, haga clic en el encabezado y vaya a la pestaña Tema del editor de sitios web. Diríjase a la sección Avanzado y presione el botón Mostrar encabezado para mostrarlo u ocultarlo.
Contenido del encabezado¶
Los menús organizan el contenido del encabezado y ayudan a los visitantes a navegar en las páginas web de manera eficiente. Tener menús bien estructurados que sean fáciles de usar también es importante para mejorar el posicionamiento en los motores de búsqueda.
Editor de menú¶
El editor de menú le permite editar el encabezado del sitio web y agregar elementos de menú y mega menús.
Vaya a para editar el contenido del encabezado. Desde ahí podrá hacer lo siguiente:
Renombrar un elemento del menú o cambiar su URL con el icono Editar elemento de menú.
Eliminar un elemento de menú con el icono Eliminar elemento del menú.
Mover un elemento del menú al arrastrarlo y soltarlo en el lugar deseado del menú.
Crear un menú desplegable normal al arrastrar y soltar los elementos del submenú a la derecha abajo de su menú principal.
Nota
También puede acceder al editor de menús si hace clic en Editar, selecciona cualquier elemento del menú y hace clic en el icono Editar menú.
Mega menús¶
Los mega menús son similares a los menús desplegables, pero en lugar de mostrar una simple lista de submenús, muestran un panel dividido en grupos de opciones de navegación. Esto los hace perfectos para los sitios web que tienen mucho contenido y para los sitios web de comercio electrónico, ya que pueden ayudarle a incluir todas sus páginas web o categorías de comercio electrónico en el menú y a mantener todos los elementos visibles al mismo tiempo.
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 mega menú, haga clic en un elemento del mega menú en el encabezado y luego en Editar. Los mega menús están compuestos por bloques de creación, así que puede personalizar cada componente por separado. Por ejemplo:
Edite el texto en el bloque de creación.
Edite la URL de un elemento del menú. Selecciónelo y luego haga clic en el botón Editar enlace en la pequeña ventana emergente de previsualización. Escriba
/para buscar una página de su sitio web o#para buscar un ancla personalizada ya existente.
Mueva un elemento de menú al arrastrar y soltar el bloque relacionado en la posición deseada del mega menú.
Eliminar un elemento de menú al eliminar el bloque correspondiente.
Para adaptar el diseño general del mega menú, vaya a la pestaña Personalizar del editor de sitio web y en la sección Mega menú podrá hacer lo siguiente:
Elija una plantilla.
Elija el tamaño: Ancho completo o Estrecho.
Haga clic en Guardar para terminar.