myStickysidebar

Description

Plugin glues website’s sidebar, making it permanently visible while scrolling. Since sidebar is always visible it increases website’s usability, accessibility and therefore gets better click through rate.

By default, it uses “#secondary” css id under “Sticky Class” setting field and that should be modified for different themes to make them work. Don’t forget this, it’s a mandatory field for certain themes. Use additional margin top to fine tune sidebar position.

Sticky sidebar plugin will work out of box with some themes which use “#secondary” id for sidebar by default such as: Twenty Sixteen, Twenty Fourteen, Twenty Twelve, Total, Flat Bootstrap and many more… Plugin is localized (multi language support) and responsive (as far as your theme is).

Plugin Home and demo: http://wordpress.transformnews.com/plugins/mystickysidebar-sticky-sidebar-for-wordpress-1083

Plugin Options:

  • Sticky Class: css class or id of the sidebar desired to be sticky. Defaults to “#secondary”. This is mandatory field and it must be filled!

  • Container Class: The sidebar’s container element (parent element) css class or id. If not specified, it defaults to the sidebar’s parent. Mostly this parameter is not needed for majority of themes, but in case that script cant find sidebar parent div you will need to enter it here.

  • Additional Top Margin: An additional top margin in pixels. Defaults to 0. …. and more cool options will be available soon …

Plugin integrates magnificent Theia Sticky Sidebar v1.5.0 javascript code (Released under the MIT license, Copyright 2013-2016 WeCodePixels and other contributors) with WordPress… https://github.com/WeCodePixels/theia-sticky-sidebar

Screenshots

  • screenshot-1.png myStickysidebar backend settings.

Installation

Install like any other plugin. After install activate.
Go to Settings / myStickysidebar and change Sticky Class to .your_sidebar_class or sidebar css id.
Use additional margin top to fine tune sidebar position.

FAQ

How to find Sticky Class, what should I enter here?

So this depends which theme do you use, for example if you want your sidebar to be sticky, than you can examine the code (Firefox: right click on sidebar and ”Inspect Element”; Chrome: right click on sidebar than select “Inspect”) and find div in which sidebar 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.

Reviews

Very useful plugin

This is a very good plugin and does exactly what I needed. Thanks for that!

The only downside is that if the sidebar is longer than the content, the screen jumps back to the top. 🙂

Very Good Plugn

Hi, Your plugin is very simple and easy to use. I loved it. But there is some problem with it. It shows following error:

Notice: Undefined index: myfixedside_disable_small_screen in /www.website.com/wp-content/plugins/mystickysidebar/mystickysidebar.php on line 204

Notice: Undefined index: myfixedside_disable_small_screen in /www.website.com/wp-content/plugins/mystickysidebar/mystickysidebar.php on line 204

Installed and works as expected. Nice!

All went well, no issues so far. I will certainly update this review if it does present any issues but I am happy with how simple it is and how it works.

Only thing I can suggest is maybe add an easing effect to it so it’s not just… boom! Kept on the page. Maybe something more elegant. But thanks, love it!

Read all 5 reviews

Contributors & Developers

“myStickysidebar” is open source software. The following people have contributed to this plugin.

Contributors

“myStickysidebar” has been translated into these 2 locales: Croatian, Portuguese. Thank you to the translators for their contributions.

Translate “myStickysidebar” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

1.1

  • Fixed: Notice: Undefined index: myfixedside_disable_small_screen

1.0

  • First release of myStickysidebar plugin