Cómo configurar un menú de sitio web

Para agregar un menú de navegación a su sitio web, vaya a la Biblioteca de bloques → menú y seleccione un bloque de menú a su gusto. Puede personalizar el menú en el panel Contenido del bloque.
Lea esta guía para obtener más información sobre el diseño del menú, cómo funciona y cómo se ve:
This guide covers seven types of the navigation menu, contains how-tos for creating all menu types and tips on where to use each of them.
1
Cómo agregar elementos de menú y enlaces
Hay dos formas de agregar elementos de menú.
1. Agregar elementos de menú y enlaces manualmente
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:
No utilice la dirección interna de la página que se muestra en la barra de direcciones URL mientras edita la página:

https://tilda.cc/page/?pageid=509765

Esto se debe a que la página no se cargará para nadie más que para ti. El enlace en el menú no funcionará.
2. Usar un asistente para agregar enlaces (URL)
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.
2
Cómo crear un menú para todas las páginas
Para configurar un menú para todas las páginas de su sitio web, cree una nueva página dentro de su proyecto, agregue un bloque de menú allí y configúrelo. Luego vaya a Configuración del sitio → Encabezado y pie de página y asigne esta página como encabezado. Después de eso, regrese al panel del proyecto y haga clic en Publicar todas las páginas.

Lea la guía "Encabezado y pie de página" para obtener más información al respecto.
3
Cómo navegar dentro de una página usando un menú
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 habilitar el desplazamiento suave de los enlaces de anclaje, agregue un bloque T178 de la categoría "Otros" a la parte inferior de la página.
4
Cómo hacer un menú para un sitio web bilingüe
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.
Para copiar una página, vaya a la página Configuración de la página → Acciones → Duplicar. Para mover la página a otro sitio web, vaya a la página Configuración → Acciones → Mover página.

Desafortunadamente, es imposible duplicar todo el sitio web. Sin embargo, estamos trabajando para hacerlo posible.
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.
5

Cómo hacer un menú de segundo nivel
Hay dos formas de hacer un menú de segundo nivel:
  1. Agregar elementos de submenú al bloque de menú principal
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.
Importante: No se podrá hacer clic en el elemento del menú principal para el que se utiliza un submenú si contiene subelementos.
Para ayudar a los visitantes de su sitio web a comprender fácilmente qué elementos del menú contienen menús de segundo nivel, seleccione la casilla de verificación "Mostrar icono de menú de segundo nivel" en Configuración → Configuración de submenú.
2. Utilice los bloques ME601/ME601A
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.
Un ejemplo de cómo se puede utilizar el bloque ME601
Cómo crear un menú usando Zero Block
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.
Read about other menu types, discover how to make a fixed menu that will be visible when scrolling, how to add two menus to a page, how to make tabs, and more in our article "Explore seven website menu designs."
Explore seven website menu designs
Opciones de diseño de menú, personalización, consejos y ejemplos.
Cómo mejorar la navegación de su sitio web
Consejos prácticos para hacer un sitio web claro y fácil de usar
Hecho en
Tilda