mystickymenu
Last commit date
js
8 years ago
languages
11 years ago
mystickymenu.php
8 years ago
readme.txt
8 years ago
readme.txt
183 lines
| 1 | === myStickymenu === |
| 2 | Contributors: damiroquai |
| 3 | Donate link: http://wordpress.transformnews.com/contact |
| 4 | Tags: sticky, menu, header, sticky menu, sticky header, floating, floating menu |
| 5 | Requires at least: 3.5.1 |
| 6 | Tested up to: 4.8.1 |
| 7 | Stable tag: 1.9 |
| 8 | License: GPLv2 or later |
| 9 | |
| 10 | This lightweight plugin will made your menu or header sticky on top of page, after desired number of pixels when scrolled. |
| 11 | |
| 12 | == Description == |
| 13 | By default, sticky menu is designed to use element class ".navbar" as "Sticky Class". That value should be modified in plugin settings for different themes to make it work. Sticky Class is actually nothing more than an element class (or id) of the element that should become sticky. |
| 14 | |
| 15 | Advancement of this simple plugin is that increases usability and page views of your WordPress site since menu is available to the user all the time. |
| 16 | |
| 17 | Plugin is localized (multi language support) and responsive (as far as your theme is). Also there is possibility to add custom css code which make this plugin very flexible, customizable and user friendly. |
| 18 | |
| 19 | Plugin is originally designed for Twenty Thirteen template but should work on any theme. |
| 20 | |
| 21 | [Plugin Home + Demo URL][1] |
| 22 | [myStickymenu theme support page][2] |
| 23 | |
| 24 | [1]: http://wordpress.transformnews.com/plugins/mystickymenu-simple-sticky-fixed-on-top-menu-implementation-for-twentythirteen-menu-269 |
| 25 | [2]: http://wordpress.transformnews.com/tutorials/mystickymenu-theme-support-682 |
| 26 | |
| 27 | == Installation == |
| 28 | Install like any other plugin. After install activate. |
| 29 | Go to Settings / myStickymenu and change Sticky Class to .your_navbar_class or #your_navbar_id… |
| 30 | Also make sure that Disable CSS style option is not enabled, you must add myStickymenu CSS style to your style.css file first. [More about disable CSS option][3] |
| 31 | |
| 32 | [3: http://wordpress.transformnews.com/tutorials/disable-css-style-in-mystickymenu-938 |
| 33 | |
| 34 | == Frequently Asked Questions == |
| 35 | |
| 36 | = How to find Sticky Class, what should I enter here? = |
| 37 | So this depends on what you want to make sticky and what theme do you use, but for example if you want your menu to be sticky, than you can examine the code (in firefox right click and “View page source”) and find div in which your menu is situated. This div have some class or id, and that’s the Sticky Class we need. If using class than don’t forget to ad dot (.) in front of class name, or hash (#) in front of id name in Sticky Class field. Twenty Thirteen default working class is ".navbar" without of quotes. |
| 38 | |
| 39 | = Is there any way to restrict the width to the width of the header, rather than it being full width? = |
| 40 | Yes, just leave "Sticky Background Color" field blank (clear). Than if needed define custom background color for sticky header inside ".myfixed css class" field using .myfixed class. |
| 41 | |
| 42 | = Ho do I add small logo to the menu? = |
| 43 | That will depend on a theme you use, but if initially your menu and logo are in one div than you can use that div class or id in myStickymenu settings. |
| 44 | |
| 45 | If not you can change that in your header template file and add logo and menu divs inside new div with some custom class or id, than use that class or id in myStickymenu settings as a sticky class. |
| 46 | |
| 47 | In CSS you can style your custom class while not sticky using custom class you added before. Furthermore you can style your menu while sticky using .myfixed class which is added by js to your custom class while sticky is active. |
| 48 | |
| 49 | In some cases you can use the whole header div and than just style it different with .myfixed class, hide what you don’t need using CSS display:none; property, and position logo and menu as you like. |
| 50 | |
| 51 | == Screenshots == |
| 52 | |
| 53 | 1. screenshot-1.png shows administration settings. |
| 54 | 2. screenshot-2.png shows menu when page is scrolled towards the bottom. |
| 55 | |
| 56 | |
| 57 | == Changelog == |
| 58 | |
| 59 | = 1.9 = |
| 60 | * Fixed: enable / disable at search pages |
| 61 | |
| 62 | = 1.8.9 = |
| 63 | * Added: New option - Disable at certain posts and pages. |
| 64 | |
| 65 | = 1.8.8 = |
| 66 | * Fixed: removed esc_attr for echo css, since input is already sanitized. |
| 67 | |
| 68 | = 1.8.7 = |
| 69 | * Fixed: minor bug when browser resized. |
| 70 | |
| 71 | = 1.8.6 = |
| 72 | * Fixed: minor bug. |
| 73 | |
| 74 | = 1.8.5 = |
| 75 | * Improved: Improved performance and optimized scripts. |
| 76 | |
| 77 | = 1.8.4 = |
| 78 | * Fixed: changed is_home() to is_front_page() for menu activation height on front page. |
| 79 | |
| 80 | = 1.8.3 = |
| 81 | * Change: minor cosmetic changes… |
| 82 | |
| 83 | = 1.8.2 = |
| 84 | * Fixed: js load on https |
| 85 | |
| 86 | = 1.8.1 = |
| 87 | * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element. |
| 88 | * Minimized mystickymenu.js to improve performance. |
| 89 | |
| 90 | = 1.8 = |
| 91 | * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages. |
| 92 | * Added German language |
| 93 | |
| 94 | = 1.7 = |
| 95 | * Added multi language support (localization). |
| 96 | * Added languages - English (default), Spanish, Serbian and Croatian. |
| 97 | * Added Iris color picker script. |
| 98 | * Fixed jumping of page on scroll while menu is activated (height is defined before scroll event). |
| 99 | * mystickymenu.js moved to js folder |
| 100 | |
| 101 | = 1.6 = |
| 102 | * Added: "Make visible when scroled" after number of pixels option. |
| 103 | * Fixed opacity 100 bug. |
| 104 | |
| 105 | = 1.5 = |
| 106 | * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes". |
| 107 | * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style. |
| 108 | * Fixed google adsense clash and undefined index notice. |
| 109 | * is_user_logged_in instead of old “Remove CSS Rules for Static Admin Bar while Sticky” option |
| 110 | |
| 111 | = 1.4 = |
| 112 | * Added fade in or slide down effect settings field for sticky class. |
| 113 | * Added new wrapped div around selected sticky class with id mysticky_wrap which should make menu works smoother and extend theme support. |
| 114 | |
| 115 | = 1.3 = |
| 116 | * Added "block direct access" to the mystickymenu plugin file (for security sake). |
| 117 | * Added Enable / Disable at small screen sizes and Remove not necessary css for all themes without admin bar on front page. |
| 118 | * Added “margin-top :0px” to .myfixed class in head which should extend theme support. |
| 119 | |
| 120 | = 1.2 = |
| 121 | * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11 |
| 122 | |
| 123 | = 1.1 = |
| 124 | * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time. |
| 125 | * Old mystickymenu.css file is deprecated and not in use anymore. |
| 126 | |
| 127 | = 1.0 = |
| 128 | * First release of myStickymenu plugin |
| 129 | |
| 130 | == Upgrade Notice == |
| 131 | |
| 132 | = 1.8.4 = |
| 133 | * Fixed: changed is_home() to is_front_page() for menu activation height on front page. |
| 134 | |
| 135 | = 1.8.3 = |
| 136 | * Change: minor cosmetic changes… |
| 137 | |
| 138 | = 1.8.2 = |
| 139 | * Fixed: js load on https |
| 140 | |
| 141 | = 1.8.1 = |
| 142 | * Added: “Disable CSS“. If you plan to add style manually to your style.css in order to improve your site performance disable plugin CSS style printed by default in document head element. |
| 143 | * Minimized mystickymenu.js to improve performance. |
| 144 | |
| 145 | = 1.8 = |
| 146 | * Added: "Make visible when scrolled on Homepage" after number of pixels. Now it’s possible to have one activation height for home page and another for the rest of the pages. |
| 147 | |
| 148 | = 1.7 = |
| 149 | * Added multi language support (localization). |
| 150 | * Added Iris color picker script. |
| 151 | * Fixed jumping of page on scroll while menu is activated (height defined before scroll event). |
| 152 | * mystickymenu.js moved to js folder |
| 153 | |
| 154 | = 1.6 = |
| 155 | * After plugin update go to mystickymenu plugin settings and save changes with desired value for a new parameters. Clear cache if some cache system used on your site. |
| 156 | * Added: “Make visible when scroled” after number of pixels option. |
| 157 | * Fixed opacity 100 bug. |
| 158 | |
| 159 | = 1.5 = |
| 160 | * Added option to enter exact width in px when sticky menu should be disabled "Disable at Small Screen Sizes". |
| 161 | * Added “.myfixed css class” setting field – edit .myfixed css style via plugin settings to create custom style. |
| 162 | * Fixed google adsense clash and undefined index notice. |
| 163 | * is_user_logged_in instead of old "Remove CSS Rules for Static Admin Bar while Sticky" option |
| 164 | |
| 165 | = 1.4 = |
| 166 | * Added fade in or slide down effect settings field for sticky class. |
| 167 | * Added new wrapped div around selected sticky class with id mysticky_wrap. |
| 168 | |
| 169 | = 1.3 = |
| 170 | * Added "block direct access" to the mystickymenu plugin file. |
| 171 | * Added Enable / Disable at small screen sizes and Remove not necessary css. |
| 172 | * Added "margin-top :0px" to .myfixed class in head which should extend theme support. |
| 173 | |
| 174 | = 1.2 = |
| 175 | * Fixed mystickymenu.js for IE browsers, so myStickymenu is now compatible with IE 10, 11 |
| 176 | |
| 177 | = 1.1 = |
| 178 | * Added administration options, now available through Dashboard / Settings / myStickymenu. Options are as follows: Sticky Class, Sticky z-index, Sticky Width, Sticky Background Color, Sticky Opacity, Sticky Transition Time. |
| 179 | * Old mystickymenu.css file is deprecated and not in use anymore. |
| 180 | |
| 181 | |
| 182 | |
| 183 |