¿Desea mostrar diferentes elementos del menú de navegación para diferentes páginas en WordPress? ¿O mostrar un menú diferente para los usuarios registrados?
WordPress le permite mostrar un menú de navegación en una ubicación específica de su tema, pero por defecto siempre mostrará el mismo menú.
En este artículo, le mostraremos cómo agregar lógica condicional a los menús en WordPress.
¿Por qué agregar lógica condicional a los menús en WordPress?
Los menús de navegación dan estructura a su sitio web de WordPress y ayudan a los visitantes a encontrar lo que buscan. De forma predeterminada, su sitio web de WordPress muestra el mismo menú de navegación para todos los usuarios y en todas las publicaciones y páginas.
Sin embargo, puede haber momentos en los que desee mostrar diferentes menús para diferentes usuarios o en diferentes páginas de su sitio web.
Los sitios web como una tienda en línea, una comunidad de sitios de membresía de WordPress o una plataforma de aprendizaje en línea pueden beneficiarse de los menús de navegación personalizados.
Con la lógica condicional, puede agregar elementos de menú adicionales para los usuarios registrados para que puedan administrar sus cuentas, renovar sus suscripciones o ver los cursos en línea que compraron. Puede pensar en ello como un control de acceso para los menús de WordPress.
Dicho esto, echemos un vistazo a cómo agregar lógica condicional a los menús en WordPress. Estos son los temas que cubrimos en este tutorial:
El primer paso es crear los menús de navegación adicionales que desea que aparezcan en WordPress. Después de eso, puede usar la lógica condicional para decidir cuándo se muestra cada menú.
Solo ve a la Apariencia » Menús página en el tablero de WordPress. Si ya tiene un menú de navegación que utiliza en su sitio web para todos los usuarios, este puede ser su menú predeterminado.
Luego debe hacer clic en el enlace ‘crear un nuevo menú’ para crear un nuevo menú. Por ejemplo, puede crear un menú para mostrar a los usuarios registrados y otro para mostrar en una página o categoría particular de WordPress.
En el lado izquierdo de la pantalla, verá una lista de sus páginas web. Simplemente marque la casilla junto a cada página que desee agregar a su menú y haga clic en el botón ‘Agregar al menú’.
También puede arrastrar y soltar los elementos del menú en el lado derecho de la pantalla para reorganizarlos.
Más abajo en la página, puede elegir una ubicación para mostrar su menú. Pero no necesita asignar una ubicación a este menú ahora. Lo haremos en el siguiente paso.
No olvide hacer clic en el botón ‘Guardar menú’ para guardar sus cambios.
Para obtener más información sobre la creación de menús, consulte nuestra guía para principiantes sobre cómo agregar un menú de navegación en WordPress.
Suele ser útil mostrar diferentes menús de navegación a los usuarios dependiendo de si han iniciado sesión en su sitio o no.
Por ejemplo, puede incluir enlaces de inicio de sesión y registro para usuarios desconectados y agregar un enlace de cierre de sesión a su menú para su menú conectado.
O si tiene una tienda WooCommerce, puede incluir artículos para sus clientes que están ocultos al público en general.
Primero necesitas el . instalar y activar menús condicionales enchufar. Para obtener más información, consulte nuestra guía paso a paso para instalar un complemento de WordPress.
Después de la activación tienes que ir a la Apariencia » Menús y vaya a la pestaña ‘Administrar ubicaciones’.
Desde aquí verá la lista de ubicaciones de menú disponibles y los menús que se muestran actualmente. Estos dependen del tema de WordPress que esté utilizando.
Por ejemplo, nuestro sitio web de demostración muestra que la ubicación de nuestro menú principal muestra un menú de navegación titulado «Menú principal».
Podemos decirle al complemento que muestre un menú diferente cuando se cumpla una determinada condición haciendo clic en el enlace ‘+ Menú condicional’ y seleccionando un menú diferente del menú desplegable. Para este tutorial, seleccionaremos ‘Menú de inicio de sesión’.
A continuación, debe hacer clic en el enlace ‘+ Condiciones’.
Aparecerá una ventana emergente que le mostrará una serie de condiciones para elegir.
Simplemente marque la casilla junto a la opción ‘Usuario conectado’ y luego haga clic en el botón ‘Guardar’.
Ahora puede visitar su sitio web para ver el menú de usuario registrado en acción. Puede cerrar sesión en su sitio web para ver el menú de navegación que se muestra a todos los demás usuarios.
Para obtener instrucciones más detalladas y aprender a hacer esto con código, consulte nuestra guía sobre cómo mostrar diferentes menús a los usuarios registrados en WordPress.
Después de que un usuario haya iniciado sesión, también puede mostrar un menú de navegación diferente, según la función de usuario que le haya asignado.
Por ejemplo, puede incluir elementos de menú adicionales para un administrador y elementos más restringidos para un colaborador. O puede otorgar diferentes niveles de acceso a diferentes niveles de membresía en un sitio de membresía.
Al igual que en el apartado anterior, debes utilizar el . instalar y activar menús condicionales complemento, vaya a la Apariencia » Menús y vaya a la pestaña ‘Administrar ubicaciones’.
Debe agregar el menú condicional apropiado para el rol de usuario que seleccione. Para este tutorial, hemos seleccionado el menú ‘Administrador del menú de navegación’.
Después de eso, debe hacer clic en el enlace «+ Condiciones» para que pueda elegir el rol de usuario.
Debe hacer clic en la pestaña ‘Funciones de usuario’ para ver las casillas de verificación de cada función de usuario en su sitio web. Simplemente haga clic en los roles de usuario que verán este menú y luego haga clic en el botón ‘Guardar’.
Puede mostrar un menú diferente para diferentes páginas en WordPress. Por ejemplo, puede mostrar elementos de menú adicionales en su página de política de privacidad, como un enlace a su aviso de cookies.
Para hacer esto, necesita instalar y activar el menús condicionales complemento, como se muestra arriba, luego elija el menú de navegación apropiado y haga clic en el enlace ‘+ Condiciones’.
Esta vez debe hacer clic en la pestaña ‘Páginas’. Verá una lista de todas las páginas de su sitio web.
Debe colocar una marca junto a cada página en la que desea que aparezca el menú de navegación y luego hacer clic en el botón ‘Guardar’.
Ocultar el menú de navegación en las páginas de destino en WordPress
Puede haber páginas en su sitio web en las que no desee mostrar un menú de navegación, como sus páginas de destino.
Una página de destino está diseñada para aumentar las ventas o generar clientes potenciales para un negocio. En estas páginas, desea minimizar las distracciones y brindar a los usuarios toda la información que necesitan para realizar una acción específica.
En nuestra guía para aumentar las conversiones de su página de destino en un 300%, recomendamos minimizar las distracciones eliminando los menús de navegación y otros enlaces de la página.
haces eso con el menús condicionales enchufar. Cuando selecciona el menú condicional, esta vez debe elegir «Deshabilitar menú» en el menú desplegable.
Luego, debe hacer clic en el enlace ‘+ Condiciones’ para elegir cuándo desea mostrar el menú.
Debe hacer clic en la pestaña ‘Páginas’ y poner marcas de verificación junto a sus páginas de destino.
No olvide hacer clic en el botón ‘Guardar’ para guardar su configuración.
Los menús de navegación son una poderosa herramienta de diseño web. Esto le permite dirigir a los usuarios a las partes más importantes de su sitio web.
Ahora que está mostrando diferentes menús de navegación en diferentes páginas y para diferentes usuarios, es posible que se pregunte cómo personalizarlos aún más.
Pruebe estos útiles tutoriales para ampliar la funcionalidad de los menús de navegación en su sitio web de WordPress.
Esperamos que este tutorial le haya ayudado a aprender cómo agregar lógica condicional a los menús en WordPress. También puede querer aprender a crear flujos de trabajo automatizados o consultar nuestra lista de los mejores complementos de prueba social para WordPress y WooCommerce.
Si te ha gustado este artículo, suscríbete a nuestro Canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo y Facebook.