Desarrollo Web

Cómo crear un menú desplegable o un menú adicional en WordPress + Video

menú

Si estás aquí, es porque tu sitio web ya usa WordPress y quieres incluir algún tipo de menú. Hay diferentes tipos de menús, desde menús clásicos de la barra superior hasta menús verticales o desplegables.

Te explicaré paso a paso cómo es muy fácil crear un menú en WP y colocarlo donde quieras. Para las personas a las que no les gusta leer, también usaré el video para explicarlo, ¿están listos?

Crear un menú en WordPress es muy sencillo. Verá que después de crear un menú, puede completar docenas de menús sin tener que volver a pasar por este tutorial.

Lo primero que debemos hacer es iniciar sesión en nuestro panel de administración en WP y luego mirar el menú de la izquierda.

Allí pulsamos sobre la opción «Apariencia «Se abrirá un nuevo menú, en el que hacemos clic»MenisUna especie de «.

Crear menú WP
Ir al menú principal de WP

Se abre una nueva ventana en la que ingresamos el nombre deseado en el campo correspondiente y hacemos clic en la opción «Crea uno nuevo»Ubicado en la parte superior (ver imagen).

Crea un nuevo menú
Ingrese el nombre y haga clic en «Crear nuevo»

Genial, tenemos un nuevo menú llamado «menú principal € œPuedes, sin embargo, ingresar cualquier nombre.

Ahora se abrirá una nueva ventana con varias opciones para que podamos personalizar el menú a nuestro gusto agregando enlaces a categorías, páginas o publicaciones. También podemos agregar enlaces a URL externas o internas.

Opción de menú
Agregar opciones al menú

En este ejemplo, estamos agregando categorías para que el menú de mi página esté compuesto por categorías para que los lectores puedan leer los artículos que más les interesan en función de esas categorías.

Yo presiono «clasificación«Luego»Ver todo «Ahora solo tengo que marcar la casilla de la categoría que quiero usar y hacer clic en el botón»Añadir al menúUna especie de «.

Agregar menú de categoría
Agregue las categorías, páginas o publicaciones requeridas

Después de presionar el «Categoría Anadir«Veremos que estas categorías se agregan automáticamente al lado derecho directamente debajo».Estructura del menúUna especie de «.

Agregué categorías porque creo que son la mejor opción para el posicionamiento SEO de mi página, pero puedes agregar cualquier contenido que desees e incluso mezclar categorías, páginas y publicaciones o urls personalizadas y agregar tus favoritas. Se agrega algo al menú.

Seleccionar un elemento del menú
Seleccione la ubicación y guarde los cambios

Ahora que hemos agregado lo que queremos, todo lo que podemos hacer es hacer clic en el cuadro donde queremos mostrar el menú (arriba, en el pie de página …).

En este caso, queremos que aparezca en la parte superior de nuestro sitio web, por lo que marcamos la casilla como «menú principal«Entonces damos»Guardar menúUna especie de «.

El menú esta listo
Ahora puede ver su nuevo menú en su sitio web

¡Felicidades! Se las arregló para crear fácilmente el menú y hacerlo funcionar en su sitio web.

Ahora que ha aprendido a crear un menú en la parte superior de su sitio web, ¿qué tal un pequeño ajuste? Veamos cómo agregar opciones adicionales para que los menús desplegables y submenús se abran verticalmente.

Vaya a la sección para crear menús de WordPress nuevamente, para hacer esto, vaya al menú de la izquierda y haga clic en «Apariencia«Luego»MenisUna especie de «.

menú desplegable de wp
Agregar opciones desplegables

El siguiente paso es agregar  «Subtipo «o»Submenú“Nos gustaría agregar algo al área desplegable. En este ejemplo, agregué guías, posicionamiento y técnicas.

Después de agregar a la derecha (en «Estructura del menú«) Hacemos clic sobre ellos con el ratón sin soltar el clic, nos movemos hacia la derecha.

Como puedes ver en la foto, la nueva opción está un poco a la derecha de las otras opciones. Estas son las opciones del menú desplegable en WordPress.

Tenemos que ponerlo bajo la opción que queremos expandir. En mi caso, lo hago bajo la opción «SEO» ya que están enlazados por subcategorías. Guarde el menú en el botón y ¡listo! Ya tenemos un menú desplegable.

El menú desplegable funciona
El menú desplegable de WP está listo

¿Sencillo? Puede agregar categorías, páginas, publicaciones e incluso enlaces personalizados al menú desplegable hasta que le guste.

No todos los temas de WordPress permiten esta opción. Entonces, si no puede encontrarlos, no se vuelva loco o simplemente cambie el tema y vea si el nuevo tema tiene esa opción.

Los siguientes pasos son los mismos que antes, crearemos un menú con el nombre que queramos y agregaremos las opciones que queramos que aparezcan.

Pero antes de guardar los cambios, no haga clic en «menú principal«Haremos clic»Pie de página«(De vez en cuando aparece como una opción de» Menú de pie de página «).

Crear un menú de pie de página de WordPress
Seleccione el campo «Pie de página».

Presionamos el botón «guardar menú» que está en el lado derecho y listo, comenzamos un nuevo menú en el pie de página del nuevo sitio web.

Menú de pie de página
Hemos agregado nuestro nuevo menú al pie de página.

Tenemos que crear menús personalizados nosotros mismos, ya que WordPress no ofrece estas opciones por defecto.

Podemos Personaliza nuestro menú Use complementos o temas avanzados (los temas pagos generalmente tienen opciones de personalización integradas).

Gran integración de fuentes de complementos

Este es un complemento gratuito que nos permite colocar íconos personalizados junto a las opciones en el menú. Podemos descargarlo desde la siguiente url:

Luego, todo lo que tenemos que hacer es agregar el código necesario al menú y personalizarlo completamente de acuerdo con las instrucciones del complemento.

Crea un gran menú
Opción de súper menú en temas avanzados

También puede usar otros complementos similares como ThemeIsle Menu Icons o Font Awesome 4 Menus.

Personalice con temas avanzados

La mayoría de los temas avanzados incluyen opciones de personalización del menú, por lo que no es necesario instalar complementos adicionales.

Para el tema (tema de periódico) que utilizo en este sitio web, todo lo que tengo que hacer es seleccionar el tipo de menú al crear los ajustes de configuración automática.

Cada tema tiene sus propias opciones de personalización, por lo que todo lo que tiene que hacer es comunicarse con el vendedor para preguntarle sobre sus temas avanzados.

Este es un video tutorial que explica todo lo que se dice:

Si tiene alguna pregunta, no dude en compartirla en los comentarios e intentaré ayudarlo a resolverla.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Botón volver arriba