ページ内リンクをスムーズにスクロールする【jQuery Smooth Scroll】の使い方

通常、アンカーリンクをクリックすると、リンク先に一瞬でジャンプします。
別ページへのリンクはそれで問題ないのですが、ページ内リンクの場合同じ画面内の移動だったのか、それとも別ページに移動したのかがちょっとわかりづらい……。

ページ内リンクをスムーズにスクロールするようにすれば、訪問者にとって優しくなりますね

jQuery Smooth Scroll】は、ページ内リンクを滑らかにスクロールする(スムーススクロール)プラグイン。

スムーススクロールするだけでなく、『トップに戻る』ボタンも表示されるようになります。

こんな場合におススメ

  • ページ内リンクをクリックしたときに、滑らかにスクロールするようにしたい
  • 『トップに戻る』ボタンを画面下部に表示させたい

プラグインを使ってできること

  • ページ内リンクをクリックした際に、滑らかにスクロールさせる
  • 画面右下部に『トップに戻る』ボタンを表示し、スムーススクロールさせる
スポンサーリンク

使用イメージ

インストール

jQuery Smooth Scroll インストール

  1. 管理画面から プラグイン > 新規追加 とクリックする
  2. jQuery Smooth Scroll“で検索する
  3. “今すぐインストール”をクリック。インストール後、有効化する

または、配布サイトからダウンロードして、インストール。
jQuery Smooth Scroll – WordPress プラグイン | WordPress.org

手動でインストールする方法はコチラ

関連記事

WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする […]

WordPressのプラグインをインストールする方法

設定

設定項目はありません。
プラグインを有効化すると、自動的に『トップに戻る』ボタンが表示され、ページ内リンクもスムーススクロールするようになります。

動作確認環境

  • バージョン 1.4.5
  • WordPress 5.2.3
このプラグインは上記の環境で動作を確認しましたが、ご使用の環境によっては、動作しないなどの不具合が起きる可能性がありますので、ご注意ください。

まとめ

  • jQuery Smooth Scroll】は、ページ内リンクをクリックしたときに、スムーススクロールさせるプラグイン。
  • 滑らかにスクロールするだけでなく、『トップに戻る』ボタンも表示されるようになります。
ページ内リンクをスムーズにスクロールする【jQuery Smooth Scroll】の使い方
最新情報をチェックしよう!
スポンサーリンク