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.

The instructions from this guide are referring to the WP Admin dashboard. You can get to this dashboard by adding /wp-admin to the end of your site’s url (e.g.: example.wordpress.com/wp-admin)

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 ↑

↑ 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