Drop-down menu tutorial for WordPress

As stated in this (dutch) post, finding a simple working way for a drop-down menu in WordPress isn’t easy. Therefor I’ll share here with you a modification of a workaround that I (literally) found somewhere online, made by Stig Roar Lier Habbestad and which is based on the Jillij theme. Because there is no homebase created for this tutorial by either Stig Roar Lier Habbestad or the maker of jillij.com I give it a place here.

Why
I don’t want to put you in the dark holes of the internets to make the same search quest as I did. I adapted this workaround more to a general use and updated this for the latest versions of WordPress.

What is it exactly?
This tutorial creates a horizontal CSS drop-down menu. This drop-down menu contains a “button” for your blog entries, all your WordPress pages, has an option to include other URL (outside your site) and has an option for an admin “button”. The menu shows transparancy with Firefox, but unfortunatly this transparancy is not visible in Internet Explorer 6 or 7. Right now I don’t have any results with other browsers.

Give me an example!
A working example of this workaround can be seen here.

Enough bla-bla
let’s take off

1. Insert the following code somewhere in the head section between < head > and < /head > in header.php

Continue this workaround on the next page

Pagina's: 1 2 3 4 5

14 reacties

  1. Zoute pruik | 4 april 2007 om 10:43:

    Leuk idee wel, alleen zou ik een plugin maken met een aangepaste wp_list_pages() functie, waardoor je de sourcecode van wordpress niet hoeft aan te passen.

  2. Zoute pruik | 4 april 2007 om 11:57:

    Op zich moet het hele ding ook in een plugin gepropt kunnen worden natuurlijk.

  3. Zoute pruik | 4 april 2007 om 12:08:

    Oh, wacht ff, het kan makkelijker, het moet kunnen zonder de source aan te passen door:
    wp_list_pages
    (’sort_column=menu_order’);
    te vervangen door:
    wp_list_pages
    (’sort_column=menu_order&title_li=’);

    Dit heb ik niet getest overigens, maar het zou moeten werken.

    *floodt de reacties nog wat*

  4. Jeroen | 4 april 2007 om 17:42:

    Leef je uit Zoute, zou ik zeggen!

  5. Zoute pruik | 5 april 2007 om 10:45:

    Ok, in een plugin gepropt: goudendouche.co...wn-menu-plugin/

  6. Bastian | 11 september 2007 om 16:44:

    Vielen Dank für deine Arbeit! Ich nutze es als Plugin und es funktioiert gut. Allerdings nur ohne Lightbox. Aber das bekomm ich noch hin.

  7. Jesse | 16 oktober 2007 om 17:18:

    Werkt niet meer toch? (wordpress 2.3)

  8. Jeroen | 16 oktober 2007 om 21:54:

    Geen flauw idee Jesse. Ik heb het eerlijk gezegd nog niet getest.

    Kreeg je het niet werkende op 2.3?

  9. Jesse | 17 oktober 2007 om 1:11:

    Nope is niet gelukt:( nu drop-down-menu plugin van zoute pruik proberen, maar daar ook ie7 probleem:( FF werkt wel.

  10. jayz | 5 mei 2009 om 15:01:

    is deze tutorial incompatible met WP versie 2.3 en hoger? (huidige WP versie is 2.7.1)

    thanks,jayz

  • jeroenonstenk.nl : CSS drop-down
  • obiwan’s blog » Blog Archiv » Dropdownmenue
  • jeroenonstenk.nl : WordPress CMS-tool 4: The Saga Continues
  • Kanaal Helmond » Blog Archive » De eerste post

    • plaats een reactie




    comments feed | trackback

    18,431 views