ワードプレスにページトップに戻るボタンを設置するオススメプラグイン

Naoto
じぶんライフ・クリエイターのなおとです。
Naotoの非常識なプロフィールはこちら

今回は「WordPressにページトップに戻るボタンを設置するプラグインScroll Back to Top」についてお話しします。


ページトップに戻るボタン

ページトップに戻るボタンは、特に長い記事の時にあると便利です。

記事をスクロールしながら一番下まで読んだ後に、

自分でスクロールしながら、もしくはサイドバーをドラッグしながらページトップに戻るのは

案外面倒だったりします。

 

些細なことですが、ビジネスとしてサイトを運営しているのであれば、

訪問者にストレスなくサイトを閲覧してもらえる工夫をする必要は当然ありますので、

ページトップに戻るボタンは設置することをオススメします。

 

また、記事を最後まで読んでくれた方だけではなく、

記事の途中でも、自分が知りたいと思っていた情報が手に入った時、

もしくは途中で読む気が失せてしまった時なども、

ページトップに戻るボタンがあれば、ワンクリックでページトップに戻ることが出来ます。

 

ページトップに戻るボタンを設置するプラグインというのはいつくもあるのですが、

「Scroll Back to Top」はシンプルなデザインと細かな設定が出来るので

オススメのプラグインです。

 

ページトップに戻るボタンを設置するプラグイン

Scroll Back to Top以外のページトップに戻るボタンを設置するプラグインを

いくつか紹介します。

※設定のサンプル画像は全てクリックで拡大できます。

 

Dynamic “To Top” Plugin

Dynamic To Top Plugin1

ボタンデザインは矢印、テキストの2種類です。

色や形、大きさや、ボタンに影をつけるなどの

細かな設定ができます。

Dynamic To Top Plugin2

※プラグインの削除が出来ない場合は

FTPから直接Dynamic “To Top” Pluginのファイルを削除して下さい。

プラグインのファイルがある場所は、

あなたのドメイン⇒Public_html⇒wp-content⇒plugins

です。

 

ToTop Link

ToTop Link

ボタンデザインはLight、Dark、Text Link、Custom Imageの

4種類から選択できます。

色や形は変更できません。

ToTop Link1

 

Go To Top

Go To Top

ボタンデザインは2種類です。

色や形は変更できません。

Go To Top2

 

WP-Smooth-Scroll

WP-Smooth-Scroll

ボタンの位置のみ変更できます。

オンマウスでボタンの色が青に変わります。

WP-Smooth-Scroll1

 

JCWP Scroll To Top

JCWP Scroll To Top

テキストや色、ボタンの色や枠の色なども変更できます。

ボタンが表示されるアニメーションが印象的です。

JCWP Scroll To Top1

 

Scroll Top and Bottom

Scroll Top and Bottom

スクロールアップだけでなく、スクロールダウンのボタンも表示されます。

ボタンの色をオレンジ、緑、青の3色から選択でき、

矢印のアイコンは4種類あります。

Scroll Top and Bottom1

 

Ax ScrollTo Top

Ax ScrollTo Top

ボタンの種類がポップなものからスタンダードのものまで豊富にあります。

デザインに関してはテキストの色のみ変更できます。

Ax ScrollTo Top1

=======================

「すみません・・・。会社辞めます。」

僕は上司にそう伝え、自分の人生を生きると決意。

10年の会社員生活にピリオドを打った僕は、
お金も人脈も特別なスキルも、
何もない状態で起業しました。

当時、パソコンすら持っていなかったので、
常識的に考えればかなり頭のおかしい選択です。

しかし、気が付いたら会社員時代の
5倍以上の収入を得ていました。

今は時間や場所を気にすることなく、
自分の意思で様々な選択や決断を自由にしています。

今の時代、個人が会社に依存せずに
自分らしいライフスタイルを実現させることは、
難しいことではありません。

事実、僕が関わる人達も、
サラリーマン、主婦、学生、問わず、
自分の力で収入を生み出しています。

以下の記事では、僕の生い立ちから
現在に至るまでの物語を綴っています。
↓  ↓  ↓
会社の危機で人生変わった話

=======================

コメントを残す

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

CAPTCHA