Here are the changes you will notice under the Menu tab, enabling you to add advanced customizations to each menu item.

Navigate to this option by going to your website admin, browse to Appearance > Customize > Menus > Select a Menu.

Let’s go through each of these to better understand how to use them effectively.

Open a Link in a New Tab

If you want the respective menu item to open in a new tab, just click on the checkbox next to “Open link in a new tab” to do so. It’s known as link target and setting rel=”_blank” in the code would bring the same results.

Change the Title Attribute

The text you enter under title attribute is mostly displayed as a Tooltip. A tooltip shows up when you hover or mouse-over the content and it shows up a small popup with the text written in the title attribute.

To add text to title attribute, just click on the input box under the “Title Attribute” and add the text you want to show in the tooltip.

Add the CSS Classes

CSS is also known as Cascading Style Sheets let you add the presentation layer to your plain (HTML) content. Without going into details about CSS, you can enter a class name to apply to this link.

For example, you may have created a class in CSS once to display a 2 pixels black border. You just need to type in that CSS class name to apply it to any menu item.

Just click on the input box under the “CSS Classes” label to add a class.

Learning more about Link Relationship (XFN) & to Add it To Menu Items

While XFN is a detailed topic to discuss, you must know what it is and how you can use the basic tags to add meaning to your menu items.

XFN stands for XHTML (a coding language) Friends Network, an easy way to represent human relationships using links (hyperlinks)

It’s especially for the search engines to understand the relationships and display to users.

identity

Use this if you are linking to one of your own sites

friendship

Use this for one of the following types of relationship

acquaintance

Someone with whom you’ve either had a short conversation, just know by name and that’s pretty much it.

contact

Someone whom you know and also are able to get in touch with them

friend

Someone you know very well, so much so that he or she is a friend 

none

Use this to leave the friendship category blank.

physical (met)

Use this if you have actually met him/her in person.

professional

Here are the options to specify a professional relationship

co-worker

Someone with whom you is either currently working at an organization or have previously worked together.

colleague

Someone in the same field of activity, or even study with you

geographical

To geographically relate to the link, use these options

co-resident

Someone with whom you have shared a room or a flat. He could be a member of your family living in the same house.

neighbour

Someone who lives nearby your address or just across the street.

family

Six rel types to specify the family relationship 

child

your own child or someone whom you have adopted 

kin

your relative, whom you consider as the part of your extended family

parent

your own parent or someone who has adopted you

sibling

the other brothers or sisters with whom you share you share your parent.

spouse

Your better half, to whom you are married to.

romantic

Use these to indicate that you are a romantic relationship with the site author 

muse

Someone who inspires you. 

crush

Someone on whom you have a crush.

date

Someone you are dating. 

sweetheart

Someone with whom you have an intimate relationship, with whom you’re possibly committed to.

Add the Description to a Menu Item

Just enter the description in the input box provided under the “Description” label. This is internal information for you to describe about this link to be able to understand additional things you need for it.