Home » ワードプレス » ワードプレスで上に戻るボタンをついかするプラグイン

ワードプレスで上に戻るボタンをついかするプラグイン

この記事を読むのに必要な時間は約 2 分です。

ワードプレスで上に戻るボタンをついかするプラグイン 5

画面をスクロールした時に自動的に出てくる上に戻るボタン

インターネットでページを閲覧中に、どんどん下にスクロールしていって、上に方に戻りたい時に、自動的に下の方に、上に戻るボタンがあると、ススーっと上にスクロールバックして上に戻れて便利ですよね。

この写真の赤丸の中のようなやつです。

ワードプレスで上に戻るボタンをついかするプラグイン 2

 

これは、ワードプレスの場合であれば、プラグインを入れることで簡単に実装することができます。

では、どのようなプラグインを入れれば良いのかを見ていきましょう。

上に戻るボタンを追加するワードプレスプラグインは次の通り

Scroll Back To Top

一番有名なプラグイン。

ダウンロード先はこちら

jQuery Smooth Scroll

非常に細かく設定できるプラグイン。

凝ったデザインにしたい、こまかい設定をしたいと思うのであれば、これ一択でしょう。

ダウンロード先はこちら

WPFront Scroll Top

必要最小限の機能に絞ったプラグイン。とにかく、上に戻るボタンさえ追加されれば、あとはよけいなものはいらないという人には、うってつけです。

評価が高いのが安心ですね。

ダウンロード先はこちら

プラグインWPFront Scroll Topを導入する

ここでは、ユーザーの評価が一番高い、WPFront Scroll Topの導入方法を紹介します。

インストール方法

管理画面から検索してインストールして下さい。もしくは、WordPress.org からダウンロードし、アップロードしてインストールして下さい。

  1. WordPress管理画面 > プラグイン > 新規追加 >「WPFront Scroll Top」で検索
  2. WordPress.org からダウンロード

管理画面

管理画面は次のとおりです。クリックをすると拡大画面でみることができます。

Sponsered link

ワードプレスで上に戻るボタンをついかするプラグイン 4

まず管理画面にいって、一番上の Enable no のところにチェックを入れて下さい。

それによって、このプラグインが作動するようになります。

これは次のことが設定可能です

  • ボタンが現れるタイミング
  • ボタンのサイズ
  • ボタンの透明度
  • ボタンを自動的に隠すかどうか
  • 小さい画面のスマホなどの場合は隠すかどうか、
  • ボタンのスタイルはテキストにするか画像にするか
  • どのページ、投稿で表示させるか

等々

かなり細かく設定できます。

まとめ

この機能は最近のワードプレスのテーマで予め付いていることがおおいです。しかし細かく設定したいのであれば、このプラグインを新たに入れてもいいでしょう。

Related Post

Sponsered link

Check Also

外部サイトの画像を自分のサイトのサーバーに取り込むプラグインでリンク切れを防ごう

この記事を読むのに必要な時間は …

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です