今回はこのブログでも利用しているプラグイン「WPFront Scroll Top」を使って、フロントスクロールの実装方法をご紹介します。

 

ちなみに、こちらです↓↓↓

 

 

『WPFront Scroll Top』でフロントスクロールを実装する方法

インストール方法

まずはWordPress管理画面検索して、プラグインでインストールします。

 

  1. WordPress管理画面 ⇒ プラグイン ⇒ 新規追加⇒「WPFront Scroll Top」で検索。「今すぐインストール」をクリックします。
  2. WordPress.org からダウンロードも可能です。

 

 

インストールが出来たら、有効化します。

 

 

 

 

 

 

 

基本設定

 

ダッシュボードの、①設定⇒②Scroll Top」へ進みます。

 

 

まず、ページトップにある「Enabled」にチェックを入れます。

 

プラグインを有効化する為に、必ずチェックを入れてください。

 

 

次に、

私は管理画面(ダッシュボード)で、フロントスクロールは使わないので、

「Hide on WP-ADMIN」にチェックを入れています。

 

 

次にデザインを選びます。

 

ここでは、お好みの物を選んで下さい。

 

私は下記のデザインを使用しています。

 

最後に「変更を保存」をクリックしたら終了です。

 

 

 

 

 

まとめ

以上で終了です。

 

ページを表示して、少し下へスクロールするとフロントスクロールが現れるようになります。

 

フロントスクロールをクリックすると、フロント(一番上)に戻るようになります。

 

もし利用しているテーマに実装されてない場合は、今回の「WPFront Scroll Top」のプラグインで追加してください。

 

おすすめの記事