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)
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
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.
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:
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.
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