WPでも使える!ページ内ジャンプのやり方

初心者の初心者による初心者のためのwordpress
初心者の初心者による初心者のためのwordpress

ページ内ジャンプを使ってみよう

同一ページ内のA地点からからB地点へ飛ぶようなリンクを作りたい?
記事の最初に目次を作ってページ内ジャンプさせたい?

出来ます!初心者でも簡単にできます!すっごく簡単なコードを入れるだけでOKです。ではさっそくどうぞ!

Sample:ここをクリックすると「このページの下の方へ」へジャンプするよ!

どうですか、同じページ内でジャンプしていますよね!これを使えたらとっても便利です。しかもコードが簡単となれば使うしかないですよ!

気になるコードはといいますと!

<a href="#a01">クリックすると「id=a01」へジャンプするよ!</a>

<p id="a01">ここがa01だよ!</p>

たったこれだけ!「a href=#id名」ここでアンカー指定
ジャンプ先のテキストや要素に「id名」を追記するだけでページ内ジャンプが可能になります。
ものすご~く簡単なのでガンガン使えますね!あまりにも簡単すぎて内容がない(ヾノ・∀・`)

以下、sampleのための余白です。

「このページの下の方」だよ!

Sample:ここをクリックすると「このページの上の方へ」へジャンプするよ!

以上、WPでも使える!ページ内ジャンプのやり方でした。

コメント

タイトルとURLをコピーしました