Appearance

Advanced Menu Settings

Once you have created a custom menu and added any pages, category pages, or custom links you like, you may want to check out these advanced menu capabilities to get the most out of your custom menu.

Screen Options

Adding Individual Posts, Tag Pages, and Post Format Pages
In addition to Pages, Links, and Categories, you also have the option to add the following modules to the menu editor, to customize it further. These modules are hidden by default, so to display these modules in the custom menu editor, click the Screen Options drop down at the top-right of your screen, and check the boxes for the module you want to use.

  • Posts – Allows you to add individual posts to your custom menu.
  • Tags – Allows you to create a filtered blog feed displaying posts from a particular tag.
  • Format – Allows you to create a filtered blog feed displaying posts from a particular custom format, such as all your gallery posts or quotes

Advmenu1

↑ Table of Contents ↑

If you would like to control whether your menu links open in a new tab or window when clicked, check the “Link Target” advanced property from within Screen Options to reveal this setting on individual menu items.

↑ Table of Contents ↑

Creating and Editing Multiple Menus

You can create new menus at any time, and use them in the various places your theme allows you to display menus. Also, aside from the menu areas provided by your theme, you can create additional menus to use any time for use in the Custom Menu widget, or to create an alternate layout of your main navigation that you can save for later use and swap at any time.

Advmenu2

If you have more than one custom menu saved to your site, on the Edit Menu screen you will see a selector in addition to a link to create a new menu. To edit one of your existing menus, simply choose it in the drop-down menu, and click on the Select button to load it in the menu editor below.

Note: If you are not ready to use this menu in your theme at this time, or plan to use it in a Custom Menu widget in your sidebar, then be sure to uncheck the Theme location option.

↑ Table of Contents ↑

CSS Classes

CSS Classes are an advanced menu property that allow you to apply a CSS class to individual menu items. Turn on the CSS Class capability by clicking the Screen Options drop down at the top-right of your screen, and check the box for CSS Classes:

Advmenu3a

For some themes, like Soundcheck, there is existing CSS in the theme that will convert your menu item to a photo. All you need to do is add the class to a custom link that the theme documentation refers to.
Advmenu3

If you are looking to implement your own CSS styling on your menu items, you will need a WordPress.com plan which includes advanced customization.  In the above example, you could then stylize the link with the selector .twitter in your CSS.

Not quite what you're looking for?

Get Help