One page navigator, Sticky menu for WordPress: WP Floating Menu Pro – Documentation
Documentation of WP Floating Menu Pro Plugin
- Unzip wp-floating-menu-pro.zip
- Upload all the files to the /wp-content/plugins/wp-floating-menu-pro
- Activate the plugin through the ‘Plugins’ menu in WordPress.
- For customizing the plugin’s settings, click on WP Floating Menu PRO menu in WordPress of left admin menu.
This is the landing page for plugin. Here you can see the listing of the all the menu created. Here you can see Add New Menu buttons at top left of menu listing table. You can also edit or delete menu created from here.
Create New Menu
In this section, you can create new menu. You need to add menu name and hit enter or click “Add Menu” button. After you hit “Add Menu“. You land of edit section for menu where you can see two different tabs as listed below:
- Menu Structure
- Navigation Label :This is the menu title that displays for the menu icon.
- Title Attribute :
This is the title attribute for the a tag for seo friendly nav menu.
- Show Tooltip Title :
Check/Uncheck to show/hide tooltip text for the menu.
- Tooltip Title Field :
You can enter tooltip title to display in this field.
- Target Link :
You can change target link to load target link within the same page or new tab.
- Menu Icon :
You can set menu icon to display. Here you can choose thress sets of icons. You can choose either dashicons, font-awesome icons or genericons.
- Menu Icon Color Type :
You can either set menu icon color to default provided by template select option to set your own.
- Icon Color :
You can set icon color from this section.
You can remove the menu field by clicking “remove” link.
- Display Setting
- Use Inbuild Template :
- Use Custom Template
This section will list the custom template you created from “Build Custom Template” section of plugin. Custom template Feature is listed later on this page
- Top Right
- Middle Right
- Bottom Right
- Top Left
- Middle Left
- Bottom Left
First tab section is called “Menu Structure“. Here, You can add menu fields for new menu by clicking on selected pages,posts,categories on left side of page. After the new menu is created then you can see page, post and category listing on right side of page. You can check your required field to menu sort field by clicking “Add To Menu“.
Then when you click the down arrow of newly added menu field, you can see various configurable components of menu as listed below:
These are the settings that you can configure for each menu field.
Second tab section is called “Display Setting“. Here, you can select template layout for the menu. After you have successfully created menu, then you can select template layout to use for the menu. There are two option you can choose.
If you select this option, on changing option, you can see template preiview and you can choose one of our 10 designed templates.
You can select position of menu from this setting tab too. Available menu position are:
Note: Menu position vary from template to template. In some you can select above listed template position where as in some, you can only choose few among above listed or other.
Floating Menu Setting
From this panel , you can configure the general setting for menu. Configurable menu are listed as below.
- Enable/Disable Menu
You need to enable menu here to display menu in frontend.
- Enable/Disable Menu For Mobile Device
You can define enable/disable menu form this section. If you disable it, the menu wont be shown in mobile devices with screen size less than 480 px.
- Select Menu
You can select specific menu from this section to be selected.
- Show Menu On
If you want to display menu on all pages, only on home page or specific pages,category or posts, you select on this section as your need.
New Feature added Since Version 1.1.8
F)Multiple Menu Setting
Our plugin since the version 1.1.8, has feature to add the multiple menu on single page/post, home pages or all pages. The menu can be assigned to specific position and are listed according to the menu position assigned. If you have menu position “Center Right” assigned, the menu will be only listed in menu position right in select option “Select Option Menu Right” and so on. You can in this way assign multiple menu in any page/post section for 7 different menu pre-available position.
If you are older user, then whichever menu value assigned to the menu is listed in the setting page to respective menu position option and is displayed in frontend respectively. It’s really that simple.
Build Custom Template
Here, when you land on template listing page after clicking Build Custom Template where you can see the list of custom template created. You can add,edit and delete template from this section. When clicked on “Add New Template“,you will land on custom template option page where you can change various options to build your own custom menu. Following Section can been seen for building custom template design option.
- Template Name
Name for the template.
- Select Menu Layout
You can select “Builtin” custom templates lists in which you want to implement custom design into.
- Hover Transform Width
You can select icon transform width on hover applicable only for template 7 layout.
- Icon Background Color
You can select icon background color for menu icon from here.
- Icon Size
You can select icon size for menu icon from here.
- Icon Margin
You can select icon spaces between individual icon from here.
- Title Font Color
You can select title font color from here.
- Title Typography
You can select title font family from here.
- Title Text Transform Style
You can select title text transform style for font from here. You can select uppercase, lowercase, capitalize or none(same as text input) form here.
- Title Font Size
You can select title font size from here.
- Tooltip Font Color
You can select tooltip text font color from here.
- Tooltip Typography
You can select tooltip font family from here.
- Tooltip Font Size
You can select tooltip font size from here.
- Menu Background Color
You can select menu background color from here. Option is applicable only to template 5,6,8 and 9.
- Icon For Expand Trigger
You can select your own custom expand trigger icon implementable to only template 5 and 6. Else, default icon will be implemented.
- Icon For Close Trigger
You can select your own custom close trigger icon implementable to only template 5 and 6. Else, default icon will be implemented.
Page Wise Configurable Menu
You can assign the menu for any specific page, post in menu setting as listed in the above “Menu Setting” section. Here, the additional metabox field on page edit section on the right side allows you to control the different menu for different position to be displayed or disable for that particular page too. You can either select any menu to display on that particular page instead any other default setting from “”Floating Menu Setting” or disabled menu for that specific page.
How to Assign Page Specific Menu (Step wise Process)
– To assign page wise menu, please follow following steps.
1. Please go to “Floating Menu Setting” page and assign the default menu to the pages where you want to set the menu by selecting one of menu you have created and setting them to specific pages as shown on image below. Here as you can see, menu named “Floating Menu Demo” has been assigned to both pages where you wanted to display menu. So, you will need to check both the pages where you want to set the menu. This will tell the plugin to set default menu and display menu to those very specific pages.
2. After that, please go to specific page edit section and change the “WP Floating Menu Options” located at bottom right corner of screen and set the menu to different menu. So, this will tell the plugin to show the specific menu for specific position on this very specific page but not one set on “Floating Menu Setting” but the menu assigned in this very specific page.
Note: You can also disable the menu in this very specific page.
WP Floating Menu Pro works best with every WordPress theme. Its even more remarkable when used with popular themes like VMagazine and AccessPress Parallax.
AND IF THIS PLUGIN HAS IMPRESSED YOU, THEN YOU WOULD ENJOY OUR OTHER PROJECTS TOO. DO CHECK THESE OUT :
WPAll Club – A complete WordPress resources club. WordPress tutorials, blogs, curated free and premium themes and plugins, WordPress deals, offers, hosting info and more.
Premium WordPress Themes – 6 premium WordPress themes well suited for all sort of websites. Professional, well coded and highly configurable themes for you.
Premium WordPress Plugins – 45+ premium WordPress plugins of many different types. High user ratings, great quality and best sellers in CodeCanyon marketplace.
AccessPress Themes – AccessPress Themes has 50+ beautiful and elegant, fully responsive, multipurpose themes to meet your need for free and commercial basis.
8Degree Themes – 8Degree Themes offers 15+ free WordPress themes and 16+ premium WordPress themes carefully crafted with creativity.
This documentation tried to cover as much details about plugin to ease your plugin experience. To see screenshots of plugin backend and frontend templates, you can see them here