スムーススクロールで表示するプラグイン（Smooth Scroll Links）

Smooth Scroll Links

WordPress公式サイトからダウンロードできます。

ダウンロードしたファイルを解凍して、「wp-content / plugins/」にアップロード。

管理画面のプラグイン管理で「Smooth Scroll Links [SSL]」を有効化。

管理画面＞設定タブの「Smooth Scroll Links [SSL]」で設定できます。

Enable Smooth Scroll effect　：スムーススクロール効果を加えるかの設定。

Add “Back to top” link at Footer”　：ページ最下部に「Back to top」というリンクを設けるかの設定。

リンク元

まずリンク元となる地点の設定。

<a href="#point1">ポイント１に移動</a>

リンク先

次に、リンク先の設定。

<div id="point1">ポイント１</div>

使い方

ポイント1に移動
ポイント２に移動

<a href="#point1">ポイント1に移動</a>
<a href="#point2">ポイント２に移動</a>

<div id="point1">ポイント１</div>
<div id="point2">ポイント２</div>

ulやol

実際使うときは、ulやolも一緒に使った方がいいかもしれません。

1. ポイント３に移動
2. ポイント４に移動

<ol>
<li><a href="#point3">ポイント３に移動</a></li>
<li><a href="#point4">ポイント4に移動</a></li>
</ol>

<div id="point3">ポイント３</div>
<div id="point4">ポイント４</div>

トップページへ

ページのトップへスムーススクロールで移動させる機能だけを使いたい場合にはリンク先の設定はしないで、

<a href="#header">トップへ戻る</a>

?
トップへ戻る

と記載するだでおｋです。

これでページ最上部へのスムーススクロールリンクが完成します。