Multi-level Navigation Plugin for WordPress
This plugin is a replacement for the now defunct Suckerfish dropdown menu plugin for WordPress.
The plugin generates the code necessary to create a Son of Suckerfish horizontal dropdown, vertical flyout or horizontal slider menu. The plugin produces W3C valid HTML and CSS and only requires Javascript to function for very old browsers such as IE 6. The Javascript is held in an external file which is linked via IE conditional comments, so only the browsers which require it will download the file. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page.
To style your menu, head over to the Multi-level Menu CSS Generator page. Simply copy and paste the CSS from the generator to the plugins options page.
Demo
Demo is available here … Multi-level Navigation Plugin demo
Download
The plugin is available for download here … Multi-level Navigation Plugin
Installation
Add the following code wherever you want the dropdown to appear in your theme (usually header.php) and activate the plugin in your admin panel.
This code adds a button for your home page and dropdowns for your Pages, Archives, Categories and Blogroll.
<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>
Customisation
You can modify the look of your dropdown by using our new Multi-level Menu CSS Generator page. The generator has been designed with this plugin in mind, so just copy and paste the CSS code from the generator to the plugins options page.
If anyone out there would like a custom designed dropdown, then please get in touch with us via our contact page for pricing information.
Compatibility
The menus (CSS sourced from generator page) have been tested (and work correctly) in the following browsers:
Mozilla Firefox Version 3.0
Mozilla Firefox Version 2.0
Mozilla Firefox Version 1.5
Opera Version 9
Safari Version 3.0
Google Chrome
Internet Explorer Version 8 RC2
Internet Explorer Version 7.0
Internet Explorer Version 6.0 (with Javascript on)
Internet Explorer Version 5.5 (with Javascript on)
Internet Explorer Version 5.0 (with Javascript on)
Live Examples
There is a list of live examples in our forum … live examples
Credits
Thanks to Patrick Griffiths and Dan Webb for their article which we used as a model for the CSS used in this plugin. And thanks to Miriam Schwab for writing the blog post which motivated us to create it.
Support
For support, please visit the dropdown menus board in our support forum.
44 Responses to “Multi-level Navigation Plugin for WordPress”
» Multi-level Navigation Plugin for WordPress Wordpress: on: June 2nd, 2008 at 12:42 am
[...] Go here to read the rest: Multi-level Navigation Plugin for WordPress [...]
WordPress Dropdown Menu Plugin | PixoPoint on: June 2nd, 2008 at 1:07 am
[...] Note: This plugin has been superceded by the ‘Multi-level Navigation Plugin‘. [...]
Site changes and coming posts – markdarb.com on: June 11th, 2008 at 8:09 am
[...] and spacing, removed some features that I didn’t like, and added a dropdown menu using the multi-level navigation plugin, which isn’t perfect (it doesn’t seem to handle long links very well), but is food [...]
Site changes and coming posts – markdarb.com on: June 11th, 2008 at 8:09 am
[...] and spacing, removed some features that I didn’t like, and added a dropdown menu using the multi-level navigation plugin, which isn’t perfect (it doesn’t seem to handle long links very well), but is food [...]
ZardoZ the Technomage » Blog Archive » Más cambios on: June 16th, 2008 at 3:59 am
[...] Bueno, puede que alguno se halla fijado que desapareció la lista de categorías del lateral y fue reemplazado por el “aviso” de Creative Commons, y una lista de categorias en la parte superior, en plan menú Sucker Fish (y también lista de Archivos por mes). En gran parte, es debido a un plugin para Wordpress, que genera dichos menus, el Multi-Navigation Plugin. [...]
rhaya.com » Launched on: July 21st, 2008 at 10:47 pm
[...] a very talented local photographer. It is powered by WordPress with a spiffy navigation plugin from PixoPoint. Two other sites that I also wrapped up are the simple yet effective web sites for Curd Brothers [...]
TLMaroonX wordpress theme | Tech Loose on: July 25th, 2008 at 9:09 am
[...] theme, comes integrated with “Multi-level Navigation” a dropdown menu Plugin from pixopoint.com. colour combination feels just right, please tell me how do you like this [...]
DewDrop Webs » Blog Archive » Theme: TimeCrunch on: August 14th, 2008 at 6:43 pm
[...] black/orange theme featuring Home Page recent articles arranged in blocks. Coded to accept Multi-level Navigation Plugin but it is not [...]
DewDrop Webs » Blog Archive » Theme: Pool on: August 17th, 2008 at 5:21 pm
[...] blue-green theme featuring Home Page recent articles arranged in blocks. Coded to accept Multi-level Navigation Plugin but it is not [...]
Lightbox virker ikke? – Siste nytt fra Langerud on: August 21st, 2008 at 3:09 pm
[...] Jeg prøvde ut et nytt innstikk her om dagen; for å få til en bedre meny. Det jeg IKKE la merke til før nå de siste dagene, var at det innstikket førte til at Lightbox ikke virka på min Wordpress. Dvs at når du trykker på bildene, så åpnet de seg i en blank side og ikke noe annet, mens det egentlig skulle ha kommet “ut” fra websiden, mens resten skulle ha blitt mørkere… Det var bare å prøve seg fram - deaktivere de sist installerte innstikkene og prøve seg fram på hvilket som ødela for LIghtboxen - og hos meg viste det seg av synderen var Multi-level Navigation Plugin [...]
Most Desired WordPress Hacks: 11 Common Requests and Fixes on: August 27th, 2008 at 6:11 am
[...] Multi-level Navigation Plugin for WordPress- The plugin generates the code necessary to create a Son of Suckerfish horizontal dropdown, vertical flyout or horizontal slider menu. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page. [...]
Drop down menu for subpages - Page 3 - DIY Themes Forums on: September 3rd, 2008 at 9:13 am
[...] does not include drop down menus. BUT, there is a plugin available that adds that capability. Multi-level Navigation is the newest incarnation of Suckerfish menus. I haven’t tried it with Thesis 1.1, but I know the [...]
Çoklu menü eklentisi | Fırtına 30 05 on: September 9th, 2008 at 1:29 pm
[...] sayfası burası ve [...]
Most Desired WordPress Hacks: 11 Common Requests and Fixes | POLPDESIGN on: September 9th, 2008 at 8:27 pm
[...] Multi-level Navigation Plugin for WordPress- The plugin generates the code necessary to create a Son of Suckerfish horizontal dropdown, vertical flyout or horizontal slider menu. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page. [...]
制作一个只显示特定类别的导航栏 | internet Readers on: September 12th, 2008 at 10:59 am
[...] Multi-level Navigation Plugin for WordPress — 这个插件能够产生必要的代码去创建一个 Son of Suckerfish 似的横向下拉菜单，纵向弹出或者横向滑动的导航栏。你可以通过插件选项页面控制什么项目（页面，分类，存档，友情链接等等）可以显示在你的下拉菜单中。 Filed in Wordpress教程 « Wordpress模板支持Sidebar Widgets[全攻略] [...]
Using WordPress as a Content Management System (CMS) - Online Marketing (SEO, PPC, social networks) | Josh Fialkoff on: October 7th, 2008 at 7:00 am
[...] than posts) which work well for Websites. The leading plugin in this regard is Ryan Hellyer’s WP Multi-level Navigation Plugin.I have used this on just about every site I have made in WordPress. That said, I think it could be [...]
Drop-Down Menu for Sidebar - DIY Themes Forums on: October 12th, 2008 at 3:17 am
[...] programmed. One other Thesis user noted that he uses the Multi-Level Navigation Plugin available at Multi-level Navigation Plugin for WordPress | PixoPoint [...]
Bloc de Notes » Blog Archive » WordPress Dropdown Menu Plugin on: October 26th, 2008 at 6:32 am
[...] l’enllaç de baix porta a una documentació complerta de aquest bon plugin. Drop Down Menus Generator [...]
Javier Seixas | Blog » Blog Archive » Menú desplegable en Wordpress on: October 27th, 2008 at 4:19 am
[...] de hacer todos estos cambios vi que había una versión más nueva del suckerfish para wordpress: Multi-level navigation plugin. Quizá en otro post hable de [...]
DominicBarrios.com - Photographer’s Blog | raymondselda.com on: October 30th, 2008 at 1:58 am
[...] Multi-Level Navigation - drop down menus for the main navigation [...]
Speeding Up Your Wordpress Blog | Spontaneous Derivation on: November 12th, 2008 at 4:05 pm
[...] Multi-level Navigation Plugin: Dynamic Javascript dropdown menus. Very meh for me, because while it generates category, page, and blogroll menus for you, and thus results in a compact view of your site, you can’t use the WP Widget Cache on them, so the thing ends up being very expensive. And plus, more Javascript is loaded into someone’s browser, and in the end it just wasn’t worth it. [...]
Multi-level Navigation CSS Generator on: November 20th, 2008 at 6:28 am
[...] menu navigation, software integration and automated design services. Our new Template Generator and Multi-level Navigation plugin for WordPress are used by many professional web designers. For further information, or to request [...]
Drop down menu for subpages - Page 4 - DIY Themes Forums on: November 29th, 2008 at 7:59 am
[...] does not include drop down menus. BUT, there is a plugin available that adds that capability. Multi-level Navigation is the newest incarnation of Suckerfish menus. I’ve downloaded the plugin and activated it, but [...]
How, or where, do I replace the Nav Bar - DIY Themes Forums on: December 1st, 2008 at 6:33 am
[...] become ’simpler’?) Here’s what I’ve done; Downloaded and installed the Wordpress Plugin from Multi-level Navigation Plugin for WordPress All I need to do is replace the default Nav Bar with this: <?php if [...]
Replacing Top Nav Bar with Dropdown Menu - DIY Themes Forums on: December 1st, 2008 at 6:38 am
[...] become ’simpler’?) Here’s what I’ve done; Downloaded and installed the Wordpress Plugin from Multi-level Navigation Plugin for WordPress All I need to do is replace the default Nav Bar with this: <?php if [...]
Menú desplegable en Wordpress | BlogPro | Javier Seixas on: December 28th, 2008 at 6:47 am
[...] de hacer todos estos cambios vi que había una versión más nueva del suckerfish para wordpress: Multi-level navigation plugin. Quizá en otro post hable de él. [...]
Gallery Integration and jQuery Slimbox WordPress Plugin | Transient Monkey on: January 3rd, 2009 at 1:02 am
[...] Since my page uses the jQuery framework already (thanks to the K2 theme and my work on the Multi-Level Navigation plugin) I really wanted one that would use it so I could cut down on load [...]
Dynamic Stylesheet | Brass Blogs Web Design on: January 7th, 2009 at 4:38 pm
[...] is pretty simple, and illustrates the point. We used “Son of Suckerfish” (actually, the WordPress plugin for it - although a colleague tells me that SOS isn’t great if you’ve got huge [...]
How to Add a New WordPress Page to Your Website | ITegrity SEO Web Development Education on: January 13th, 2009 at 5:49 am
[...] Keep your main page navigation links to 7 or less when possible. Having more than 7 main page links in your navigation is not advised because it becomes too cumbersome for a site visitor to locate the page where the information they are seeking is. Not to worry, if you need to have more than 7 pages, you can arrange your pages in a hierarchy with an unlimited number of pages listed under each main page link. You can also employ the use of a “drop down” menu to add addtional page links in your navigation. This requires installing and activating a special drop down menu WordPress pluggin such as the WP Multi-level Navigation Plugin. [...]
rhaya.com » Photog Blog on: January 15th, 2009 at 5:46 pm
[...] I want to also give credit to Ryan from PixoPoint for the great plugin he developed that made the navigation on Jennifer’s blog [...]
WordPress Plugin Releases for 01/19 | Weblog Tools Collection on: January 19th, 2009 at 2:21 pm
[...] Multi-level Navigation [...]
New look for Khymos » blog.khymos.org on: January 24th, 2009 at 5:40 pm
[...] In case you wonder about the technical details: I run the latest version of Wordpress with a modified version of the Contender theme. The dropdown menus are from Pixopoint. [...]
Puliendo el tema por defecto de WordPress | nv1962 on: February 1st, 2009 at 4:52 am
[...] De momento, me queda por pulir unas cuantas cosillas; en cuanto lo tenga todo listo y probado, lo colocaré en esta bitácora. Y eso, que tengo pendiente de publicar otra modificación del tema estándara que hice, para tener la barra del menú al otro lado, es decir: a la izquierda, para así acomodar mejor un menú desplegable vertical, que es obra de Ryan Hellyer. [...]
dtcnet.co.uk » dTabs (Dynamic Tabs) - Wordpress Plugin on: February 8th, 2009 at 7:32 am
[...] Multi-level Navigation Plugin for WordPress by PixoPoint Web Development / Ryan Hellyer - for Son of Suckerfish (IE mostly CSS, some javascript when needed) dropdrop down menus [...]
Multi-Level Navigational Plugin | Real Estate Blog Lab on: February 8th, 2009 at 3:52 pm
[...] The Multi-Level Navigational Plugin can provide you at least an hours fun and frustration. Maybe even a little more if you really want to tweak the thing (and I know you want to tweak it). [...]
Multilevel-navigation plugin: how to keep current item Home highlighted | SramekDesign - PSD to Wordpress / XHTML from $79, coding, design & tutorials on: February 9th, 2009 at 4:27 am
[...] Multilevel-navigation plugin for Wordpress is beyond all doubts a great plugin that allows you to create beautiful dropdown menus and enrich the look of your wordpress theme. The only problem while working with Multi level navigation plug-in is that it doesn’t keep current item ‘Homepage’ highlighted. If you have encountered the same problem and would like to keep the ‘home page’ link highlighted, here is my quick and easy solution: [...]
Top 60 incredibly useful WordPress plugins to power up your blog on: March 8th, 2009 at 7:06 pm
[...] Multi-level Navigation Plugin for WordPress Multi-level Navigation Plugin for WordPress generates the code necessary to create a horizontal dropdown, vertical flyout or horizontal slider menu. The plugin produces W3C valid HTML and CSS and only requires JavaScript to function for very old browsers such as IE 6. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page. [...]
Most Desired WordPress Hacks: 11 Common Requests and Fixes | All Amazing Articles on: March 13th, 2009 at 1:47 pm
[...] Multi-level Navigation Plugin for WordPress- The plugin generates the code necessary to create a Son of Suckerfish horizontal dropdown, vertical flyout or horizontal slider menu. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page. [...]
pink sheep labs » Blog Archive » Multi-Level Navigation Plugin on: March 13th, 2009 at 4:32 pm
[...] download is here, page is here, support forum is here. [...]
ITegrity SEO Web Development Education» Blog Archive » Organizing Your Pages in WordPress: pageMash on: March 15th, 2009 at 4:03 pm
[...] Fortunately, their is a simple way to accomplish this using a few WordPress plugins, pageMash and Multi-level Navigation. For purposes of this article, we’ll assume you’ve already installed the pageMash [...]
Some updates on progress @ Jefferson M. Stovall on: April 4th, 2009 at 12:03 pm
[...] Installed, styled and troubleshot the dropdowns above via the Multi-level Navigation Plugin [...]
CSS | Menus déroulants on: April 8th, 2009 at 3:27 pm
[...] Article original : A List Apart Pour aller plus loin : HTML Dog, Hover Lightbox Module Joomla : Extended Menu Plugin Wordpress : Multi Level Navigation [...]
Some Powerful WordPress Themes | Shefeekj.com on: April 13th, 2009 at 4:01 am
[...] Multi-level Navigation Plugin for WordPress Multi-level Navigation Plugin for WordPress generates the code necessary to create a horizontal dropdown, vertical flyout or horizontal slider menu. The plugin produces W3C valid HTML and CSS and only requires JavaScript to function for very old browsers such as IE 6. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page. [...]
Endspurt im Studium » BE A PLANETSHAKER! on: April 21st, 2009 at 3:39 am
[...] mehr Informationen unterbringen. Was von Wordpress eigentlich nicht so gedacht war, ist mit einem Plugin realisiert [...]