Cómo configurar un menú de sitio web

Lea esta guía para obtener más información sobre el diseño del menú, cómo funciona y cómo se ve:

Esta guía cubre seis tipos de menús de navegación, contiene procedimientos para crear todos los tipos de menús y consejos sobre dónde usar cada uno de ellos.

Hay dos formas de agregar elementos de menú.

Establezca un enlace completo a la página, por ejemplo:
http://mysite.com/about

O ponga un enlace relativo:
/acerca de

Puedes establecer la URL de una página en Configuración de página:

Pase el puntero del mouse sobre un elemento del menú. Verá dos opciones para agregar un enlace: Enlace a página y Enlace a bloque.

Haga clic en Enlace a la página para ver una lista de las páginas del sitio web. Seleccione una página de la lista para que su URL se coloque automáticamente.

Si desea agregar un enlace a un bloque en la página, haga clic en Enlace a bloque. Se le llevará a la página para que pueda elegir el bloque que desee. Haga clic en el bloque al que desea que se lleve a los usuarios cuando hagan clic en el elemento del menú. El enlace de anclaje se agregará automáticamente.

Para crear un menú de navegación dentro de una sola página, complete los campos "Enlace" con ID de bloque, por ejemplo, #rec2081259. Puede encontrar una ID de bloque en la configuración del bloque.

Si desea utilizar un enlace personalizado, por ejemplo #link, puede crear un enlace ancla.

Para hacer un sitio web en dos idiomas, tendrá que crear dos proyectos (se requiere el Plan de Negocios Tilda). Es posible que le resulte más fácil crear un sitio web en un idioma primero. Después de eso, puede copiar el proyecto y traducirlo.

Configure el encabezado de ambos proyectos agregando un bloque de menú ME204 o uno de estos menús: ME301, ME302, ME303, o los menús hamburguesa: ME401, ME402, ME304. Abra el panel de Contenido del bloque y agregue idiomas y enlaces de los sitios web.

Hay dos formas de hacer un menú de segundo nivel:

Agregue un bloque de menú a la página.

Vaya al panel Contenido del bloque → Elementos del menú → Agregar subelementos, luego aparecerán los iconos "más" a la izquierda.

Para agregar un segundo nivel, haga clic en el icono "más" y agregue un título de submenú y su URL. Haga clic en el signo "+" varias veces para agregar el número necesario de subelementos.

En el escritorio, se muestra un menú de segundo nivel en una lista desplegable al pasar el mouse, en los dispositivos móviles aparece cuando toca.

Agregue cualquier bloque de menú a la página; será un menú de primer nivel. Luego agregue un bloque ME601 (Menú: segundo nivel).

ME601 le permite agregar un submenú para los elementos del menú principal. Aparecerá como un menú desplegable cuando se coloque el cursor sobre él en el escritorio o se toque en el dispositivo móvil.

Cómo funciona:
1) En el bloque ME601: especifique un enlace, por ejemplo, #submenu:more.
2) En el menú principal: agregue un enlace #submenu:more en el panel Contenido del bloque → Elementos del menú como enlace de un elemento del menú.

Importante: no se podrá hacer clic en el elemento del menú principal. Si desea tener un enlace, duplique este elemento en el menú desplegable.

Nota: "Más" en "#submenu:more" puede ser cualquier palabra, por ejemplo: #submenu:portfolio o #submenu:aboutus.

Para configurar la fijación del bloque, abra Zero Block → Configuración → en "Posición y desbordamiento", seleccione "Fijo" para bloquear el bloque.

El bloque se puede fijar en la parte superior o inferior de la página y se puede configurar para que aparezca después de X píxeles (Aparecer desplazamiento). En este caso, puede personalizar una de las dos variantes de la animación de apariencia: Fundido de aparición o Deslizar hacia arriba/abajo. Esto puede resultar útil, por ejemplo, si desea que el encabezado del sitio web aparezca no de inmediato, sino después de desplazarse un poco.

Lea sobre otros tipos de menú, descubra cómo crear un menú fijo que sea visible al desplazarse, cómo agregar dos menús a una página, cómo crear pestañas y más en nuestro artículo "Explore seis diseños de menús de sitios web".