シェアする

ページ内リンクのやり方

シェアする

thumb036
ページ内リンクのやり方
いちページ内をリンクで移動する方法のメモです。

といっても、WordPressに限らず昔からあるHTMLの方法なのですが。

プラグインを利用すると簡単にページ内リンクを作成することができるようですが、今回はプラグインを使用しないでページ内リンクを作ってみます。

スポンサーリンク

ページ内リンクのやり方

別ページに移動する場合はそのページのURLを打ち込みますが、同ページ内の場合は飛び先に「アンカー」を打ち込む必要があります。

「アンカー」はバス停のようなもので、文字に埋め込んでおくとそこにリンクで飛べる。といった感じです。

ためしにここにアンカーを打ち込みます → 

上のHTMLの書き方は
ためしにここにアンカーを打ち込みます → <a name=”anchor01″>●</a>

“アンカーその1″の部分がアンカー名です。
アンカー名は半角英数なら自由ですが、同ページで同じ名前のアンカー名は使えません。

ちょっと距離を離しています。

アンカーを打ち込んだら、さっそくアンカーに飛ぶリンクを作ってみましょう。

★をクリックして上の●にジャンプ → 

上のHTMLの書き方は
★をクリックして上の●にジャンプ → <a href=”#anchor01″>★</a>

ちなみに別のページのアンカーに飛ぶリンクを作る場合は
<a href=”ファイル名#アンカー名”>文章</a>

となります。

スポンサーリンク

シェアする

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)