通常、アンカーリンクをクリックすると、リンク先に一瞬でジャンプします。
別ページへのリンクはそれで問題ないのですが、ページ内リンクの場合同じ画面内の移動だったのか、それとも別ページに移動したのかがちょっとわかりづらい……。
ページ内リンクをスムーズにスクロールするようにすれば、訪問者にとって優しくなりますね
【jQuery Smooth Scroll】は、ページ内リンクを滑らかにスクロールする（スムーススクロール）プラグイン。
スムーススクロールするだけでなく、『トップに戻る』ボタンも表示されるようになります。
こんな場合におススメ
- ページ内リンクをクリックしたときに、滑らかにスクロールするようにしたい
- 『トップに戻る』ボタンを画面下部に表示させたい
プラグインを使ってできること
- ページ内リンクをクリックした際に、滑らかにスクロールさせる
- 画面右下部に『トップに戻る』ボタンを表示し、スムーススクロールさせる
スポンサーリンク
使用イメージ
インストール
- 管理画面から プラグイン > 新規追加 とクリックする
- “jQuery Smooth Scroll“で検索する
- “今すぐインストール”をクリック。インストール後、有効化する
または、配布サイトからダウンロードして、インストール。
jQuery Smooth Scroll – WordPress プラグイン | WordPress.org
手動でインストールする方法はコチラ
関連記事
WordPressのプラグインをインストールする方法は、全部で3つあります。 ダッシュボードから検索してインストールする ダッシュボードからZIP形式のファイルをアップロードする FTPでサーバーにアップロードする[…]
設定
設定項目はありません。
プラグインを有効化すると、自動的に『トップに戻る』ボタンが表示され、ページ内リンクもスムーススクロールするようになります。
動作確認環境
- バージョン 1.4.5
- WordPress 5.2.3
まとめ
- 【jQuery Smooth Scroll】は、ページ内リンクをクリックしたときに、スムーススクロールさせるプラグイン。
- 滑らかにスクロールするだけでなく、『トップに戻る』ボタンも表示されるようになります。