Navigation Menu

WPFolio uses the new custom menu features of WordPress 3.0 that allow you to have beautiful custom, drop-down menus. No more clunky widget hacks for us! However, by default, when you install the theme it will just show a list of pages in the navigation. There’s a few steps you’ll need to take to make the magic happen!

Creating a Navigation Menu

Step 1. Create A Menu!

Start by going to Appearance > Menus. Name your menu, then click on create menu. It needs a name so if you want to have a few and switch them around, you can.

Create a Menu

Step 2. Select Your Menu

Select Your Menu

Select Your Menu

Step 3. Select and Arrange Menu Items

Select the pages and categories you want to include in your menu, then click add. You can drag these around and arrange them into submenus. Submenus will drop down and look pretty.

add menu items, then drag and drop to arrange them into submenus

add menu items, then drag and drop to arrange them into submenus

Adding Yearly Archive links and external links

Using the Custom Links box, you can add a link to your menu to anywhere. An external link to a project site, another blog, whatever you like. You can also create internal links. And here’s a trick. By adding the code “/?m=2008″ at the end of the url for your wordpress installation this creates a link to yearly archive. For example:

http://yourwebsite.com/?m=2010 creates a link to all work you dated with in the year 2010
http://yourwebsite.com/?m=2009 does the same for 2009
http://yourwebsite.com/?m=2008 ...you get the idea.

If your wordpress installation is in a subfolder, it would work like this:

http://yourwebsite.com/subfolder/?m=2010

Making a dummy link

You might want to have a top level navigation item that’s simply a label for the items in the submenu. For example

Media > Painting, Photography, Video

or:

Projects > Color Studies, Experimental Films, Narrative Documentaries

Do to this add an “external link” but instead of adding a full url, make the link to “#” (a hash mark). Then label the link “Media” in the case of our first example, or “Projects” in the case of our second example.

26 Comments

  1. elizabeth
    Posted August 24, 2010 at 6:58 am | Permalink

    hi. i’ve been trying to get the drop down menus to work. i’ve read everything i can find – but what is odd is that on the menu tab under appearance, the theme locations box says that menus is not natively supported. i’m not sure why, since menus is part of why you use this theme. in the image above, this same box shows “This theme supports menus. Choose which menu you’d like to use.”

    any suggestions? every time i make a page, it shows up in the nav bar, no matter how i try to organize it. and the menu widgets that i’ve added don’t work well either.

    thanks for the help!

    • Posted August 24, 2010 at 3:29 pm | Permalink

      are you using the WPFolio beta version 1.6?

    • Posted February 12, 2012 at 12:16 pm | Permalink

      “Your theme supports 1 menu. Select which menu you would like to use.”

      I dont understand why wpfolio is not allowing me to have more than one menu? its fully updated to the newest version. I ve looked everywhere to figure this out. any ideas?

      • Posted February 12, 2012 at 12:47 pm | Permalink

        You get one menu at the top. That’s what that means. Not an additional menu in the sidebar or something.

        Looking at your site, you’ve got no content there and all this organization. Start uploading your work and the organization will emerge. Get some content in there. The menu will probably make more sense then. Also, you don’t have to create categories for years, you can just date the posts and let WordPress organize them by date and use the archive view to do the same thing. Less work.

  2. Posted August 25, 2010 at 10:10 am | Permalink

    I have the same problem, I am using WPFolio 1.5.2.1 should this support drop down menus?It is the version that appears on a wp search.

    • Posted August 25, 2010 at 1:10 pm | Permalink

      It’s a feature in WPFolio version 1.6. You can download a beta of 1.6 from github, and we’re working on getting it approved by WordPress but still have some lingering issues.

  3. Alex
    Posted October 10, 2010 at 7:50 pm | Permalink

    Hey there,

    Great theme! Been looking for something like this for awhile. I’m using 1.6.3, and trying to implement custom menus. I’ve made a menu, but I don’t think the drop down menu is functioning correctly. Check link to iamalexhoffman.com and you can see that the parent menu and sub menu just display like two stacked links. Any clue as to what I can do to fix this? Thanks for your time!

    Also, I did search for an answer already and wasn’t able to find it anywhere. I really appreciate developers who take the time to help out their users, so I do my best to figure out my problems before asking.

    Alex

    • Posted October 11, 2010 at 12:43 am | Permalink

      I just see 2 links and no content? Can’t diagnose the problem, but maybe a video like this might help?

      • Alex
        Posted October 15, 2010 at 9:31 am | Permalink

        Thanks, that took care of it.

        Couple more questions. Beneath each post is the Title – Year – Category – Comments (0). How can I get rid of all but the title? I’ve already disabled comments.

        Also, how do I get rid of the category title. For example, when I click on Design, it then shows all the posts within design, with a big “DESIGN” label at the top. I’d like that not to display. Thanks for your help!

  4. Posted October 22, 2010 at 8:23 am | Permalink

    hi,
    could you sugest somthing for translating this website into german from english?
    theme is great. thank you.

    • Posted October 22, 2010 at 8:44 am | Permalink

      There’s a tutorial for it you can check out. We need volunteers to help out with it. Right now the main volunteers are working on getting this 1.6 release out (which has taken all summer). Any takers?

  5. Posted October 26, 2010 at 6:30 am | Permalink

    can’t help much with your work, hardly understand anything about programing.
    I have one more question: would it be possible to make transparent background for this theme not changing main structure of code ?
    thanks

    • Posted November 1, 2010 at 5:54 pm | Permalink

      Yes, nearly anything is possible. rgba colors allow for transparency. good luck.

  6. Posted October 26, 2010 at 5:23 pm | Permalink

    Hi Steve,

    First let me say that I love this them. I think it is amazing and exactly what I’ve been looking for.
    Now to my problem… the drop down menu isn’t working for me. I am using the WPFolio beta version 1.6 with WordPress 3.0. I have added the menus and submenus exactly as I want them in Appearance -> Menus however, the drop down function still doesn’t work. Do you know why? What am I doing wrong?

    Please help.
    Thank you.
    Sarah

    • Posted November 1, 2010 at 5:53 pm | Permalink

      not sure and can’t take time to look into it as it works on everything I’ve tested. Post on the wordpress support forums and tag it wpfolio.

  7. Sarah
    Posted November 30, 2010 at 6:54 pm | Permalink

    I love the menu capabilities in 1.6. Brilliant. Thanks!

  8. Y
    Posted December 8, 2010 at 7:48 pm | Permalink

    Hi!

    First of all thanks a lot for the theme! But I have some troubles on editing… For exemple I would like to edit the appearance of my menu, color of the font, background color etc… I tried to edit the superfish css part but it doesn’t work really well could you tell me what I have to edit?

    I saw that you search for help for translating! I would be glad to help you, i’m talking french so I can translate that for you just give me a link on how can I help you!

    Thanks a lot!

    • Posted December 8, 2010 at 7:52 pm | Permalink

      You would use the included child theme (read up on it) and add your changes to the style.css file in your child theme. You can figure out what styles apply by using programs like CSSEdit, Firebug, etc.

      Regarding translation, the code needs to be prepared for it. I don’t know what all is involved. You could take the initiative! And/or sign up for the mailing list and keep an eye on this site and we can organize something together.

  9. Posted December 16, 2010 at 8:20 pm | Permalink

    Steve,

    I’m working at establishing a permalink structure that leaves me with urls that make sense. I’m close to choosing but have noticed something in wpfolio that seems awkward. When I try the suggested use of link to yourwebsite.com to create a link to all work dated with that year. I end up with a url of yourwebsite.com/date/2010. Here I find the use of “date” in the url unnecessary.
    Steve, I noticed on your own website, the way you make use of a yearly archive seems to solve this as your url reads, yourwebsite.com/2010. Is this already built into wpfolio and I’m doing something wrong or do I need to fiddle more with my template files?

    And, if I may dig a little deeper into your site, after clicking on yourwebsite.com/2010, it leads you to yourwebsite.com/work/post-name. Am I correct, you are utilizing a permalink structure set to /%category%/%postname%/ to achieve this? Its a structure I’m leaning towards.

    Thank you for your time!

    • Posted December 17, 2010 at 4:22 pm | Permalink

      Scott, honestly I’m not sure about all the ins and outs of the dateM permalink structure. You might have to do some research

      I do use /%category/%postname%/ but plan to change it someday. I actually would recommend just /%postname%/ as your permalink structure as it’s simpler (though I vaguely remember that causing some problems with some servers or something – but I haven’t seen it).

      Here’s some more info:
      link to digwp.com

      And this is interesting:
      link to wpcandy.com

  10. Posted December 22, 2010 at 9:54 am | Permalink

    Hello.

    There are many video tutorials on YouTube which explain thoroughly how to create menus in WordPress. Here are a couple.
    link to youtube.com
    link to youtube.com

  11. Posted December 25, 2010 at 12:08 am | Permalink

    I just installed 1.6 and so far it is wonderful! When I go to a category page I get this error.
    Warning: Missing argument 1 for wp_get_attachment_image(), called in /home/sakurade/public_html/wp-content/themes/slambert-wpfolio-254f741/functions.php on line 47 and defined in /home/sakurade/public_html/wp-includes/media.php on line 635.
    How would I correct this error. My url is

    • Posted December 30, 2010 at 3:39 pm | Permalink

      Thanks for spotting this Nicole. It was a little oversight I took care of with the new version 1.6.54 which is on github now. There’s some other small changes if you want to update.

Post a Comment

Woah woah woah! Thinking about leaving a comment? If it starts anything like "How do you…" or "I can't figure out..." then head over to the WPFolio Support Article and read through it. Posting on WordPress Support is usually a better idea.

If you're going to post a comment, consider making a donation at the same time.

Your email is never published nor shared.

You may use these HTML tags and attributes <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Subscribe without commenting

Are you signed up for     WPFolio email updates? »