Cómo crear una pestaña desplegable en Weebly

La interfaz de arrastrar y soltar del editor de sitios web de Weebly agiliza la tarea de crear elementos del sitio web, como pestañas desplegables; no es necesario conocer el código subyacente. De forma predeterminada, Weebly muestra todas las páginas de su sitio una al lado de la otra como enlaces en una barra de navegación. Para un sitio que tiene muchas páginas, esto puede generar desorden y dificultar que los visitantes naveguen por el sitio web. Para reducir el desorden, clasifica las páginas sobrantes como subpáginas para mostrarlas como enlaces en una lista desplegable.

Paso 1

Inicie sesión en su cuenta de Weebly y haga clic en el botón "Editar" junto al sitio para el que desea crear la pestaña desplegable.

Paso 2

Haga clic en el botón "Páginas" para ver una lista de las páginas existentes para su sitio web. Si aún no ha creado ninguna página nueva para el sitio, las páginas predeterminadas Inicio, Acerca de y Contacto son las únicas que aparecen en la lista.

Paso 3

Haga clic en el botón "Agregar página +" y seleccione "Página estándar" de la lista de opciones. Escriba el nombre que desea que aparezca en el menú de navegación en el cuadro de entrada Nombre de la página. Las páginas reales que aparecen en el menú desplegable son todas subpáginas de esta página principal. Por ejemplo, si planea crear un menú desplegable que enumere todas las páginas de recetas en su sitio, use "Recetas" sin las comillas como nombre de la página.

Paso 4

Haga clic en "Agregar página +" y esta vez seleccione la página real que desea que aparezca en la lista desplegable. La página puede ser una página estándar, una página de blog, una página de tienda o un enlace a una página externa que no esté en su sitio de Weebly.

Paso 5

Escriba el nombre de la página como desea que aparezca en la lista desplegable en el cuadro de entrada Nombre de la página. Por ejemplo, escriba "Crumble de manzana" si el elemento del menú se vincula a una página con una receta de crumble de manzana.

Paso 6

Haga clic y arrastre el ícono de la nueva página debajo ya la derecha del ícono de la página principal debajo del cual desea que aparezca en la barra de navegación. Cuando suelta el botón del mouse, el ícono del nombre de la página se ajusta a su lugar, lo que indica que ahora es una subpágina.

Paso 7

Haga clic en "Configuración avanzada" y luego complete los detalles del título de la página, la descripción, las palabras clave meta y el código del encabezado o pie de página, si corresponde. Haga clic en "Guardar y editar" para editar o agregar contenido real a la página.

Paso 8

Agregue más páginas al sitio y luego colóquelas como subpáginas debajo de la página principal correspondiente para crear más entradas en la pestaña desplegable. Haga clic y arrastre los íconos de las subpáginas uno encima o debajo del otro en la lista de páginas para reordenar su posición en el menú desplegable.

Paso 9

Haga clic en "Publicar" para actualizar su sitio Weebly con el nuevo menú desplegable.

Consejo

Cada subpágina puede tener su propia subpágina que se muestra como un control flotante en la barra de navegación.

Haga clic en el nombre de una subpágina en la lista de páginas y luego haga clic en "Ocultar página en el menú de navegación" para evitar que la página aparezca en la lista desplegable. Al hacer esto, mantiene las páginas organizadas sin saturar el menú de navegación. Todavía puede permitir que los visitantes accedan a estas páginas ocultas usando la opción Crear enlace para crear un hipervínculo o botón y luego seleccionando la página oculta desde la ventana Enlace a.