Volver al soporte Contenido y multimedia Menús Crear menús desplegables

Crear menús desplegables

Un menú desplegable, o submenú, muestra elementos adicionales al mantener el ratón encima o hacer clic en uno de sus elementos. Esta opción permite que el menú se mantenga limpio y organizado. Con esta guía, aprenderás a crear un menú desplegable.

Creación de un menú desplegable

Para crear un menú desplegable, sigue estos pasos:

📌

Para determinar qué sección de esta guía debes seguir, ve al escritorio y consúltalo en la opción Apariencia situada a la izquierda. Si aparece Editor, deberás utilizar la sección Editor del sitio de esta guía. Si aparece otra opción, deberás utilizar las instrucciones de Escritorio o del Personalizador.

En el Editor del sitio, tu menú proviene del bloque Navegación. Para crear un menú desplegable, sigue estos pasos:

  1. En tu panel de administración, ve a Apariencia → Editor.
  2. Elige la plantilla o parte de plantilla que quieras editar, o haz clic en la vista previa del sitio en el lateral derecho de la pantalla para abrir el editor de la página de inicio.
  3. Abre la vista de lista que aparece en la esquina superior izquierda de tu pantalla (es el icono con tres líneas horizontales paralelas).
  4. Localiza el bloque Navegación (puede estar anidado en otros bloques como Encabezado, Grupo o Fila).
  5. En los ajustes de la barra lateral de la derecha, mantener el cursor encima de un elemento del menú y haz clic en los tres puntos que aparecen.
    • Si no ves la barra lateral a la derecha, es posible que tengas que hacer clic en el icono Ajustes de la esquina superior derecha para que aparezcan los ajustes. Este icono tiene la forma de un cuadrado con dos columnas desiguales.
  6. Haz clic en el enlace «Añadir submenú».
  7. Elige la primera página que quieres que aparezca en el menú desplegable.
  8. Repite hasta que hayas añadido todos los elementos del menú.
  9. Haz clic en «Guardar» para guardar tus cambios.
Ralentiza o acelera el vídeo utilizando los controles de la esquina inferior derecha tras hacer clic en Reproducir.

También puedes crear un menú desplegable con la barra de herramientas del bloque Navegación:

  1. Haz clic en el elemento del menú que quieras convertir en desplegable.
  2. Aparecerá una barra de herramientas sobre este, que contiene el botón Añadir submenú (el icono es una flecha curva con tres líneas horizontales al lado).
  3. Haz clic en el botón «Añadir submenú» de la barra de herramientas para transformar el elemento del menú en un menú desplegable.
  4. Haz clic en el icono + o en la opción Añadir enlace que aparece para añadir enlaces nuevos al menú desplegable que acabas de crear.
  5. Haz clic en Guardar para guardar tus cambios.
Ralentiza o acelera el vídeo utilizando los controles de la esquina inferior derecha tras hacer clic en Reproducir.

Tienes la posibilidad de crear un elemento del menú en el que no se puede hacer clic. Esta opción resulta muy útil a la hora de crear menús desplegables. El truco consiste en utilizar el símbolo # como enlace del elemento del menú. Aún se puede hacer clic en el elemento, pero no dirige a una página nueva. Sigue estos pasos para crear un elemento de menú «sin hacer clic».

📌

Para determinar qué sección de esta guía debes seguir, ve al escritorio y consúltalo en la opción Apariencia situada a la izquierda. Si aparece Editor, deberás utilizar la sección Editor del sitio de esta guía. Si aparece otra opción, deberás utilizar las instrucciones de Escritorio o del Personalizador.

En el Editor del sitio, tu menú proviene del bloque Navegación. Sigue estos pasos para crear un elemento del menú sin hacer clic:

  1. En tu escritorio, ve a Apariencia → Editor.
  2. Elige la plantilla o parte de plantilla que quieras editar, o haz clic en la vista previa del sitio en el lateral derecho de la pantalla para abrir el editor de la página de inicio.
  3. Abre la vista de lista que aparece en la esquina superior izquierda de tu pantalla (es el icono con tres líneas horizontales paralelas).
  4. Localiza el bloque Navegación (puede estar anidado en otros bloques como Encabezado, Grupo o Fila).
  5. Haz clic en el insertador de bloques (+) para añadir un nuevo elemento del menú.
  6. En la ventana que aparece, haz clic en «Añadir bloque» y elige la opción «Enlace personalizado».
  7. Escribe el símbolo # y pulsa Intro o Retorno en tu teclado.
  8. Haz clic en el icono del lápiz para editar el nuevo elemento del menú. Escribe lo que quieres que diga el elemento del menú en el campo «Texto». Deja solo el símbolo # en el campo «Enlace» para que sea un enlace en el que no se pueda hacer clic.
  9. Haz clic en el botón «Guardar» para enviar el cambio.
Se introduce un símbolo # en el cuadro URL
Para crear un elemento del menú sin enlace, añade un símbolo # en el campo URL.

También puedes editar un enlace de menú existente para que no se pueda hacer clic en él. Haz clic en el elemento del menú existente y aparecerá una barra de herramientas encima del elemento del menú, donde encontrarás el botón Enlace (el icono parece un eslabón literal de una cadena). Edita el elemento del menú y sustituye el enlace actual por el símbolo #. El GIF que aparece abajo muestra el proceso:

Copied to clipboard!