Add WP Vertical Admin Style Menu to Front-End

  • I’m building a site where I really need a menu that functions almost exactly like the back-end WP admin menu. Basically, it needs to be able to expand using icons on the top-level pages (the text of the pages themselves need to be links) and it needs to automatically expand a section when the corresponding top-level page is accessed.

    If at all possible, I would really like the menu to be built using wp_nav_menu so that we can use the Menu interface to organize pages.

    Can anyone point me in the right direction?

Viewing 2 replies - 1 through 2 (of 2 total)

  • the style of menu you are referring to is called an accordion menu (like the instrument)

    you should be able to use jQuery and change a couple of parameters to get the unordered list to function like an accordion menu

    have a look here
    https://docs.jquery.com/UI/Accordion

    Or a video tutorial on how to edit and implement:
    https://docs.jquery.com/Tutorials:Accordion_Menu_(Screencast)

    or if you dont want to use jquery have a look at any of these
    https://www.queness.com/post/237/30-javascript-menu-plugins-and-scripts

    Thread Starter mburtis

    (@mburtis)

    Hey,

    Thanks for the feedback. I’ve looked at a number of jQuery accordion menus, but I haven’t found any that have the specific features of the WP admin menu. In particular, finding a way to have the top-level items be links while providing a mechanism for expanding the sub-menus has been tricky to find. And I’m also struggling with finding a menu that will expand the appropriate submenu depending on the page that’s being viewed.

    I guess I thought that since this menu was part of the back-end, I might find a tutorial or thread that explains how to build a similar navigation interface on the front-end.

    Maybe I just need to keep scouring the jQuery accordion menus. . .

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Add WP Vertical Admin Style Menu to Front-End’ is closed to new replies.