プラグインWPFront Scroll Topの設定と使い方をまとめておきます。
このプラグインを使うと、画面最上部までスクロールするボタンを設置することができます。
目次
設定と使い方
プラグインを有効化すると、管理画面の設定に「Scroll Top」が追加されます。
使い方
管理画面の設定「Scroll Top」を開いて、「Enabled」にチェックを入れるだけで機能します。
| 設定 | 詳細 |
|---|---|
| Enabled | プラグインを有効化 |
| JavaScript Async | JavaScriptを非同期で読み込む |
| Scroll Offset | どれだけ下にスクロールしたらボタンが表示されるか |
| Button Size | ボタンの横幅と縦幅（デフォルトは0x0） |
| Button Opacity | カーソルを乗せる前のボタンの透明度 |
| Button Fade Duration | 画面最上部に戻った際にボタンが消えるまでの時間 |
| Scroll Duration | ボタンをクリックして画面最上部に戻るまでの時間 |
| Auto Hide | ①で設定した時間でボタンが消える |
| Auto Hide After※① | ボタンが消えるまでの時間 |
| Hide on Small Devices | ②で設定したデバイス以下の場合はボタンが表示されない |
| Small Device Max Width※② | ボタンを非表示にするデバイスの横幅 |
| Hide on Small Window | ③で設定したウィンドウ以下の場合はボタンが表示されない |
| Small Window Max Width※③ | ボタンを非表示にするウィンドウの横幅 |
| Hide on WP-ADMIN | 管理画面でボタンを非表示 |
| Hide on iframes | インラインフレーム上でボタンを非表示 |
| Button Style※④ | ボタンのスタイルを選択 |
| Button Action | 移動（遷移）する場所を選択 |
| Location※⑤ | ボタンが表示される位置 |
| Margin X | ⑤で指定した位置の横余白 |
| Margin Y | ⑤で指定した位置の縦余白 |
| Display on Pages | ボタンを表示させるページ（Includeは指定・Excludeは除外） |
| Image Button | ④でImageを選択した場合の画像選択と代替テキストの設定 |
| Text Button | ④でTextを選択した場合の設定 |
| Font Awesome Button | ④でFont Awesomeを選択した場合の設定 |
設定は全て任意ですが、「JavaScript Async」にチェックを入れると、JavaScriptを非同期で読み込むのでページの表示速度が上がります（正常に動作しない時はチェックを外す）。
また、「Hide on WP-ADMIN」にチェックを入れると、管理画面でボタンを非表示にできます。
フィルター
初期設定では、全てのページにスクロールボタンが表示されます。
特定のページでのみ表示させたい及び特定のページで非表示にしたい時はここで設定できます。
画像の変更
用意されている画像以外にも、オリジナル画像をアップロードして使うことができます。
画像に特に意味はないので、Image ALT（Alt属性）は空欄のままで構いません。
トップへの矢印アイコンを探している方は、Iconfinder等の無料素材サイトからダウンロードして下さい。
最後に
配置の指定から画像の変更まで、細かい調整も可能なので、サイトに画面上部へスクロールするボタンを設置したい時に使うと便利なプラグインです。
ただ、最初から同じ機能が実装されているテーマでは不要です（有料テーマに多い）。
コメント