Sticky Side Buttons

描述

This simple button creator lets you create one or more floating buttons that stick to the side of your site as the user scrolls.

Use it for sticking information like:

  • Phone number
  • Email address
  • Social icons
  • Store locations

Configuration options include:

  • Button position > left or right
  • Rollover style > darken or lighten
  • Animation style > none, slide or icons only
  • Disable on mobile (optional)
  • Customise button icons, text, link, and colors easily
  • Show on: Front Page, Pages, Posts, Custom Post Types (checkboxes)

Demo

  • Click here for out-of-the-box demo. You can see the buttons to the right of the screen, in ‘slide’ mode.

屏幕截图

  • Sticky Side Buttons in action: IN
  • Sticky Side Buttons in action: OUT
  • Sticky Side Buttons backend button creator
  • An example site using Sticky Side Buttons
  • An example site using Sticky Side Buttons
  • An example site using Sticky Side Buttons

安装

  1. Install & activate the plugin through the WordPress ‘Plugins’ dashboard.
  2. Visit the new Sticky Side Buttons tab to create your buttons.

常见问题

My sticky side buttons are covered by some other element. What should I do?

In the plugin settings there is a field where you can define z-index for the buttons. An element with a higher z-index is always in front of an element with a lower z-index. If you have tried a high z-index in that setting but your buttons still aren’t showing, it is likely that your theme has a very high z-index specified somewhere. This is not great practise, but is sometimes done in complex themes with lots of layered design elements, and also with page builders. As a last resort you can use CSS to force override the z-index for your buttons: #ssb-container { z-index: 9999 !important; }

Where can I get support for this plugin?

If you’ve tried all the obvious stuff and it’s still not working please request support via the forum. Remember to include a link to your site, and a full description of the issue plus the steps you’ve already taken to try to solve it.

Can I contribute to this plugin?

Absolutely! Please create a pull request on GitHub here.

评价

2020年5月20日
Quick to load, less is more. w/ Font Awesome library, supports fa styling methods. Works best on desktop (also great on mobile if only 1 to 2 buttons are three).
阅读所有40条评价

贡献者及开发者

“Sticky Side Buttons” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

“Sticky Side Buttons”插件已被翻译至4种本地话语言。 感谢所有译者为本插件所做的贡献。

将“Sticky Side Buttons”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

1.0.9

  • Removes Google+ share button

1.0.8

  • Upgrade to FontAwesome 5

1.0.7

  • Bug fix: errors when show on frontpage is checked

1.0.6

  • Support added for custom post types

1.0.5

  • Bug fix: “page” text in footer

1.0.4

  • Adds option to open link in new window
  • Adds a ‘show on’ option: Pages, Posts, Front Page
  • Minor bug fix for accessibility
  • Adds support for translation plugins: WPML, Polylang
  • Improved button hover handling on mobile

1.0.3

  • Fixes z-index override issue

1.0.2

  • Adds a setting so user can define custom z-index

1.0.1

  • Removed unnecessary css background – works better when buttons are spaced
  • Added z-index so buttons don’t hide behind things (fix for revolution slider)

1.0

  • Initial release