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

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

WP To Top のインストール

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

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

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

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

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

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

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

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

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

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

20150413092502

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

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

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

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

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

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

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

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

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

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

iPhoneでの表示確認

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

IMG_0820

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

IMG_0821

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

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

兎本美佳

ブログを見た人がそのままできたらいいなと思って、できるだけ丁寧に書いています。blogに書いたようなネタの有償対応のご相談は「ゆうそうと」へいただければと思います(^^)/
無償での対応をご希望の場合は、コメントをいただけましたら可能な場合はコメントを返させていただきます。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク
スポンサー広告
ブログをメールで購読

メールアドレスを記入して購読すれば、更新をメールで受信できます。

259人の購読者に加わりましょう

コメント

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

トップへ戻る