CSS classes for menu items

let’s say that you want to add a new custom menu to your WordPress site. For example, a list of social media links. You want these links to be icons. (Facebook, twitter, RSS)

You are going to need to add a unique CSS class to each link so that you may be able to assign the icon to each of them.

In the default view of the custom menus screen it doesn’t seem possible to add a CSS class to a link. The trick is to pick on the screen options button at the top right of the WordPress admin panel. This will bring down an extra menu where you can options for your menus. The difference of the font menu properties include CSS classes, link targets, link relationship, description.

Now, when you add a link to your menu, you will be able to add a custom CSS class.

custom menus hidden options

Custom taxonomies

Another hidden option in the screen options menu is the ability to display your custom taxonomies for adding them to your menus. So if you have registered custom taxonomies and you want to add them to your menu you will need to check them in this screen options.