Style Options For Menu Links
In Toolbox » Menu Manager article, we talked about Editing Options For Menu Links. In this article, we will be giving examples of how to style the menu items and more.
How Can I Access These Options?
In "Edit" view for any menu, there is a "Settings" button attached to every menu link:
Clicking on this will open additional options for editing:
Format To Use:
Link Title Text
This setting can be used to add additional SEO boost to the link, by stating its Meta "Title"
Input:
Additional Information:
>> HTML title Attribute (W3 Schools)
Menu Item Inline Attribute
This setting can be used to add preferred style elements to the <li> element.
Input:
Front-end view:
Outer <li> Inline Attribute
This setting can be used to add preferred style elements to the <a> element.
Input:
Front-end view:
Additional Information:
>> HTML Inline CSS (W3 Schools)
Menu Item CSS Class
This setting can be used to add the preferred CSS Class to the <a> element.
Input:
Front-end view:
Outer <li> CSS Class
This setting can be used to add preferred CSS Class to the <li> element.
Input:
Front-end and HTML view:
Additional Checkboxes:
- Open in a new window - These settings will indicate if the link should open in a new tab or not.
- Add rel="nofollow" - This setting will indicate if search engines should follow this link or not. This setting can be used when the respected link is not ready yet (might be a staging mode).
