En este tutorial te enseñaremos a cómo ver y gestionar los menús de navegación de WordPress en el frontend.
Esto es genial si estás creando una plataforma de sitios web con un panel de control frontend. Con nuestro método, no tienes que programar nada ni escribir una sola línea de código; no necesitas saber programación.
Lo que necesitas para mostrar y gestionar los menús de navegación de WordPress en el frontend es el plugin WP Frontend Admin.
Con este plugin, puedes mostrar cualquier página de wp-admin en el frontend para crear paneles de control y aplicaciones web desde los plugins de WordPress.
Puedes conseguir el plugin aquí:
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
Una vez que instales y actives WP Frontend Admin, solo tienes que seguir estos sencillos pasos para mostrar y gestionar los menús de navegación de WordPress en el frontend:
1- Muestra los menús de navegacion en el frontend
El primer paso es abrir la sección de menús de navegación. Puedes hacerlo yendo a Apariencia > Menús. Para ver y editar tus menús en el frontend, solo tienes que hacer clic en Ver en el frontend. Es muy sencillo y no necesitas hacer nada más.
Algo realmente importante de mencionar es que WP Frontend Admin es totalmente compatible con cualquier constructor de páginas. Aquí hay algunos ejemplos de constructores de páginas compatibles con este plugin:
- Elementor
- Visual Composer
- Gutenberg
- Divi
- Beaver Builder
- WP Page Builder
- Page Builder by SiteOrigin
- Oxygen
- Live Composer
- Brizy
- Etc.
Por lo tanto, si quieres mostrar los menús de navegación en el frontend usando cualquiera de estos constructores de páginas, necesitas usar el siguiente shortcode y pegarlo donde quieras mostrar los menús de navegación:
[vg_display_admin_page page_url="nav-menus.php"]
Una vez introducido el shortcode, haz clic en Vista previa para mostrar los menús de navegación en el frontend y configurar la página.
2- Selecciona la información básica de tu página
Al hacer clic en Ver en el frontend, WP Frontend Admin mostrará los menús de navegación en el frontend y te mostrará un panel de Configuración Rápida que te permite configurar tu nueva página de frontend.
Puedes empezar a configurar tu página de menús de navegación en el frontend seleccionando la siguiente información básica:
- Título de la página: Escribe aquí el título de la página.
- URL slug: Aquí debes escribir el slug de la URL usando solo palabras clave.
- Plantilla: Selecciona la plantilla por defecto para utilizar las opciones del tema.
- Añadir a este menú: Selecciona el menú donde quieres añadir esta página.
3- Oculta cualquier elemento innecesario de tu página
WP Frontend Admin te permite ocultar cualquier elemento innecesario de tus páginas del frontend para simplificarlas y hacerlas más elegantes para tus usuarios.
Puedes ocultar cualquier elemento con estos dos pasos:
- Haz clic en Ocultar elemento.
- Haz clic en el elemento que desea ocultar.
Importante. Debes repetir estos dos pasos con todos los elementos que quieras ocultar.
También puedes marcar la casilla Ocultar notificaciones añadidas por otros plugins o temas para evitar que los usuarios vean las notificaciones de wp-admin en el frontend.
4- Edita cualquier texto de tu página
También puedes editar cualquier texto en tu página de menús del frontend. Esto es realmente útil para personalizar sus páginas aún más.
Solo tienes que seguir estos tres sencillos pasos:
- Haz clic en Editar textos.
- Puedes editar todos los textos que quieras.
- Haz clic en Edición terminada.
5- Publica tu página de menús
Por último, haz clic en Guardar para guardar los cambios y publicar la página de menús frontales.
Así es como se verán los menús de navegación de WordPress en el frontend para los usuarios conectados.
Importante:
- Ten en cuenta que solo los usuarios con el permiso edit_theme_options podrán ver y gestionar los menús nav en el frontend. Sigue este tutorial si quieres aprender a añadir esa capacidad a otro rol de usuario.
- Aquí hay un tutorial sobre cómo integrar WP Frontend Admin con WordPress Multisite.
- Aquí hay un tutorial sobre cómo integrar WP Frontend Admin con WP Ultimo.
Listo!
Como puedes ver, mostrar los menús de navegación en el frontend es realmente sencillo con WP Frontend Admin.
Puedes conseguir el plugin aquí:
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
