Cómo crear un menú en WordPress - Desplegable o secundario

como crear un menu desplegable o secundario

Si estás aquí es porque ya tienes tu página web con WordPress y quieres insertar algún tipo de menú. Existen varios tipos de menús, desde el clásico en la barra superior a los verticales o desplegables.

Voy a explicar paso a paso cómo crear un menú desplegable WordPress de forma sencilla, y cómo situarlo donde nosotros queramos. También lo explicaré en vídeo para los que no les gusta leer ¿preparado?

Índice
  1. Cómo crear menú en WordPress en la cabecera
  2. Cómo hacer un menú desplegable en WordPress
  3. Cómo añadir footer en WordPress
  4. Cómo crear menú desplegable en WordPress personalizado
    1. Plugin Font Awesome Integration
    2. Personalización mediante theme premium
  5. Videotutorial sobre cómo crear un menú desplegable en WordPress

Cómo crear menú en WordPress en la cabecera

Crear un menú en WordPress es muy sencillo y verás cómo una vez que hagas uno, podrás hacer decenas de ellos sin necesidad de consultar nuevamente esta guía.

  1. Lo primero que debemos hacer es entrar en nuestro panel de administrador en WP y fijarnos en el menú que nos aparece en la parte izquierda.
  2. Ahí haremos clic en la opción Apariencia y se abrirá un nuevo menú donde haremos click en Menús
  3. Se nos abrirá una nueva ventana donde debemos poner en nombre que queramos al menú en su correspondiente casilla y después hacer click en la opción Crear nuevo situada en la parte superior.crear nuevo menu
  4. Perfecto, ya hemos generado un nuevo menú llamado Menú Superior, aunque tú puedes poner el nombre que quieras.
  5. Ahora se abrirá una nueva ventana con diferentes opciones, para que podamos hacer un menú personalizado WordPress, inlcuso puedes crear un menú con categorías en WordPress, páginas o publicaciones. También podemos añadir enlaces a URLs externas o internas.
  6. En este ejemplo vamos a añadir categorías, de forma que el menú quede formado por las categorías de mi página Web y así los lectores puedan leer los artículos que más les interesen en función de dichas categorías.
  7. Así que hago click en Categorías y luego en Ver todo, ahora simplemente marco las casillas de las categorías que quiero utilizar y darle al botón Añadir al menú.
  8. Tras darle al botón Añadir categorías veremos cómo dichas categorías se añaden automáticamente a la parte derecha, justo debajo de donde dice Estructura del menú.
  9. Una vez añadido todo lo que queramos, solo nos queda hacer click en la casilla donde queramos que se muestre el menú. En este caso queremos que aparezca en la parte superior de nuestra Web, así que marcamos la casilla Menú superior y luego le damos a Guardar Menú.
    añadir categorias a paginas wordpress

  10. ¡Felicidades! Lograste crear un menú de forma sencilla y hacerlo funcionar en tu página web.
    menú finalizado

Cómo hacer un menú desplegable en WordPress

Ahora que ya has aprendido a crear un menú en la parte superior de tu página Web ¿Qué tal si lo personalizamos un poco? Veamos cómo se añaden más opciones para hacer que nuestro menú sea desplegable y tenga submenús, abriéndose de forma vertical.

  1. Accedemos nuevamente al apartado de creación de menús de WordPress, para ello vamos el menú izquierdo y hacemos click en Apariencia y luego en Menúswordpress menus desplegables
  2. El siguiente paso es añadir las subcategorías o submenús que queramos añadir en la parte desplegable. En este ejemplo he añadido Guías, Posicionamiento y Técnicas.
  3. Una vez añadidas a la parte derecha, debajo de Estructura del menú, pinchamos sobre ellas con el ratón y sin soltar el click, las movemos hacia la derecha.
  4. Cómo ves en la foto, las nuevas opciones quedarán un poco más a la derecha que el resto. Estas serán las opciones del menú desplegable en WordPress.
  5. Debemos colocarlas debajo de la opción que queramos que sea desplegable, en mi caso lo haré bajo la opción SEO ya que son subcategorías relacionadas.
  6. Le damos al botón Guardar menú y listo. Ya tenemos nuestro menú desplegable.menú desplegable funcionando

¿Sencillo verdad? Puedes añadir categorías, páginas, entradas e incluso enlaces personalizados en este menú desplegable en WordPress, todo lo que quieras hasta dejarlo a tu gusto.

No todos los themes de WordPress permiten esta opción así que no te vuelvas loco si no la encuentras, o simplemente cambia de theme y prueba si el nuevo si tiene esta opción.

  1. Los pasos a seguir son los mismos que antes, creamos un menú con el nombre que queramos y añadimos las opciones que queremos que muestre.
  2. Pero antes de guardar los cambios, en vez de hacer clic en Menú superior haremos click en Footercrear menú en el footer de WordPress
  3. Le damos al botón de Guardar Menú situado en la parte derecha y listo, ya tenemos nuestro nuevo menú funcionando en nuestro pie de página de nuestra página web.Menú en el footer

Cómo crear menú desplegable en WordPress personalizado

Personalizar un menú ya es algo que debemos hacer por nuestra cuenta, dado que WordPress no trae esas opciones por defecto.

Podemos personalizar nuestro menú con la ayuda de algún plugin o usando alguna plantilla premium como Asap Theme. Los themes de pago traen generalmente la opción de personalización integrada

Plugin Font Awesome Integration

Se trata de un plugin gratuito que nos permitirá colocar iconos personalizados junto a nuestras opciones en el menú. Podemos descargarlo desde:

Luego simplemente debemos seguir las instrucciones del plugin para añadir los códigos necesarios en el menú y que este quede totalmente personalizado.

crear mega menú

También puedes usar otros plugins similares cómo Menu Icons by ThemeIsle o Font Awesome 4 Menus.

Personalización mediante theme premium

La mayoría de themes premium incluyen opciones de personalización para el menú, de esta forma nos ahorraremos tener que instalar un plugin extra.

En esta web uso Asap Theme y simplemente debo elegir el tipo de menú al crear las opciones del mismo para que se personalice automáticamente.

Cada theme trae sus propias opciones de personalización, así que simplemente debes consultar con los desarrolladores para conocer más sobre las opciones que trae.

Videotutorial sobre cómo crear un menú desplegable en WordPress

Si te ha quedado alguna duda, puedes compartirla en los comentarios e intentaré ayudarte a resolverla.

Deja una respuesta

Tu dirección de correo electrónico no será publicada.

Subir