【WordPress】ページトップに戻るボタンを設定する方法とプラグイン

このページでは、初心者が簡単にページトップへ戻るボタンを設置する方法をご案内します。

ボタン設置の方法には、プラグインとタグで設置する方法があります。

初心者がタグを使うのは難易度が高いです。
また、間違った時の修正を間違えると元に戻せなくなる危険性があります。

プラグインをインストールすれば、比較的簡単に設定できます。
修正も変更も簡単にできます。
ただ、ページに１つのボタンを設置するためだけにプラグインをインストールするのは、ＨＰの動作が重くなる一因になります。（大したことではありません）
ＨＰに慣れてタグも分かるようになったら、タグで設置する方法に変更しても良いかもしれません。（私は面倒なので変更しないと思いますｗ）

では、画像を使って順番に説明しましょう。

１．プラグインを探しましょう

①WordPressにログインして、左メニューのプラグインをクリックします
②プラグインの新規追加をクリックします
③右上の検索バーに（仮に）top buttonと入力して検索します

top button に該当するプラグインが表示されます。

ページトップに戻るプラグインは沢山あります。
どれを使えば良いのか迷います。

２．プラグインの選び方

・沢山インストールされているプラグインを選びましょう。
　多くの人に使われているので安心して使えます

・評価の高い（★の多い）プラグインを選びましょう。
　初心者でも使い勝手がよいと判断できます

・使用中のwpバージョンと互換性ありを選びましょう。
　互換性がなかったり、テストされていないと、インストールしても不具合がでる恐れがあります。

３．（今回は）WPFront Scroll Topをインストールしてみましょう

２での３項目に合致しているのでWPFront Scroll Topを選びました。
気に入った他のプラグインでも大丈夫です。
（ただ、この後はWPFront Scroll Topの設定方法でご案内します）

４．プラグインをインストールする

右上にある今すぐインストールボタンをクリックして、インストールします。

５．インストール出来たか確認する

右上の今すぐインストールがインストール完了へ変わります。

６．プラグインの有効化をする

右上のインストール完了が有効化ボタンへと変更したらクリックします。

７．設定画面が開きます

a．Enabledにチェックをいれる
b．Button Sizeを入力します（数字・オススメは50～80くらいです）

c．お好みのボタンにチェックをいれます

最低３か所の入力(a～c)でボタンの設定は出来ます。
他の項目もアレンジして自由に設定できます。

８．設定を保存します

左下の変更を保存ボタンをクリックします

９．ＨＰで設定動作確認をします

ご自分のＨＰ上に設定出来たトップに戻るボタンを実際に確認しましょう。
デザイン・大きさ・動き方等をご自分の好みであるか確認してください。

【関連記事】
【WordPress】ログイン画面でキャプチャーが表示されない場合の対処方法２つ
【WordPress】phpのログイン画面(phpMyAdmin)が何処にあるのか分からない場合（お名前.com)