画面をスクロールした時に自動的に出てくる上に戻るボタン
インターネットでページを閲覧中に、どんどん下にスクロールしていって、上に方に戻りたい時に、自動的に下の方に、上に戻るボタンがあると、ススーっと上にスクロールバックして上に戻れて便利ですよね。
この写真の赤丸の中のようなやつです。
これは、ワードプレスの場合であれば、プラグインを入れることで簡単に実装することができます。
では、どのようなプラグインを入れれば良いのかを見ていきましょう。
上に戻るボタンを追加するワードプレスプラグインは次の通り
Scroll Back To Top
一番有名なプラグイン。
jQuery Smooth Scroll
非常に細かく設定できるプラグイン。
凝ったデザインにしたい、こまかい設定をしたいと思うのであれば、これ一択でしょう。
WPFront Scroll Top
必要最小限の機能に絞ったプラグイン。とにかく、上に戻るボタンさえ追加されれば、あとはよけいなものはいらないという人には、うってつけです。
評価が高いのが安心ですね。
プラグインWPFront Scroll Topを導入する
ここでは、ユーザーの評価が一番高い、WPFront Scroll Topの導入方法を紹介します。
インストール方法
管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。
- WordPress管理画面 ＞ プラグイン ＞ 新規追加 ＞「WPFront Scroll Top」で検索
- WordPress.org からダウンロード
管理画面
管理画面は次のとおりです。クリックをすると拡大画面でみることができます。
まず管理画面にいって、一番上の Enable no のところにチェックを入れて下さい。
それによって、このプラグインが作動するようになります。
これは次のことが設定可能です
- ボタンが現れるタイミング
- ボタンのサイズ
- ボタンの透明度
- ボタンを自動的に隠すかどうか
- 小さい画面のスマホなどの場合は隠すかどうか、
- ボタンのスタイルはテキストにするか画像にするか
- どのページ、投稿で表示させるか
等々
かなり細かく設定できます。
まとめ
この機能は最近のワードプレスのテーマで予め付いていることがおおいです。しかし細かく設定したいのであれば、このプラグインを新たに入れてもいいでしょう。
