ページ内リンクの付け方

サイトマップ

ホームページとデザインの会社
株式会社ジェイプラン

menu
 
  ページ内リンクの付け方

ページ内リンクの付け方

ページ内リンクの記述方法

ページ内リンクとは 1ページが長く、そのページの中に3項目ぐらい大きな項目がある場合

トップに目次のようなものを付けてその目次からその場所へ行ける

例えばこのページの一番下に会社概要を表示 ここをクリック

コードの書き方(目次・リンク側)

#は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で設定可能です。

その方法もまた記載します。

 

リンクの移動先

会社概要
ページ内リンクってこういうことね、ってわかったら戻ってください 戻る

印刷はこんなに安かったの?

梅オーナー情報はこちら

おすすめレンタルサーバー

独自SLLが無料!月額100円~使える!使いやすく初心者にお勧め!


ホームページお役立ち情報