WordPress.org

Ready to get started?Download WordPress

Forums

Twenty-Ten: add dividers to nav - like | this | example (6 posts)

  1. wyndom
    Member
    Posted 3 years ago #

    I'd like to be able to add dividers to the main nav in the Twenty-Ten theme.
    I noticed in the header file there is a function call to wup_nav_men which allows a 'before' and 'after' to be added, that would work, but I'd like my menu to look like this;

    Link | Another Link | Someother Link | Last Link

    If I were to use 'before', it would stick something before the first, and 'after' would put one after the last. I'm not sure if there is a plugin for this, or if I'd have to edit the function/create my own. Just a little direction would be greatly appreciated.

  2. Samuel B
    moderator
    Posted 3 years ago #

    create your own menu
    dashboard - appearance

  3. wyndom
    Member
    Posted 3 years ago #

    So would I add the divider as a custom link?

  4. kuld33p
    Member
    Posted 3 years ago #

    I think Samuel's idea is right.. you can definitely achieve what you want with that..

    try these settings and you are good to go...

    http://img704.imageshack.us/img704/8610/navigatione.jpg

    tweak css file to make the menu look better.

    http://img218.imageshack.us/img218/6248/navigation2.jpg

    just check the pic.. did not have much time to explain.. just remove the padding right from the css file.

  5. kuld33p
    Member
    Posted 3 years ago #

    so the trick is basically adding the special character in the name of your item.. this is the simplest way..

  6. wyndom
    Member
    Posted 3 years ago #

    That was my first approach, but I wasn't happy that the divider also became part of the link. I added a custom link with no URL. I think as long as I'm able to tweak the css and disable the mouse-over effect that highlights the divider I'll be happy with the result, despite the sort of hacked manner to achieve it.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.