Add rel=”me” To A Navigation Menu in WordPress
If you are going to add
rel="me" microformat markup to your social media and other third party profile pages.. And you should! You will no doubt be able to add them into a post or a page with little difficulty. The area that I found to be more troublesome and after I see how to accomplish it, don’t know why it wasn’t abundantly clear sooner. However it did cause me a bit of perplexity at first, thinking maybe I had to go into the files and add it, but alas it was just a setting in the dropdown and then the field appeared and made total sense. Why would WordPress not have a painless way to add this useful bit of information to our markup?
This is how a menu list item is shown on the menu admin page.
To add the input for adding the markup to the
rel="" attribute of the link, find the “Screen Options” tab in the upper right corner of the admin page.
Expand the options and look for the checkbox for “Link Relations (XFN)” and check the box, you can now close the options tab or select any more options you may require.
Now the menu list item should look like this, add in the
rel="me" attribute by inserting me into the field (no need to insert the rel=”” part, that is already in place).
On the front-end of your site the source code should have the
rel="me" microformat attribute visible.
If you want to add more properties to the
rel attribute just place a space and add another. Lets add the rel-nofollow also so we can see how this would work.
Now the source code should have
rel="me nofollow". If you need other
So you can see it is fairly painless, no need to dig into the code to accomplish this.