Documentation: UberMenu Icons

Knowledgebase Docs » UberMenu Icons

UberMenu Icons Knowledgebase 6

Welcome to UberMenu Icons Extension! Thank you for purchasing this plugin, I appreciate it! This guide should answer all your questions about how to use this plugin. You can browse the document using the navigation sidebar on the left, or search the entire document by using the search bar above.

View

Installation 0

Please note that as this plugin is an extension for UberMenu – WordPress Mega Menu Plugin, you must have that plugin installed in order for the Icons Extension to function Install the Plugin WordPress Plugin Uploader You can install UberMenu Icons Extension via the WordPress plugin uploader without unzipping the download package. Log into your WordPress admin panel Navigate to Plugins > Add New Click Upload Click Choose File and select the UberMenu Icons Extension download zip. Click Install Now. FTP You can also install UberMenu Icons Extension via FTP Extract the .zip file you downloaded from CodeCanyon. Find the ubermenu-icons folder (this directory is created when you unzip the file). Upload the ubermenu-icons folder to your wp-content/plugins directory. Navigate to your Control Panel: Plugins Under UberMenu – Icons Extension, click Activate What did this do? Once you install the plugin, you’ll get: The ability to set an icon for each menu item A new Icons Settings panel within the UberMenu Control Panel (Appearance > UberMenu)

View

Icons Settings 1

Version 3.0 Activating UberMenu Icons Extension will create new options in the UberMenu Control Panel > Icons section. Configuring this section is entirely optional. By default, your icons will inherit the size and color of your menu items. Older versions Activating UberMenu Icons Extension will generate a new settings panel (Appearance > UberMenu > Icon Settings) to configure your icons. This panel is entirely optional. By default, your icons will inherit the size and color of your menu items.

View

Setting Icons 1

Version 3 Menu Item Settings > Icon Once you activate the UberMenu Icons plugin, you will see the full set of over 400 Font Awesome Icons appear in your Menu Settings Panel Setting an Icon Navigate to the Appearance > Menus panel and click the Uber button to open the Menu Item Settings Panel for the item you’d like to add an icon to. Click the Icon tab on the left to access the Icon selection setting. To select an icon, click the Set Icon button. The selection panel will open. Type to filter the icons by their names. Click an icon to set it. The chosen icon will display in the Set Icon box Click Save Menu Item to save your changes. The icon will appear to the left of you menu item text. Removing an icon To switch icons, click the icon button again and select a different icon. To unset/remove the icon, click the icon button and click Remove Icon in the bottom right corner. Save the menu item to save your changes. Older Versions Once you activate the UberMenu Icons plugin, you will automatically see a new option on each menu item in your Appearance > Menus panel. Selecting an Icon 1. Click the button next to “Icon” Originally it will say “None”. 2. Click the icon you want to display A display of all available icons will appear. Hover over an icon for a brief description of the icon (the Font Awesome class name). Click the icon you like to set it for the menu item. 3. Your icon will now appear in the icon button The text beside the icon described the icon but will not appear on the front end. Save your menu to save the changes. Your menu must be an UberMenu […]

View

Icon-only items (no text) 0

Version 3 To create a menu item that is only an icon, check the “Disable Text” setting under the General Menu Item Settings Older versions To create a menu item that is only an icon, check the “Disable Text” setting on the same menu item.

View

Icon Colors, Sizes & Positions 0

You can change the icon colors, sizes, and positions via the UberMenu Control Panel, under the Main Configuration > Icons section (Icons Settings panel in older versions). You can set the color/size/position for each level of the menu independently. See Icons Settings

View

Installing Updates 0

Periodically, new versions of UberMenu Icons will be released. These may include bug fixes or enhancements, and you may or may not wish to upgrade.

View

Updating from 1.0 to version 1.1 0

In early November, Font Awesome released a major update, Font Awesome 4.0. This change added only a few new icons, but completely changed all icons classes. This makes Font Awesome 4.0 not backwards compatible with Font Awesome 3.0. However, I wanted to update the version of Font Awesome in UberMenu Icons to keep the plugin up to date with the latest font icons, and I wanted this to be as backwards compatible as possible. So I’ve developed an update for UberMenu Icons which should allow you to transition to Font Awesome 4 pretty seamlessly. UberMenu Icons 1.1 now includes Font Awesome 4, and no longer includes Font Awesome 3. It includes a mapping from old icon classes to new icon classes so that they can be converted, however. Update Instructions When you are ready to update, follow the standard update instructions, and then complete the following steps to migrate your Font Awesome 3 icons to Font Awesome 4. When you install UberMenu 1.1, your Font Awesome 3 assets will be replaced with Font Awesome 4 assets, so the icons on your site won’t appear (unless you have Font Awesome 3 elsewhere on your site). To immediately recover them: 1. Go to your UberMenu Control Panel > Icon Settings > Advanced Settings and enable Convert Font Awesome Version 3 Classes After enabling and saving, your icons should reappear on the front end. This converts all your icons from Font Awesome 3 to Font Awesome 4 on the fly at page load. This is a mildly expensive operation, so it’s better to also continue to step 2 to permanently convert the classes. 2. To permanently convert all of your icons to Font Awesome 4, just resave your menu* *Before you do this, make sure your icons are still intact in the Menus […]

View