Cómo incorporar lógica condicional a los menús en WordPress

¿Desea mostrar distintos productos del menú de navegación para distintas páginas web en WordPress? ¿O mostrar un menú diverso para compradores registrados?

WordPress le permite mostrar un menú de navegación en una ubicación única en su tema, pero de manera predeterminada, generalmente mostrará claramente el mismo menú.

En esta publicación, le mostraremos claramente cómo incluir lógica condicional en los menús de WordPress.

¿Por qué aumentar la lógica condicional a los menús en WordPress?

Los menús de navegación le dan composición a su sitio web de WordPress y ayudan a los visitantes del sitio web a encontrar lo que buscan. De forma predeterminada, su sitio de WordPress mostrará el menú de navegación exacto a todos los clientes y en todas las publicaciones y páginas web.

Sin embargo, puede haber momentos en los que desee mostrar menús exclusivos en pantalla a varios consumidores, o en páginas web específicas en su sitio web.

Los sitios web como una tienda minorista en línea, una comunidad de sitios web de membresía de WordPress o un sistema de búsqueda en línea pueden beneficiarse de los menús de navegación personalizados.

Empleando la lógica condicional, puede aumentar los productos del menú agregados para las personas que iniciaron sesión para que puedan administrar sus cuentas, renovar sus suscripciones o ver las clases en línea que adquirieron. Puede considerarlo como un control de entrada del menú de WordPress.

Habiendo dicho eso, veamos cómo agregar lógica condicional a los menús en WordPress. Aquí están los temas que cubriremos en este tutorial:

El primer paso es desarrollar 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án casi todos los menús.

Básicamente diríjase a la página Apariencia física » Menús en el panel de control de WordPress. Si ya tiene un menú de navegación que utiliza en su sitio de Internet para todos los usuarios, este puede ser su menú predeterminado.

En el futuro, debe hacer clic en el enlace del sitio web 'crear un nuevo menú' para desarrollar un nuevo menú. Por ejemplo, puede hacer que un menú se muestre a los usuarios finales registrados y otro más para mostrar en una página o clase seleccionada del sitio web de WordPress.

En el lado izquierdo de la pantalla, puede ver una lista de las páginas de su sitio. Simplemente marque la casilla junto a cualquier sitio web 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.

Incluso más abajo en el sitio, puede elegir un lugar para mostrar su menú. Pero, ahora nunca necesita asignar un lugar a este menú. Lo haremos en la siguiente etapa.

No olvide hacer clic en el botón 'Guardar menú' para comprar sus variaciones.

Para obtener más información sobre cómo generar menús, puede ver nuestro tutorial para principiantes sobre cómo agregar un menú de navegación en WordPress.

A menudo es valioso mostrar varios menús de navegación a los clientes en función de si han iniciado sesión en su sitio web o no.

Por ejemplo, puede incorporar hipervínculos de inicio de sesión y registro para clientes desconectados y aumentar un enlace de sitio web de cierre de sesión a su menú para su menú conectado.

O si está trabajando en una tienda minorista de WooCommerce, entonces puede contener productos para sus consumidores que están ocultos al público general.

Primero, debe instalar y activar el complemento de menús condicionales. Para obtener más detalles, consulte nuestra información paso a paso sobre cómo instalar un complemento de WordPress.

Tras la activación, deberá echar un vistazo a la página Apariencia visual » Menús y cambiar a la pestaña 'Administrar ubicaciones'.

Desde abajo, verá el registro de las ubicaciones de los menús disponibles y los menús que se muestran en este momento. Estos variarán dependiendo del tema de WordPress que esté utilizando.

Por ejemplo, en nuestra página web de demostración, muestra que nuestra configuración regional del Menú principal muestra un menú de navegación titulado 'Menú principal'.

Podemos indicarle al complemento que muestre un menú diferente cuando coincida una determinada aflicción haciendo clic en el hipervínculo '+ Menú condicional' y eligiendo otro menú del menú desplegable. Para este tutorial, seleccionaremos 'Menú de inicio de sesión'.

Próximamente, debe hacer clic en el vínculo de retroceso '+ Condiciones'.

Esto mostrará una ventana emergente en la que verá un montón de situaciones para elegir.

Simplemente marque la casilla posterior a la opción 'Usuario conectado' y luego haga clic en el botón 'Guardar'.

Ahora puede visitar su sitio web para ver en acción el menú del consumidor registrado. 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 mucho más completas y aprender cómo hacer este código de aplicación, eche un vistazo a nuestra guía sobre cómo mostrar diversos menús a los compradores registrados en WordPress.

En el momento en que una persona ha iniciado sesión, también puede mostrar en pantalla un menú de navegación diverso según la función de usuario que le haya asignado.

Por ejemplo, podría incluir más productos de menú para un administrador y elementos mínimos adicionales para un colaborador. O en una página web de membresía, puede otorgar diferentes cantidades de acceso a varios rangos de membresía.

Como en la sección anterior, debe configurar y activar el complemento Menús condicionales, luego visitar la página Apariencia física » Menús y cambiar a la pestaña 'Administrar ubicaciones'.

Realmente debería incorporar el menú condicional adecuado para el rol de persona que encontrará. Para este tutorial, hemos elegido el menú 'Administrador del menú de navegación'.

A continuación, deberá hacer clic en el enlace '+ Condiciones' para que pueda elegir la posición del consumidor.

Deberá hacer clic en la pestaña 'Funciones de usuario' para ver las casillas de verificación de todos y cada uno de los trabajos de consumo en su sitio web. Simplemente haga clic en los roles de consumidor que verán este menú y luego simplemente haga clic en el botón 'Guardar'.

Puede mostrar un menú diferente para páginas web únicas en WordPress. Por ejemplo, puede mostrar más elementos del menú en su página web de cobertura de privacidad, como un enlace a su sitio web para descubrir cookies.

Para hacer esto, debe configurar y activar el complemento de menús condicionales, como se mencionó anteriormente, luego optar por el menú de navegación aceptable y hacer clic en el enlace de retroceso '+ Condiciones'.

Esta vez deberías hacer clic en la pestaña 'Páginas'. Verá una lista de todos los sitios en su sitio de Internet.

Debe colocar una marca de verificación junto a cada página individual del sitio web en la que desea mostrar el menú de navegación, luego simplemente haga clic en el botón 'Guardar'.

Ocultar el menú de navegación en las páginas de aterrizaje de Internet en WordPress

Puede haber páginas web en su sitio web en las que realmente no desea mostrar un menú de navegación en absoluto, como sus páginas de destino.

Un sitio web de aterrizaje está diseñado para aumentar las ganancias o generar clientes potenciales para una organización. En estas páginas web, querrá minimizar las distracciones y presentar a los clientes todos los detalles que deben tener para considerar una acción en particular.

En nuestra guía sobre cómo mejorar las conversiones de su sitio de destino en un 300 %, sugerimos que puede disminuir las distracciones eliminando los menús de navegación y otros hipervínculos de la página web.

Puede hacerlo utilizando el complemento de menús condicionales. Al decidir sobre el menú condicional, esta vez debe seleccionar 'Deshabilitar menú' en el menú desplegable.

A continuación, debe simplemente hacer clic en la conexión '+ Condiciones' para elegir cuándo mostrar el menú.

Simplemente debe hacer clic en la pestaña 'Páginas' y poner marcas de verificación futuras en sus páginas de destino.

Nunca olvide hacer clic en el botón 'Guardar' para almacenar sus configuraciones.

Los menús de navegación son un software sólido de estructura web mundial. Le permiten llevar a los usuarios finales a las secciones más críticas de su página web.

Ahora que está mostrando menús de navegación únicos en diferentes páginas web y para usuarios finales únicos, es posible que se pregunte cómo puede personalizarlos aún más.

Pruebe estos útiles tutoriales para prolongar el rendimiento de los menús de navegación en su sitio web de WordPress.

Esperamos que este tutorial te haya ayudado a descubrir cómo incluir lógica condicional en los menús de WordPress. Es posible que también desee estudiar cómo crear flujos de trabajo automatizados o consultar nuestra lista de complementos de prueba social ideales para WordPress y WooCommerce.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para obtener tutoriales de películas de WordPress. También puede descubrirnos en Twitter y Facebook.