JQuery + WordPress Menus = Simple, but Amazing

Today I was asked by a client to add 3rd level drop-down menus to an existing WordPress site.

JQuery to the rescue!  The previous web guy had used Superfish, which is a fine system on its own, but he’d only used the bits and pieces he really needed.  Thus, when two-level nested menus became three, the script was not able to handle it.

First step: Use what they already had without reinventing the wheel:

<?php wp_list_pages('title_li=&depth=2'); ?>

Became:

<?php wp_list_pages('title_li=&depth=3'); ?>

And Christian at Kresi.at provided a nice starting point for me to jump from using JQuery in WordPress menus.  He really should be applauded for such a simple solution.  I just had to style the 3rd tier menus and I was set!  (Text blurred to protect client identity).

WordPress Menus Step OneWordPress Menus Step TwoWordPress Menus Step ThreeNice.

I also managed to wrangle in Image Uploading issues – caused by two separate problems on two different sites.  Freeing up a bit of file permissions did the trick on one, and discovering that there was an entire duplicate WordPress installation elsewhere and re-directing the uploads folder fixed the second.

The whole line of fixes and menu additions took a little over 3 hours.  A total success for myself and the client!

This entry was posted in Digital Gunslinger, Web Design and tagged , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.
  • http://twitter.com/ImNickArmstrong ImNickArmstrong

    JQuery + WordPress Menus = Simple, but Amazing http://su.pr/7vXs0O
    This comment was originally posted on Twitter