スムーズスクロールがwordpressだと楽チンなんです

2014.12.06
呼び方も人それぞれのスムーズスクロール。

何かと言うとページ内リンクを「ふわっ」とさせるやつです。


たとえば、ランディングページでコンテンツ毎に飛べるようなページ内リンクがついていたり。
ホームページでも「トップへ戻る」ボタン。「ページトップへ」ボタンなどありますよね。
あれを

「ぱっ」

と移動させるのではなく、

「ふわっ」

とさせるやつです。(このサイトでも使ってます)




今まではjQueryで設定していたんです。

最近まではこの設定を行う場合、jQueryを利用している方がほとんどであったはず。

この設定方法を丁寧に解説して頂いているサイトさんもたくさんあります。

【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript
by KLUTCHEさん


たったの10秒でできる!jQueryで実装する「ページトップへ戻るボタン」
by Kowappaさん


jQueryの中でも何パターンもやり方はありますが、慣れている人であればちょちょっと3分で出来る作業です。
しかしjQueryって何ぞやという方には1時間かけてもわからないと思います。

これね、基本的にそういう<script type=”text/javascript”>って何?みたいな方を無視してしまうんですよね。

ワードプレスプラグイン「Easy Smooth Scroll Links」で万事OK!

jQueryわからなくても、ワードプレスをいじっている方であればOKでしょう、さすがに。

プラグイン→新規追加

→「Easy Smooth Scroll Links」を検索。

→見つけた!

→インストールをクリック!

→終わり!


以上です、インストール完了したら、ページ内リンク全部がスムーズスクロールになっています。
ワードプレスの管理画面に入れる方であれば、誰でも出来るはず。

いまだに「jQueryをワードプレスで使うと動かなくなる!」と悩んでいる方、
是非上記のような簡単な方法を探してみてくださいね。