File: /var/www/Gosurya/WP2/wp-content/plugins/wp-floating-menu-pro/documentation/index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<head lang="en">
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>WP Floating Menu Pro</title>
<!-- Framework CSS -->
<link rel="stylesheet" href="assets/blueprint-css/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="assets/blueprint-css/print.css" type="text/css" media="print">
<!--[if lt IE 8]><link rel="stylesheet" href="assets/blueprint-css/ie.css" type="text/css" media="screen, projection"><![endif]-->
<link rel="stylesheet" href="assets/blueprint-css/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
<style type="text/css" media="screen">
p, table, hr, .box { margin-bottom:25px; }
.box p { margin-bottom:10px; }
</style>
</head>
<body>
<div class="container">
<h3 class="center alt">“WP Floating Menu Pro” Documentation by “AccessPress Themes” v1.0.0</h3>
<hr/>
<h1 class="center">“WP Floating Menu Pro”</h1>
<div class="borderTop">
<div class="span-6 colborder info prepend-1">
<p class="prepend-top">
<strong>
Created: 19/8/2016<br/>
By: AccessPress Themes<br>
Email: <a href="mailto:support@accesspressthemes.com">support@accesspressthemes.com</a>
</strong>
</p>
</div><!-- end div .span-6 -->
<div class="span-12 last">
<p class="prepend-top append-0">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 <a href="http://codecanyon.net/user/AccessKeys">here</a>. Thanks so much!</p>
</div>
</div><!-- end div .borderTop -->
<hr>
<h2 id="toc" class="alt">Table of Contents</h2>
<ol class="alpha">
<li><a href="#installingInstructions">Installing Instructions</a></li>
<li><a href="#MainPage">Plugin Main Page</a></li>
<li><a href="#CreateNewMenu">Create New Menu</a></li>
<li><a href="#FloatingMenuSetting">Floating Menu Setting</a></li>
<li><a href="#CustomTemplate">Build Custom Template</a></li>
</ol>
<hr>
<h3 id="installingInstructions"><strong>A) Installing Instructions</strong> - <a href="#toc">top</a></h3>
<ol>
<li>Unzip wp-floating-menu-pro.zip</li>
<li>Upload all the files to the /wp-content/plugins/wp-floating-menu-pro</li>
<li>Activate the plugin through the 'Plugins' menu in WordPress.</li>
<li>For customizing the plugin's settings, click on WP Floating Menu Pro option menu in Wordpress left admin menu.</li>
<li>To display the floating menu in the frontend,please enable menu on "Floating Menu Setting" sub-menu in plugin.</li>
</ol>
<p>
Once the plugin is installed and activated you will find a menu named "WP Floating Menu Pro" in the left menu bar of the admin menu.Once you click on that menu , you will go to the plugin's main settings page.Basically there are 3 main panel in the plugin settings page which is individually described detailly below.
</p>
<hr/>
<h3 id="MainPage"><strong>B)All Menu</strong> - <a href="#toc">top</a></h3>
<p>
<img class="alignnone wp-image-1284 size-full" src="assets/images/landing-page.png" alt="WP Floating Menu pro Menu Listing Image" width="1000" height="auto" />
</p>
<p>This is the landing page for plugin. Here you can see the listing of the all the menu created. Here you can see <strong>Add New Menu</strong> buttons at top left of menu listing table. You can also edit or delete menu created from here.</p>
<hr/>
<h3 id="CreateNewMenu"><strong>B)Create New Menu</strong> - <a href="#toc">top</a></h3>
<p><img src="assets/images/add-new-menu.png" alt="WP Floating Menu pro add-new-menu" class="alignnone size-large wp-image-1328" style="width: 100%;"/></p>
<p>In this section, you can create new menu. You need to add menu name and hit enter or click "Add Menu" button. It contain two different tabs as listed below:</p>
<p><strong>Edit New Menu Page</strong></p>
<p>After you click "Add Menu",you will land of edit section. From there, you can create menu by adding as many menu fields you like.</p>
<ol>
<li><strong>Menu Structure</strong></li>
<p>
<img class="alignnone wp-image-1284 size-full" src="assets/images/edit-current-menu.png" alt="WP Floating Menu pro menu structure" width="854" height="auto" />
</p>
<p>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:</p>
<p>These are the settings that you can configure for each menu field.</p>
<ul>
<li><strong>Navigation Label :</strong>This is the menu title that displays for the menu icon.</p></li>
<li><strong>Title Attribute :</strong><p>This is the title attribute for the a tag for seo friendly nav menu.</p></li>
<li><strong>Show Tooltip Title :</strong><p>Check/Uncheck to show/hide tooltip text for the menu.</p></li>
<li><strong>Tooltip Title Field :</strong><p>You can enter tooltip title to display in this field.</p></li>
<li><strong>Target Link :</strong><p>You can change target link to load target link within the same page or new tab.</p></li>
<li><strong>Menu Icon :</strong><p>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.</p></li>
<li><strong>Menu Icon Color Type :</strong><p>You can either set menu icon color to default provided by template select option to set your own.</p></li>
<li><strong>Icon Color :</strong><p>You can set icon color from this section.</p></li>
<li><strong>Remove:</strong><p>You can remove the menu field by clicking "remove" link. </p></li>
</ul>
<li><strong>Display Setting</strong></li>
<p>
<img class="alignnone wp-image-1284 size-full" src="assets/images/display-setting.png" alt="WP Floating Menu pro display-setting" width="854" height="auto" />
</p>
<p>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. </p>
<ul>
<li><strong>Use Inbuild Template :</strong>If you select this option, then inbuild template screenshot is listed and you can choose one of our 13 beautifully designed templates.</p></li>
<li><strong>Use Custom Template</strong><p>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</p></li>
</ul>
<p>You can select position of menu from this setting tab too. Available menu position are:</p>
<ul>
<li><strong>Top Right </strong></li>
<li><strong>Middle Right </strong></li>
<li><strong>Bottom Right </strong></li>
<li><strong>Top Left</strong></li>
<li><strong>Middle Left</strong></li>
<li><strong>Bottom Left</strong></li>
<li><strong>Bottom Center</strong></li>
</ul>
</ol>
<hr/>
<h3 id="FloatingMenuSetting"><strong>C)Floating Menu Setting</strong> - <a href="#toc">top</a></h3>
<p>
<img class="alignnone wp-image-1281 size-full" src="assets/images/menu-setting.png" alt="WP Floating Menu Pro MEnu Setting" width="854" height="auto" />
</p>
<p>From this panel , you can configure the general setting for menu. Configurable menu are listed as below.</p>
<ol>
<li><strong>Enable/Disable Menu</strong><p>You need to enable menu here to display menu in frontend.</p></li>
<li><strong>Enable/Disable Menu For Mobile Device</strong><p>You can define enable/disable menu form this section. If you disable it, the menu willnot be shown in mobile devices with screen size less than 480 px.</p></li>
<li><strong>Select Menu</strong><p>You can select specific menu from this section to be selected.</p></li>
<li><strong>Show Menu On</strong><p>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.</p></li>
</ol>
<hr/>
<h3 id="CustomTemplate"><strong>C)Build Custom Template</strong> - <a href="#toc">top</a></h3>
<p>
<img class="alignnone wp-image-1281 size-full" src="assets/images/template-listing.png" alt="WP Floating Menu Pro Template Listing" width="854" height="auto" />
</p>
<p>From this panel, you will land on tempalte listing page where you can see the list of custom templated created. You can add,edit and delete template from this section. When clicked on "Create Custom Template". You will land on custom template listing page where you can add,edit and delete custom template created. When you click "Add New Template", You will land on template build section. Folowing Section can been seen is custom template design option. </p>
<p>
<img class="alignnone wp-image-1281 size-full" src="assets/images/edit-current-template.png" alt="WP Floating Menu Pro Add/Edit Current Templte" width="854" height="auto" />
</p>
<ol>
<li><strong>Template Name</strong><p>Name for the template.</p></li>
<li><strong>Select Menu Layout</strong><p>You can select Buildin custom template list where you want to implement custom design into.</p></li>
<li><strong>Hover Transform Width</strong><p>You can select icon transform width on hover applicable only for template 7 layout.</p></li>
<li><strong>Icon Background Color</strong><p>You can select icon background color for menu icon from here.</p></li>
<li><strong>Icon Size</strong><p>You can select icon size for menu icon from here.</p></li>
<li><strong>Icon Margin</strong><p>You can select icon spaces between individual icon from here.</p></li>
<li><strong>Title Font Color</strong><p>You can select title font color from here.</p></li>
<li><strong>Title Typography</strong><p>You can select title font family from here.</p></li>
<li><strong>Title Text Transform Style</strong><p>You can select title text tranform style for font from here. You can select uppercase, lowercase, vapitalize or none(same as text input) form here.</p></li>
<li><strong>Title Font Size</strong><p>You can select title font size from here.</p></li>
<li><strong>Tooltip Font Color</strong><p>You can select tooltip text font color from here.</p></li>
<li><strong>Tooltip Typography</strong><p>You can select tooltip font family from here.</p></li>
<li><strong>Tooltip Font Size</strong><p>You can select tooltip font size from here.</p></li>
<li><strong>Menu Background Color</strong><p>You can select menu background color from here. Option is applicable only to template 5,6,8 and 9. </p></li>
<li><strong>Icon For Expand Trigger</strong><p>You can select your own custom expand trigger icon implementable to only template 5 and 6.</p></li>
<li><strong>Icon For Close Trigger</strong><p>You can select your own custom close trigger icon implementable to only template 5 and 6.</p></li>
</ol>
<hr/>
<p>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 our best to assist. If you have a more general question relating to the plugin on CodeCanyon, you might consider visiting the forums and asking your question in the "Item Discussion" section.</p>
<p class="append-bottom alt large"><strong>AccessPress Themes</strong></p>
<p><a href="#toc">Go To Table of Contents</a></p>
<hr class="space">
</div><!-- end div .container -->
</body>
</html>