WordPress le permite mostrar un menú de navegación en una ubicación específica de su tema, pero de forma predeterminada, 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 mostrará el mismo menú de navegación a 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 al menú 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 cubriremos en este tutorial:
- Creación de nuevos menús de navegación en WordPress
- Mostrar un menú diferente a los usuarios registrados en WordPress
- Mostrar un menú de WordPress diferente según el rol del usuario
- Mostrar un menú diferente para diferentes páginas en WordPress
- Ocultar el menú de navegación en las páginas de destino en WordPress
- Hacer más con los menús de navegación de WordPress
Creación de nuevos menús de navegación en WordPress
El primer paso es crear los menús de navegación adicionales que desea mostrar en WordPress. Después de eso, puede usar la lógica condicional para decidir cuándo se mostrará cada menú.
Simplemente dirígete a laApariencia » Menúspágina en el tablero de WordPress. Si ya tiene un menú de navegación que usa en su sitio web para todos los usuarios, entonces este puede ser su menú predeterminado.
A continuación, 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 determinada página o categoría de WordPress.
En el lado izquierdo de la pantalla, puede ver una lista de las páginas de su sitio web. Simplemente marque la casilla junto a cualquier 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 es necesario que asigne una ubicación a este menú ahora. Lo haremos en el siguiente paso.
No olvide hacer clic en el botón ‘Guardar menú’ para almacenar sus cambios.
Para obtener más detalles sobre la creación de menús, puede consultar nuestra guía para principiantes sobre cómo agregar un menú de navegación en WordPress.
Mostrar un menú diferente a los usuarios registrados 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, podría incluir artículos para sus clientes que están ocultos al público en general.
En primer lugar, debe instalar y activar elMenús condicionales plugin. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un WordPress plugin.
Tras la activación, debe visitar elApariencia » Menúsy cambie 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 variarán según el tema de WordPress que esté utilizando.
Por ejemplo, en nuestro sitio web de demostración, se muestra que nuestra ubicación del menú principal muestra un menú de navegación titulado ‘Menú principal’.
Podemos decirle a la plugin para mostrar un menú diferente cuando se cumple una determinada condición haciendo clic en el enlace ‘+ Menú condicional’ y seleccionando otro menú 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 donde verá un montón 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 cómo hacer esto usando código, consulte nuestra guía sobre cómo mostrar diferentes menús a los usuarios registrados en WordPress.
Mostrar un menú de WordPress diferente según el rol del usuario
Una vez que un usuario ha 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, podría incluir elementos de menú adicionales para un administrador y elementos más limitados para un colaborador. O en un sitio de membresía, puede otorgar diferentes niveles de acceso a diferentes niveles de membresía.
Como en el apartado anterior, es necesario instalar y activar elMenús condicionales pluginluego visite elApariencia » Menúsy cambie a la pestaña ‘Administrar ubicaciones’.
Debe agregar el menú condicional apropiado para el rol de usuario que seleccionará. 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.
Deberá hacer clic en la pestaña ‘Funciones de usuario’ para ver las casillas de verificación para 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’.
Mostrar un menú diferente para diferentes páginas en WordPress
Puede mostrar un menú diferente para diferentes páginas en WordPress. Por ejemplo, podría 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 plugincomo 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 de verificación junto a cada página en la que desea mostrar 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 una empresa. En estas páginas, querrá 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 sobre cómo aumentar las conversiones de su página de destino en un 300 %, le sugerimos que puede minimizar las distracciones eliminando los menús de navegación y otros enlaces de la página.
Puedes hacerlo usando el Menús condicionales plugin. Al seleccionar el menú condicional, esta vez debe elegir ‘Deshabilitar menú’ en el menú desplegable.
A continuación, debe hacer clic en el enlace ‘+ Condiciones’ para elegir cuándo mostrar el menú.
Debe hacer clic en la pestaña ‘Páginas’ y colocar marcas de verificación junto a sus páginas de destino.
No olvide hacer clic en el botón ‘Guardar’ para almacenar su configuración.
Hacer más con los menús de navegación de WordPress
Los menús de navegación son una poderosa herramienta de diseño web. Le permiten señalar a los usuarios las secciones 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 puede 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.
- Cómo agregar elementos personalizados a menús específicos de WordPress
- Cómo agregar menús de navegación personalizados en temas de WordPress
- Cómo agregar un menú receptivo de pantalla completa en WordPress
- Cómo crear un menú de navegación vertical en WordPress
- Cómo agregar un mega menú a su sitio de WordPress
- Cómo diseñar los menús de navegación 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 aprender a crear flujos de trabajo automatizados o consultar nuestra lista de las mejores pruebas sociales. plugins para WordPress y WooCommerce.
, WordPress. Twitter y Facebook.
Cómo agregar lógica condicional a los menús en WordPress .
visto en: wpbeginner