最初に戻るボタンが簡単に入るプラグイン WP To Top を入れました

以前からずっとこのblogに「最初に戻る機能」を入れたいなと思っていました。なにせここのblogの記事は非常に長い場合が多いので(^_^;。自分で作ってみようと考えてましたが、のびのびになってしまい、「そうだ！プラグインでできればいいんだ」と、プラグインを入れてみました。
それについて書きます。

WP To Top のインストール

上部に戻るプラグインはたくさんあったのですが詳細を見比べて、管理画面がややこしそうでないことと、ボタンがいくつかから選べるというのが自分の使い勝手的にちょうどよいなと思ったのが決め手でした。

ダッシュボード　プラグイン＞新規追加

WP To Top と入力してリターン

いますぐインストール　をクリック

プラグインを有効化 をクリック

インストールが終了しました。

インストール直後のデフォルト状態を見てみる

インストールしただけでデフォルト状態はどうなっているのかを見てみます。

スクロールをする前は何も出ていません。

スクロールすると、左下に上に戻るボタンが表示されました(^^)/

ボタンをクリックすると、するするーっと上に戻ります。なるほど、簡単ですね。

ボタンの形状や位置をカスタマイズする

ボタンが左に表示されると左ブロックの文字が隠れてしまうので右に表示したいと思います。

またボタンの形状も管理画面から設定できるようなので変えてみます。

ダッシュボード　設定＞ WP To Top をクリック

このようなシンプルな管理画面です。形や大きさ、背景の色などが変えられそうですね。Scroll Durationはスクロールにかかる時間がミリセコンド(1/1000秒)単位で指定できるようです。

ボタンの形状を違う形にして、表示位置を右側にしてみます。

指定した形のボタンが右側に表示されました。

背景の色をちょっと薄めの灰色　#aaa　にしてみました。

こういう感じで、背景色が薄くなりました。

iPhoneでの表示確認

iPhoneでも出るかどうか確認してみました。

このページの下の方にスクロールしていきます。

右下に上に戻るボタンが表示されていました(^^)/。タップしたところちゃんと上に戻りました。

プラグインなら簡単で、テーマを変更しても使えるのでやはりこういうプラグインは便利ですね♪