¿Quieres aprender a configurar un menú desplegable de WordPress?
En este artículo, lo guiaremos a través de la creación de su menú desplegable paso a paso, ¡con capturas de pantalla!
Puede hacer todo con la funcionalidad básica de WordPress, *si* su tema admite menús desplegables. Si su tema *no* admite menús desplegables, necesitará un complemento de terceros.
Pero lo tenemos cubierto independientemente de la situación. ¡Vamos a sumergirnos!
- Cree un menú desplegable de WordPress con la funcionalidad principal
- Crear un menú desplegable de WordPress con un complemento
- Consejos rápidos para usar los menús desplegables
Si ve un mensaje que le indica que cree un menú, deberá, como dice el mensaje, crear un menú para comenzar. Te lo mostraré en el Paso 1. Sin embargo, si ya tienes un menú completo con algunos enlaces, puedes pasar directamente al Paso 2.
Paso 1: crea un menú (si es necesario)
Si aún no tiene un menú, ingrese un nombre en el cuadro Nombre del menú y luego haga clic en el botón Crear menú . El nombre real no es importante, solo haz que sea fácil de recordar:
Paso 2: Agregar enlaces al menú
Una vez que haya creado un menú, es hora de agregar enlaces.
Para agregar enlaces a su contenido, use la barra lateral para marcar qué páginas o publicaciones le gustaría que aparezcan en su menú. Una vez que haya seleccionado el contenido que desea agregar, haga clic en el botón Agregar al menú .
También puede ser más creativo e incluir enlaces personalizados en sus menús desplegables. Para saber más sobre ellos, lee este post .
Paso 3: Organice los elementos del menú usando arrastrar y soltar
Ahora, debería tener una lista de todos los elementos de su menú. Para crear su menú desplegable, puede arrastrar y soltar para mover los elementos que desea que aparezcan en el menú desplegable. El elemento «principal» aparecerá en el menú principal. Y los elementos del menú debajo del elemento principal aparecerán en el menú desplegable cuando un usuario pase el mouse sobre el elemento principal:
Una vez que esté satisfecho con la organización, haga clic en Guardar menú .
Paso 4: Elija la ubicación del menú
Una vez hecho esto, deberá averiguar dónde desea que aparezca su menú en su sitio web. El encabezado suele ser la mejor opción (¡nadie quiere desplazarse hasta la parte inferior de su página de inicio solo para encontrar su página de » Contacto » o » Acerca de»!).
Puede elegir dónde mostrarlo en el área de Configuración del menú :
Hay dos cosas a tener en cuenta aquí:
- Es posible que vea diferentes ubicaciones de visualización porque los nombres reales son diferentes para cada tema . Por lo general, querrá elegir algo como «Menú superior», «Menú principal», «Principal», etc. si desea que su menú aparezca en el encabezado.
- Si marca la casilla Agregar automáticamente nuevas páginas de nivel superior a este menú , se agregarán todas las páginas nuevas que cree al menú. ¡Esto puede abarrotarse rápidamente y no es recomendable!
Una vez que guarde los cambios, ¡ya está!
Una forma más visual de administrar sus menús desplegables
Como alternativa al método anterior, también puede administrar sus menús utilizando la «vista previa en vivo».
Al hacer clic en este botón, accederá a su personalizador de WordPress .
Si bien la interfaz se ve un poco diferente, se aplican los mismos principios. Todavía podrás:
- Arrastre y suelte los elementos del menú para crear menús desplegables
- Cambiar las ubicaciones del menú
- Etc.
Y el beneficio es que podrá ver una vista previa en vivo de su menú desplegable de WordPress en tiempo real.
Supongamos que desea agregar un menú desplegable a su menú principal.
Si aún no tiene ningún menú en su sitio web, consulte el Método n. ° 1 para aprender cómo crear uno a través de la funcionalidad integrada de WordPress.
Haga clic en Menú principal a través de la página del complemento para establecer sus preferencias. Asegúrese de marcar la casilla que habilita el menú desplegable para este menú en particular. Tenga en cuenta que puede habilitar la función desplegable para todos sus menús, y no solo para uno.
Después de habilitar el menú desplegable, elija el evento que activa los submenús. Por ejemplo, los submenús pueden desplegarse cuando las personas se desplazan o hacen clic en el menú principal. A continuación, elija las animaciones que acompañan a los menús desplegables, para escritorio y dispositivos móviles.
Por último, pero no menos importante, seleccione el estilo del menú. Puede mostrar el estilo de menú predeterminado que proporciona el complemento o permitir que el menú herede el estilo de su tema actual. Haga clic en Guardar cambios antes de pasar al siguiente paso.
Paso 3: crea el menú desplegable
Una vez que haya establecido y personalizado los elementos desplegables, vuelva a Apariencia → Menús en su panel de control de WordPress. Asegúrese de seleccionar el menú principal (o el menú para el que habilitó el menú desplegable) en «Seleccione un menú para editar».
Ahora, arrastre cualquier publicación, página, categoría o enlace personalizado con el mouse debajo del elemento del menú principal, un poco hacia la derecha. Todos los elementos del menú que aparecen debajo del elemento principal se mostrarán en un menú desplegable cuando un usuario se desplaza o hace clic en el menú (según el evento desencadenante que configuró inicialmente).
- ¡Al crear menús, póngales un título apropiado! Por ejemplo, si tiene un menú titulado «Acerca de», no querrá tener su «Contacto» y «Preguntas frecuentes» en el menú desplegable. En ese sentido, sugerimos tener «Contacto», «Preguntas frecuentes» y «Acerca de» como opciones de menú separadas.
- Como regla general, no debes poner todos los huevos en una canasta. En este caso, no cree un menú y coloque todos sus submenús en él.
Siempre que tenga en cuenta esos 3 consejos al crear sus menús desplegables de WordPress, ¡estará listo para comenzar!
Pensamientos finales
WordPress le permite personalizar casi todo en su sitio web, por lo que no hay ninguna razón por la que no deba crear submenús fáciles de usar. Sobre todo porque ayudan a sus clientes a navegar por su sitio web.
¿Tienes alguna otra pregunta sobre cómo crear un menú desplegable de WordPress? ¡Deja un comentario e intentaremos ayudarte!
