Cómo hacer una pestaña desplegable en Weebly

Mujer joven, usar la computadora portátil, en cama, tenencia, organizador personal

Utilice subpáginas para organizar mejor su sitio web Weebly.

Credito de imagen: AID / amana images / Getty Images

La interfaz de arrastrar y soltar del editor de sitios web de Weebly agiliza la tarea de crear elementos de sitios web, como pestañas desplegables; no es necesario tener conocimiento del 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 la navegación de los visitantes por el sitio web. Para reducir el desorden, categorice el exceso de páginas 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.

Video del día

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 páginas nuevas para el sitio, las páginas de Inicio, Acerca de y Contacto predeterminadas son las únicas que se enumeran.

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 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.

Etapa 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 se encuentra 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 página. Por ejemplo, escriba "Crumble de manzana" si el elemento del menú enlaza con una página con una receta de crumble de manzana.

Paso 6

Haga clic y arrastre el icono de nueva página que se encuentra debajo y a la derecha del icono 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 icono del nombre de la página se coloca en 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 de 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 relevante para crear más entradas en la pestaña desplegable. Haga clic y arrastre los íconos de las subpáginas encima o debajo de cada uno 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.

Propina

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

Haga clic en el nombre de una subpágina en la lista 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. Aún puede permitir que los visitantes accedan a estas páginas ocultas utilizando la opción Crear enlace para crear un hipervínculo o botón y luego seleccionar la página oculta en la ventana Enlace a.