ページ内ジャンプを使ってみよう
同一ページ内のA地点からからB地点へ飛ぶようなリンクを作りたい?
記事の最初に目次を作ってページ内ジャンプさせたい?
出来ます!初心者でも簡単にできます!すっごく簡単なコードを入れるだけでOKです。ではさっそくどうぞ!
Sample:ここをクリックすると「このページの下の方へ」へジャンプするよ!
どうですか、同じページ内でジャンプしていますよね!これを使えたらとっても便利です。しかもコードが簡単となれば使うしかないですよ!
気になるコードはといいますと!
<a href="#a01">クリックすると「id=a01」へジャンプするよ!</a> <p id="a01">ここがa01だよ!</p>
たったこれだけ!「a href=#id名」ここでアンカー指定
ジャンプ先のテキストや要素に「id名」を追記するだけでページ内ジャンプが可能になります。
ものすご~く簡単なのでガンガン使えますね!あまりにも簡単すぎて内容がない(ヾノ・∀・`)
以下、sampleのための余白です。
「このページの下の方」だよ!
Sample:ここをクリックすると「このページの上の方へ」へジャンプするよ!
以上、WPでも使える!ページ内ジャンプのやり方でした。
コメント