“WP Menu Icons” Documentation by “Access Keys” v1.0.0
“WP Menu Icons”
Created: 6th July 2018
By: Access Keys
Email: support@accesspressthemes.com
Thank you for purchasing our plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via our user page contact form here. Thanks so much!
Table of Contents
- Installing Instructions
- WP Menu Icons Main Settings
- Add Menu Icons Button
- General Settings
- Icon Settings
- Animation Settings
- Custom Settings
A) Installing Instructions - top
- Unzip wp-menu-icons.zip
- Upload all the files to the /wp-content/plugins/wp-menu-icons
- Activate the plugin through the 'Plugins' menu in WordPress.
- To enable plugin main settings, go to Appearances > Menus Page.
- On Menu Page left metabox section, WP Menu Icons Settings, check Enable WP Menu Icons? in order to enable menu icon options for specific menu.
- To add specific icon for specific menu, simply hover over the menu item, you will find "Add Menu Icon" button then configure your settings.
B) WP Menu Icons Main Settings
To enable our plugin's main settings, go to Appearances > Menus Page and on left section you will find metabox with "WP Menu Icons Settings". Here you have to enable option "Enable WP Menu Icons?".This will be useful since this is main settings which let you to assign icons for all menu items of specific navigation menu.
You can even hide all menu title of specific menu's by setting other option
"Hide Menu Title?" as True. This is hide all the menu title at once.
C) Add Menu Icons Button
After enabling above settings, you can see "Add Menu Icons" button on each menu items separately where you can configure settings as per your requirement for each menu items.
Generally, each options has total 4 main tab settings. They are described below:
D) General Settings
This is main settings tab for each menu items where you can configure general settings such as:
- Disable Icon On Desktop?: Enable this option in order to hide menu's icon on desktop version.
- Disable Icon On Tablet?:Enable this option in order to hide menu's icon on tablet version.
- Disable Icon On Mobile?: Enable this option in order to hide menu's icon on mobile version.
- Hide Menu Name Or Title: Enable this option in order to hide menu's title.
- Icon Position: Set icon position as left of menu title, right of menu title or at top of menu title.
E) Icon Settings
In this tab settings, you can assign different icon for different menu items.
There are total 14 pre available most advanced font icons. They are mentioned below:
Available Icon Fonts
- 1) Font Awesome 4.7.0 and Latest Version
- 2) Dashicons (WordPress core icons)
- 3) Genericons
- 4) Lineraicons
- 5) Icomoon
- 6) Themify Icons
- 7) Elusive icons
- 8) Typicons
- 9) Foundation Icons
- 10) Captainicon
- 11) Devicons
- 12) Elegant Icons
- 13) Ionicons
- 14) MFG Labs Icon Set
Using our plugin, we can even display custom image/icon for menu by uploading through WP Media Library directly and set width and height as required.
F) Animation Settings
Once you have assigned icon for specific menu item, we can also set animation for icon on hover. There are 10+ icon hover animation available.
G) Custom Settings
Our plugin also provide custom styling option to customize icon with your own custom style designed font color, font hover color, enable icon divider, set icon divider color as well as custom Menu label settings with feature to customize custom font color and font hover color for menu label.
Menu Icons Styling Options
Menu Label Styling Options
Once again, thank you so much for purchasing this plugin. As we said at the beginning, We'd be glad to help you if you have any questions relating to this plugin. No guarantees, but We'll do my best to assist. If you have a more general question relating to the plugins on Codecanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.
Access Keys