このプラグインは WordPress の最新3回のメジャーリリースに対してテストされていません。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress で使用した場合は互換性の問題が発生する可能性があります。

Custom Scrollbar

説明

Change the Look of Too Long Vertical Elements width a Scrollbar

Do you have too long elements sticking out and breaking the web site layout?

If you have such a problem, fix their height by adding a scrollbar to the element with this plugin.

See How a Scrollbar is Created

After installing it, go to Dashboard -> Appearance -> Scrollbars. Set a selector and height. That’s it.

Notes: you need a basic understanding of CSS/jQuery selectors to use this plugin.

Multiple Selectors

By specifying selectors, you can define multiple scrollbars.

Responsive

Supports responsive design by defining the range of browser screen widths for the scrollbar to appear.

カスタムカラー

Pick custom colors for the scrollbar elements.

カスタム CSS

Define custom CSS rules.

Predefined Styles

Pick you favorite style from a list.

Ajax Page Load Handling

Even if the elements is inside an element which loads with Ajax, your scrollbars will be initialized accordingly.

Supports Responsive Design

If you want to disable your scrollbars in certain screen widths, you can do so as well.

Supported Language

  • 英語
  • Japanese

スクリーンショット

  • Front-end
  • Setting Page

インストール

  1. Upload custom-scrollbar.php and other files compressed in the zip folder to the /wp-content/plugins/ directory.
  2. 「プラグイン」メニューからプラグインを有効化します。
  3. Go to Dashboard -> Appearance -> Scrollbars.
  4. Configure the options by setting a selector and height.

評価

2017年8月20日
Plugin's UI allows access to all customisation features. Each option is extremely well-documented. Settings are nicely organised.
2017年1月16日
When loading the plugin directory URL use plugins_url() instead of WP_PLUGIN_URL Eg: define('file_url',plugins_url()."/your_file/"); Source: plugin-main.php, line# 21 Because WP_PLUGIN_URL doesn’t work on SSL properly, so this caused a delay in the launch of our website.
2016年9月3日
Really didn't expect a plugin for this kind of thing to work right off the bat. Neat, simple, intuitive & effective. Thanks a lot, dev!
2016年9月3日
I've installed and set the options. Where is it? Is there supposed to be a shortcode? Have I missed something?
7件のレビューをすべて表示

貢献者と開発者

Custom Scrollbar はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献しています。

貢献者

“Custom Scrollbar” をあなたの言語に翻訳しましょう。

開発に興味がありますか ?

コードを閲覧するか、SVN リポジトリをチェックするか、開発ログRSS で購読してみてください。

変更履歴

1.3.2 – 01/10/2019

  • Added the Japanese translation.
  • Added the default language template file.

1.3.1 – 12/27/2016

  • Fixed a bug that debug log was shown in the browser console.

1.3.0 – 12/16/2016

  • Added the Scroll Buttons, Keyboard, Mouse Wheel options.
  • Changed the Ajax Handling option in the General setting section by moving it to each scrollbar option item.
  • Deprecated the ability of creating multiple scrollbars.

1.2.0 – 10/10/2016

  • Added the Ajax Handling option that determines whether to initialize plugin scripts on Ajax page loads.
  • Added the ability to export and import settings.
  • Refined the setting pages.

1.1.7 – 07/07/2016

  • Tweaked the setting UI to improve the usability.

1.1.6 – 01/06/2016

  • Added the minified version for the enabler script.
  • Improved performance of the setting page.

1.1.5 – 12/15/2015

  • Fixed an issue with jQuery v2.1.4.

1.1.4 – 11/27/2015

  • Tweaked the setting pages.

1.1.3 – 11/05/2015

  • Changed the required WordPress version to 3.4.
  • Fixed a bug that settings were not saved properly when removing a scrollbar definition item.

1.1.2 – 10/29/2015

  • Tweaked the setting pages.
  • Fixed a bug that percentages for width and height could not be set.

1.1.1 – 10/20/2015

1.1 – 08/29/2015

  • Added the ability to set inline CSS rules wit the Inline CSS option.
  • Tweaked the styling of setting forms.
  • Fixed a bug that the Width option did not take effect.

1 – 07/05/2015

  • Released.