Cómo crear y editar menús de navegación en WordPress

El menú de navegación es uno de los elementos más importantes de su sitio web. Sin él, sus visitantes no podrán obtener el contenido que necesitan, no entenderán qué contenido ofrece y, en general, existirán en un estado de confusión con respecto a su sitio. Desafortunadamente, el sistema de menús de WordPress no es la parte más intuitiva del CMS (sistema de administración de contenido). Entendemos eso y queremos mostrarle cómo navegar mejor por el sistema de navegación WP. Para que tú y tus usuarios tengáis la mejor experiencia posible.

Antes de crear un menú de WordPress

Ahora, antes de profundizar en la estructura del menú de WP, tomemos un segundo para planificar esto. Mientras que crear un menú es simple (simplemente vaya a  Apariencia – Menús y comience a hacer clic), crear un  menú útil es un poco más profundo. Esencialmente, hágase dos preguntas:

  • ¿Para quién hago un menú?
  • ¿Adónde quiero que vayan mis visitantes?

¿ Para  quién estoy haciendo un menú? , puede parecer una tontería. Porque la respuesta es sin duda “tus usuarios”. Pero no es tan sencillo. Diferentes usuarios necesitan cosas diferentes. ¿Necesitarán los nuevos usuarios las mismas páginas que los que regresan? ¿Los miembros registrados ven los mismos menús que los que no están registrados?

Al pensar en las personas que usarán este menú específico, puede mantenerlo simple. Puede evitar llenarlo con páginas que abrumarán a las personas que lo miren. Lo bueno de los menús de WordPress es que puedes crear muchas versiones y mostrarlas en diferentes lugares.

Lo que nos lleva a la pregunta número dos: ¿  a dónde quiero que vayan mis visitantes? Junto con qué usuarios necesitan qué menús, decidir a dónde quiere que vayan esos usuarios determinará qué tipo de menús creará.

ElegantThemes.com como un ejemplo del mundo real

Por ejemplo, hicimos un rediseño del menú de encabezado aquí en Elegant Themes hace un tiempo. Queríamos centrarnos en dirigir el tráfico a nuestro grupo de Facebook, Divi Theme Users y nuestra red Meetup . Además de Divi en sí, pero eso es evidente. Para hacer esto, simplificamos la estructura del menú para darle al usuario solo un puñado de opciones, en comparación con la versión más robusta que solía existir.

Pasa el cursor sobre  Divi y verás enlaces no solo a las características del tema, sino también a nuestras redes sociales que queríamos resaltar. Todos los productos también mostrarán a Divi como un producto estrella, al igual que los precios cuando la gente vea nuestras opciones de membresía. La cuenta se encuentra fuera de ese paradigma de nuevo usuario, pero brinda a los nuevos usuarios un acceso rápido a sus membresías, así como también brinda la opción de registrarse como nuevo miembro. El contacto también está ahí para todos.

Como puede ver, todos y cada uno de los elementos del menú dirigen a un segmento elegido de visitantes a las páginas que más queremos que vean. Dicho esto, también tenemos un menú más completo en el pie de página que enlaza con lugares como nuestro blog, recursos, páginas de productos individuales, etc.

Los menús de encabezado todavía están allí también. Pero sabemos que el menú de la parte inferior de la página va a ser utilizado por personas con una necesidad más específica, que saben buscar otro menú (como es el estándar web en estos días) para encontrar lo que buscan.

Con eso en mente, es probable que haya descubierto para quién está creando el menú y qué quiere que hagan. Entonces, comencemos a construir su menú de WordPress.

Cómo crear menús de WordPress

Dirígete a  Apariencia – Menús en tu tablero de WordPress. Debería ver algo como esto:

Esta página no es la parte más fácil de usar de WordPress, pero verá algunas partes que se relacionan con lo que discutimos anteriormente.

El nombre del menú es para su referencia. Ningún usuario verá esto. Realice un seguimiento de qué menú va a dónde nombrándolo apropiadamente. A la izquierda, verá  Páginas, Publicaciones, Enlaces personalizados y Categorías . Algunos temas incluyen más opciones aquí. El tuyo puede o no. Los elementos del menú pueden ser publicaciones o páginas individuales, así como enlaces de categoría. Además, los enlaces personalizados le permiten vincular a cualquier cosa, solo recuerde el  https:// o sus enlaces pueden terminar muertos.

En Configuración del menú , le sugerimos encarecidamente que mantenga desactivada la función Agregar páginas automáticamente . Esta opción agrega todas las páginas nuevas creadas en su sitio al menú de WordPress. La mayoría de las personas nunca marcarán esta casilla.

Ahora, las opciones de Ubicación de visualización variarán de un tema a otro porque cada tema tiene un diseño diferente en términos de dónde permiten que se muestren los menús de WordPress. Sin embargo, estos son los lugares dentro de su sitio donde su menú puede aparecer completo. No puede obtener más ajustes precisos para las ubicaciones del menú en la pestaña Administrar ubicaciones en la parte superior de la pantalla

A continuación, agregue cualquier contenido que desee en el menú. Simplemente marque la casilla junto a él y haga clic en  Agregar al menú . Al hacerlo, se agrega en Estructura del menú . Haga clic en la flecha para mostrar otras opciones como  Etiqueta de navegación .

Tenga en cuenta que la etiqueta de navegación mostrará a los usuarios. Esta es la parte que aparece en el menú. Entonces, si tiene un título de página que es demasiado largo, puede acortarlo aquí.

Ahora, la parte más importante de la creación de menús de WordPress (y quizás una de las acciones más olvidadas en toda la plataforma) es hacer clic en Guardar menú a la derecha de la pantalla.

Una vez guardado, el menú se activará. Si ya se muestra en su sitio, los cambios serán inmediatos.

Cómo crear un menú desplegable de WordPress

En su mayor parte, los pasos anteriores son los mismos para crear un menú desplegable en WordPress también. Sin embargo, hay otro paso que debe seguir para que aparezcan los submenús.

En la sección Estructura del menú , cada uno de los elementos se puede arrastrar. Para crear un menú desplegable, simplemente haga clic en el elemento que desee y arrástrelo hasta el elemento que desee como padre . WordPress es lo suficientemente inteligente como para saber que si traes un elemento a otro, querrás seguirlo. Al anidarlos, se creará un menú desplegable en el front-end.

Repita esto para tantos elementos como desee en el menú desplegable. La jerarquía anidada es fácil de entender. Cada vez que se cree un nuevo nivel en la estructura, ese será un menú desplegable adicional que tendrá.

En el front-end, se verá similar a esto:

Ahora, estos pasos asumen que está utilizando elementos de menú que existen. Sin embargo, si no desea que el elemento que activa el menú desplegable sea un enlace navegable, simplemente puede crear un  enlace personalizado que tenga un  # en lugar de una URL.

Si lo hace, se creará un elemento de menú, pero al hacer clic en él no hará nada más que expandir el menú desplegable.

Si desea un mayor control sobre sus mega menús, considere usar un complemento de mega menú como UberMenu o Max Mega Menu. Los complementos de menú como estos brindan una amplia gama de funcionalidades y diseño a sus menús de WordPress.

Cómo usar varios menús en su sitio de WordPress

Volviendo a lo que discutimos anteriormente, queremos asegurarnos de que cada menú que mostramos esté enfocado. A veces, los mega menús son la mejor opción para la navegación del sitio. Por ejemplo, Amazon es un gran ejemplo de un sitio que hace un gran uso de un mega menú. Sin embargo, la mayoría de los sitios que usan mega menús no los necesitan. Complican innecesariamente la navegación del sitio.

Sin embargo, si tiene un sitio grande y se puede compartimentar, usar varios menús en su sitio casi siempre será la mejor opción. Cuantas menos elecciones tenga que hacer un usuario, más probable es que tome la decisión que usted quiere.

Ahora, como ejemplo, supongamos que desea crear un menú que solo aparece en las barras laterales del blog para ayudar a orientar a los usuarios. Podríamos llamar al menú algo así como S idebar Widget para realizar un seguimiento de él. Pero si observa la pestaña Mostrar ubicación o Administrar ubicaciones , es posible que no haya una opción de barra lateral.

Eso solo significa que tendremos que colocar manualmente el menú. En el panel de control de WordPress, diríjase a Apariencia – Widgets y busque el  widget del Menú de navegación .

En su mayor parte, su tema tendrá una opción de barra lateral genérica . El widget del menú de navegación está predeterminado en WordPress. Entonces esto funcionará independientemente de su tema. Sin embargo, su tema puede tener algo más para los widgets de menú, y los pasos básicos aún deberían aplicarse.

Al igual que los elementos del menú desplegable, haga clic y arrástrelo al área de la barra lateral . Debido a cómo funcionan los widgets en WordPress, el widget aparecerá inmediatamente en su sitio. Sin embargo, no ha elegido un menú para mostrar, por lo que será un espacio en blanco.

Si elige un  título , aparecerá como un título sobre el menú. La opción Seleccionar menú es donde elige el menú específico que desea que se muestre. También puede hacer clic en el  enlace Visibilidad y abrir el cuadro adicional que ve arriba. Este nuevo cuadro le brinda opciones para la visibilidad condicional. Para esto, es posible que solo queramos que este menú aparezca en las publicaciones categorizadas como  Podcasts , de modo que cuando hagamos clic en  Guardar , los cambios se mantengan.

Eso es todo lo que tienen. Debe tener en cuenta que todo lo que haya creado como un menú desplegable para los menús de encabezado aparecerá como un menú anidado en el widget de la barra lateral. Entonces, si creó cualquier URL de marcador de posición usando #, ese será un enlace en el que no se puede hacer clic en este menú. Simplemente planifique la creación de su menú de WordPress en consecuencia.

Terminando con el menú de WordPress

El sistema de menús de WordPress no tiene por qué ser intimidante. Puede parecer un poco confuso a veces, pero como puede ver, es un proceso fácilmente navegable que puede ser bastante poderoso una vez que sepa cómo hacerlo. Recuerde, sin embargo, a medida que continúa creando su propia navegación del sitio, los menús no son iguales para todos. Asegúrese de tener en cuenta quién desea que busque qué páginas en su sitio y cree el sistema de menús para crear esa experiencia. No todas las páginas, publicaciones y enlaces tienen que aparecer en el mismo menú. En el caso de los menús de WordPress, menos ciertamente puede ser más.

¿Cómo estructura sus menús de WordPress? ¿Cuántos menús diferentes tiene su sitio?

Imagen destacada del artículo por Julia Tim / shutterstock.com