日常生活に役立つ情報をご紹介

「トップに戻る」ボタンを設置しよう!WordPressプラグイン WP To Top

2016.10.27

「トップに戻る」ボタンを設置するプラグインの設置方法をご紹介します。

一気に画面トップへ!

ちなみに、トップに戻るボタンは、こういうものです。

トップに戻るボタン

スマホでサイトを閲覧しているとき、トップ(画面最上部)に戻るために、いちいちフリックするのは面倒ですよね。

そんなときに役に立つのが「トップに戻るボタン」です。

WP to Topというプラグインを使用すると、カンタンに使用できますよ!。

私のブログの場合、スマホユーザーは70%を占めます。

スマホでブログを見てくれる方のためにも、ぜひ導入してブログの閲覧性を向上させましょう!

 

WP To Topの設置方法

管理画面から「プラグイン」→「新規追加」をクリック。

新規追加

 

右上のキーワード欄に「wp to top」と入力して、エンターキーを押して検索。

キーワード入力

 

「今すぐインストール」をクリック。

今すぐインストール

 

しばらくしたらボタンが変化します。

「有効化」をクリック。

有効化

 

すると、画面左にトップに戻るボタンが設置されました!\(^o^)/

スマホ画面のトップに戻る

 

ボタンの設定方法

ボタンの柄や色を好みで変化させることができます。

管理画面の「設定」→「WP to Top」をクリック。

ボタンの設定方法

 

以下のように設定画面が開きます。

ボタンの各種設定画面

 

各項目を解説します。

Background Color

ボタンの背景色を選択できます。

ちなみに色のコード表はこちらからどうぞ。

 

Background Color

矢印の色を選択できます。

 

Scroll Duration

トップに戻るまでの速さを選択できます。お好みでどうぞ。

 

Icon Type

好きなアイコンのタイプを選択します。

 

Icon Size

アイコンの大きさを選択します。

 

Icon Location

アイコンを画面の左右のどちらに配置するか選択できます。

設定しない場合は左に配置されます。

関連記事

プロフィール

夢は、成しとげる


氏名 : ヌコ&ララ
年齢:三十路