ページ内リンクの記述方法
ページ内リンクとは １ページが長く、そのページの中に３項目ぐらい大きな項目がある場合
トップに目次のようなものを付けてその目次からその場所へ行ける
例えばこのページの一番下に会社概要を表示 ここをクリック
コードの書き方(目次・リンク側）
<a href="#a">ここをクリック</a>
＃はIDを示すので、ID＝a にリンクするという意味です。
コードの書き方(リンク移動先）
<h3 id=”a”>リンクの移動先</h3>
<p id=”a”>リンクの移動先</p>
<div id=”a”>リンクの移動先</div>
等、IDに a を設定します。
<a href=”#b”>ここをクリック</a> なら id=”b”
<a href=”#cc”>ここをクリック</a> なら id=”cc”
高速スクロールのプラグインはワードプレスの [easy-smooth-scroll-links] を使っています。
インストールして有効化するだけ！めちゃくちゃ簡単です。
ワードプレスの管理画面左サイドバー内の プラグイン→新規追加で[easy-smooth-scroll-links]を検索→インストール→有効化します。
javascript を利用する方法もプラグインほどではないですが簡単です。
ワードプレスでない場合は javascript とCSSで設定可能です。
その方法もまた記載します。
リンクの移動先
会社概要
ページ内リンクってこういうことね、ってわかったら戻ってください 戻る
