WP To Top – 上(トップ)へ戻るボタンをスクロールアニメーションで表現

WP To Top

私が管理する幾つかのサイトでは、ユーザーの利便性を考えてフッターやサイドバー最下部にトップへ戻るためのボタン(リンク)を設置してます。 記事が長い場合はやはり上へ戻るボタンがあったほうが便利じゃないかと考えての設置です。

でも、読んでる記事がつまらないと気づき、それがちょうど真ん中ぐらいだったら、ユーザーはマウスで上に移動する、もしくは位置的に近かければ下に移動し上へ戻るボタンをクリックすることになります。(本当につまらなければブラウザのタブ閉じか右上 「×」 :mrgreen:

WP To Top は上に戻るボタンをスムーズなスクロールアニメーションで表示する YUI library のプラグイン。 記事を読んでる途中の状況でも、左右どちらかに上へ戻るボタンを表示してくれます。 どんなに長い記事でもボタンをクリックするだけでスルスルと上に戻ってくれるので、ユーザー目線で考えると便利なプラグインと言えます。


Sponsored Link

WP To Top の導入・設定

  1. WP To Top の 「Download」 ボタンをクリックし、 ZIP ファイルをダウンロード。
  2. ZIPファイルを解凍して wp-to-top フォルダを plugins フォルダへアップロード。
  3. 管理画面より WP To Top を有効(使用する)に。
WP To Top の設定画面
WP To Top1
  1. 「上へ戻る」 などの文字を入力。 デフォルトは 「Back to top」 。
  2. 背景色を指定。
  3. 文字色を指定。
  4. 左右表示する場所を指定。 デフォルトは right 。
  5. 全てのページに表示する場合は未チェック。 個別記事だけの表示はチェック。 最後に 「Save Changes」 をクリック。
記事の一番下まで行かなくても、画面下部に戻るボタンが表示されます。
WP To Top2

この 愚者の紋章 は出来るだけプラグインを少なくしたいのですが、ユーザビリティを考慮すると WP To Top はちょっと導入したくなるプラグインです。(ページに動きが出来るのも楽しい。) 病的溺愛シンドローム さんで見かけてイイなと思い結局入れちゃいました。 :mrgreen:

WP To Top 参考サイト

病的溺愛シンドローム
ページの上に戻るボタンのプラグイン→WP To Top。
Sponsored Link

コメントを残す