El menú de navegación es uno de los elementos más importantes de su sitio web. Sin él, los visitantes no podrán acceder al contenido que necesitan, no entenderán qué contenido ofrece y, en general, tendrán confusión acerca de su sitio web. Desafortunadamente, el sistema de menús de WordPress no es la parte más intuitiva de un CMS (sistema de gestión de contenido). Entendemos esto y queremos mostrarle la mejor manera de navegar por el sistema de navegación WP. Para que tú y tus usuarios tengáis la mejor experiencia posible.
Antes de crear su menú de WordPress
Ahora, antes de sumergirnos en la estructura del menú de WP, tomemos un momento para planificarlo. Crear un menú es simple (simplemente vaya a Apariencia – menú y empezar a hacer clic), creando útil el menú es un poco más detallado. Básicamente, hazte dos preguntas:
- ¿Para quién hago el menú?
- ¿Adónde van mis invitados?
Cuando se trata de ¿Para quién hago el menú?esto puede parecer una tontería. Porque la respuesta es, sin duda, «tus usuarios». Pero no es tan simple. Diferentes usuarios necesitan cosas diferentes. ¿Los visitantes nuevos necesitarán las mismas páginas que los visitantes recurrentes? ¿Los miembros registrados ven el mismo menú que aquellos que no están registrados?
Cuando piense en las personas que usarán este menú en particular, puede mantenerlo simple. Puedes evitar atascarlo con páginas que abruman a las personas que lo miran. Lo mejor del menú de WordPress es que puedes crear múltiples versiones y mostrarlas en diferentes lugares.
Lo que nos lleva a la pregunta dos: ¿Adónde van mis invitados? Junto con qué usuarios necesitan qué menús, decidir a dónde ir para esos usuarios determinará qué menús creará.
ElegantThemes.com como ejemplo del mundo real
Por ejemplo, rediseñamos el menú de encabezado en Elegant Themes hace algún tiempo. Queríamos centrarnos en dirigir el tráfico a nuestro grupo de Facebook, Usuarios del tema Diviy el nuestro Red de reuniones. Excepto por Divi en sí, pero es obvio. 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 confiable que alguna vez existió.
pasar el cursor sobre dividey verá 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á a Divi como un producto estrella. lista de precios cómo ven las personas nuestras opciones de membresía. Cuenta está fuera de este nuevo paradigma de usuario, pero brinda a los nuevos usuarios acceso rápido a su membresía y también brinda la opción de registrar un nuevo miembro. contactotambién es para todos.
Entonces, como puede ver, cada elemento del menú dirige a un segmento seleccionado de visitantes a las páginas que más queremos mostrarles. Dicho esto, también tenemos un menú de pie de página más completo que lo lleva a lugares como nuestro blog, recursos, páginas de productos individuales, etc.
El menú de encabezado también está allí. Sin embargo, sabemos que el menú en la parte inferior de la página será utilizado por personas con necesidades más específicas que saben que necesitan buscar un menú diferente (como está en la web hoy en día) para encontrar lo que están buscando.
Con eso en mente, probablemente haya descubierto para quién está creando el menú y qué quiere que hagan. Así que pasemos a construir el menú de WordPress.
Cómo crear un menú de WordPress
Ir Apariencia – menú en el 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 relacionadas con lo que discutimos anteriormente.
los El nombre del menú es para referencia Ningún usuario lo verá. Mantenga un registro de qué menú va a dónde por el nombre apropiado. En el lado izquierdo se ve 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 a categorías. Además, los enlaces personalizados le permiten enlazar a cualquier cosa, solo recuerde que https: // o sus enlaces pueden romperse.
Por debajo Configuración del menúle recomendamos encarecidamente que mantenga Añadir páginas automáticamente apagado. Esta opción agrega todos nuevas páginas creadas en su sitio al menú de WordPress. La mayoría de las personas nunca marcarán esta casilla.
Ahora Ver ubicación las opciones variarán según el tema, ya que cada tema tiene un diseño diferente en términos de dónde se muestra el menú de WordPress. Sin embargo, estos son lugares en su sitio donde su menú puede aparecer completo. No se puede ajustar de acuerdo con la ubicación del menú debajo de él Administra tus ubicaciones pestaña en la parte superior de la pantalla
Luego agregue el contenido que desee en el menú mismo. Simplemente marque la casilla junto a él y haga clic en Agregar al menú. Así es como se agrega debajo Estructura del menú. Haga clic en la flecha para ver otras opciones, como Etiqueta de navegación.
Recuérdalo Etiqueta de navegación mostrará a los usuarios. Esta es la parte que aparece en el menú. Entonces, si el título de su página es demasiado largo, puede acortarlo aquí.
Ahora, la parte más importante de crear un menú de WordPress (y quizás una de las acciones más olvidadas en toda la plataforma) es hacer clic guardar el menú en el lado derecho de la pantalla.
Después de guardar, se abrirá el menú. 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. Sin embargo, hay un paso más que debe realizar para que se muestre el submenú.
Por debajo Estructura del menú sección, cada elemento se puede arrastrar. Para crear un menú desplegable, simplemente haga clic en el elemento deseado y arrástrelo al elemento que desee como padre. WordPress es lo suficientemente inteligente como para saber que si traes un elemento a otro, querrás hacerlo junto a él. Al anidarlos se creará un menú desplegable en la interfaz de usuario.
Repita esto para tantos elementos como desee de la lista desplegable. La jerarquía anidada es fácil de entender. Cada vez que se crea un nuevo nivel en la estructura, este es un menú desplegable adicional.
En el frente, se verá similar a esto:
Ahora, estos pasos asumen que está utilizando elementos de menú existentes. Sin embargo, si no desea que el iniciador del menú desplegable sea un enlace navegable, puede crear uno Enlace personalizado Tiene # en lugar de la URL.
Esto creará un elemento de menú, pero hacer clic en él no solo expandirá el menú desplegable.
Cómo usar múltiples menús en su sitio de WordPress
Volviendo a lo que hablamos antes, queremos asegurarnos de que cada menú que mostramos esté enfocado. A veces, un mega menú es 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 los mega menús. Sin embargo, la mayoría de los sitios que usan mega menús no los necesitan. Complican la navegación del sitio innecesariamente.
Sin embargo, si tiene un sitio grande y se puede dividir en secciones, usar varios menús en su sitio casi siempre será una mejor opción. Cuantas menos opciones tenga que hacer un usuario, más probable es que tome la decisión que desea.
Ahora, por ejemplo, suponga que desea crear un menú que solo aparecerá en las barras laterales de su blog para ayudarlo a orientar a sus visitantes. Podemos llamar al menú algo como esto S.Widget de barra lateral para seguirlo pero si miras Ver ubicación o Administra tus ubicaciones pestaña, es posible que no haya una opción de barra lateral.
Simplemente significa que tendremos que colocar manualmente el menú. En el panel de control de WordPress, vaya a Apariencia: widgets y encontrar Menú de Navegación artilugio.
En su mayor parte, su tema será general barra lateral opción. los Menú de Navegación WordPress utiliza el widget de forma predeterminada. Por lo tanto, funcionará sea cual sea su tema. Sin embargo, su tema puede tener algo diferente para sus 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ástrelos a barra lateral superficie. Debido a la forma en que funcionan los widgets en WordPress, el widget aparecerá inmediatamente en su sitio. Sin embargo, no ha seleccionado un menú para mostrar, por lo que estará en blanco.
Si tu escoges Títuloaparecerá como un encabezado sobre el menú. los Seleccione el menú Una opción es donde elige el menú específico que desea mostrar. También puede hacer clic Visibilidad enlace y abra el campo adicional que ve arriba. Este nuevo campo le brinda opciones de visibilidad condicional. Para ello, es posible que queramos que este menú aparezca solo en las publicaciones clasificadas como podcastsentonces cuando hacemos clic Rescatelos cambios se mantienen.
Eso es todo para esto. Tenga en cuenta que todo lo que haya creado como menú desplegable para el menú de encabezado aparecerá como un menú anidado en el widget de la barra lateral. Por lo tanto, si creó URL de respaldo con #, será un enlace en el que se puede hacer clic en ese menú. Simplemente planifique la creación de su menú de WordPress en consecuencia.
Resumen usando 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ácil de navegar que puede ser bastante poderoso una vez que sepa cómo hacerlo. Tenga en cuenta, sin embargo, que mientras continúa creando su propia navegación del sitio, los menús no son universales. Asegúrese de considerar a quién desea encontrar, qué páginas en su sitio y cree un sistema de menú para crear esa experiencia. No todas las páginas, publicaciones y enlaces deben aparecer en el mismo menú. En el caso de un menú de WordPress, menos definitivamente puede ser más.
¿Cómo estructurará su menú de WordPress? ¿Cuántos menús diferentes tiene su sitio?
El artículo presentaba una imagen de Julia Tim / shutterstock.com
