Navigation menu as Dropdown Widget

Descripción

Convert a Navigation Menu to a dropdown which you visitors can use to navigate to another page.
This can be a nifty element on mobile webpages or just to provide a quick way to navigate to users.

We are proud to be featured on:
WordPress tutorials
WP Missing: install the Navigation as dropdown plugin
– The blog of WordPress survey plugin

Did you know you can try out this widget using TasteWP?
Try it out here, without any obligations

Capturas

  • The dropdown on the frontend with the selected menu. The current page will be selected by default.
  • How to place the widget from the admin panel

Instalación

How do I use this widget?

If you go to Widgets in the Appearance menu, you will be able to drag-and-drop the
‘Navigation menu as dropdown’ widget to a place of your choosing.

Please give a title (or not) and select the menu to convert to a dropdown.

Installing the plugin

Installation is very easy. You can just download this plugin through the
Plugin Finder in your WordPress Administration Panel. Install and activate
the plugin to make the widget available.

Preguntas frecuentes

How do I use this widget?

If you go to Widgets in the Appearance menu, you will be able to drag-and-drop the
‘Navigation menu as dropdown’ widget to a place of your choosing.

Please give a title (or not) and select the menu to convert to a dropdown.

Can I also submit a custom start-text?

Sí, si puedes, cuando agregues el widget verás la opción.

Can I also preselect the current page?

Yes you can, there is an option “Preselect the visited page in dropdown” when you add the widget.

Does this work on all devices?

Almost. But there are some issues with iOS devices. These do not allow new windows to be opened
when a dropdown has changed. This is a limitation of iOS. To make it work on iOS, links are opened
in the same window.

Can I customize the appearance / styling of the dropdown?

Yes you can, with CSS. If you know your way around CSS you might already know that you can
style elements by their class name or HTML structure. We just have a simple select-element
here. The pages inside (option-elements) have classes. For the upper layer it’s pd_tld,
the second layer has pd_sld.

Styling selects still is hard in current browsers, but this is changing.

I do offer help on styling / CSS if you are willing to make a small donation.

Does it support more than 1 level in linkstructure?

No, no en éste momento. Voy a trabajar en ello. Por el momento soporta un nivel de estructura superior-menor.

Apoyar/donar

Si te gusta éste plugin y quieres apoyarme o agradecerme,
por favor cómprame un café.

How can I contact you?

Si tienes dudas acerca del plugin o si tienes alguna idea que quieras compartir, la mejor forma de contactarme es a través de
Foros de ayuda

How can I report security bugs?

You can report security bugs through the Patchstack Vulnerability Disclosure Program.
The Patchstack team helps validate, triage and handle any security vulnerabilities.
Report a security vulnerability.

Who made the icon?

Íconos hechos por Freepik de Flaticon

Reseñas

8 de julio de 2024
I am using this plugin for one of my clients, as they wanted a dropdown menu that takes customers to their respective Terrazzo Association sites their state falls under. This was literally “plug and play” — and worked right out of the gate without any further customization. When I noticed some funky behavior on Safari on iOS, Jeroen was super quick to respond and investigate my query. I would highly recommend this plugin to anyone needing a navigation dropdown widget, and I will definitely be using it again on future client sites! 10/10!
22 de septiembre de 2023
I was looking for a plugin which provides a dropdown of a menu and this worked exactly as I’d hoped without having to bring in any more pages or posts than necessary, and works perfectly amongst long form content, especially on mobile, to keep users engaged. Thanks Jeroen for a great solution!
9 de mayo de 2022
I had a problem identifying a league ID. Jeroen solved this super fast with a great update. The best drop down widget!
15 de octubre de 2021
Perfect, just what I needed.
Leer todas las 8 reseñas

Colaboradores y desarrolladores

Este software es de código abierto. Las siguientes personas han contribuido a este plugin.

Colaboradores

“Navigation menu as Dropdown Widget” ha sido traducido a 6 idiomas locales. Gracias a los traductores por sus contribuciones.

Traduce “Navigation menu as Dropdown Widget” a tu idioma.

¿Interesado en el desarrollo?

Revisa el código, echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.

Registro de cambios

1.5.1 | August 12, 2024

  • Bugfix: Prevent php notice
  • Maintenance: WordPress 6.6 compatible

1.5.0 | June 30, 2024

  • Rolled back: ‘fix’ for iOS, this eventually didn’t work
  • Bugfix: When new window option was enabled, iOS devices didn’t open a new window (iOS security measure). On iOS, links are now always opened in the same window.
  • Enhancement: Added some explanation about opening a new window/tab on iOS in the FAQ

1.4.0 | June 23, 2024

  • Bugfix: New window option didn’t work on iOS devices
  • Maintenance: WordPress 6.5.4 compatible

1.3.5 | March 29, 2024

  • Bugfix: XSS vulnerability in the widget title in the WordPress admin
  • Enhancement: Added information about reporting a security issue

1.3.4 | March 24, 2024

  • Maintenance: WordPress 6.5 compatible
  • Maintenance: Using tags for plugin releases (so it can be rollbacked when needed)

1.3.3 | May 20, 2022

  • Bugfix: In some cases, the correct title wasn’t shown, but prefixed with the site title (since 1.3.2)

1.3.2 | May 8, 2022

  • Enhancement: Get an alternative title when nothing is available from a custom post
  • Maintenance: Little tweaking in layout of widget configuration
  • Maintenance: WordPress 6.0 compatible

1.3.1 | November 27, 2021

  • Maintenance: WordPress 5.9 compatible

1.3.0 | June 21, 2021

  • New feature: ability to truncate entries at X characters
  • Maintenance: WordPress 5.8 compatible

1.2.3 | December 8, 2020

  • Improvements: Text, explanation and screenshots

1.2.2 | November 22, 2020

  • Enhancement: Select first option when external link was clicked

1.2.1 | November 19, 2020

  • Bugfix: Open links when not in new/window

1.2 | November 19, 2020

  • Nueva funcionalidad: elige si la página actual debería seleccionarse
  • New feature: choose if the pages should be opened in a new tab/window
  • Maintenance: WordPress 5.6 compatible

1.1.2 | October 22, 2020

  • Corrección: compatibilidad con translate.wordpress.org

1.1.1 | October 7, 2020

  • Nueva funcionalidad: compatibilidad con translate.wordpress.org

1.1.0 | October 7, 2020

  • Nueva funcionalidad: posibilidad de establecer el valor inicial
  • Mantenimiento: compatible con WordPress 5.5

1.0.0 | May 3, 2020

  • Versión inicial