ウィジェットの記事上から記事下へリンクを飛ばす

質問

WordPressのウィジェットから、
『投稿記事の上に一括表示』
に、<a href="link">リンク</a>を置いて、
『投稿記事の下に一括表示』
に、<p id="link>リンク先</p>と置く。

記事上のリンクをクリックしたら、記事下のリンク先へ飛ぶようにしたいです。

一度、試してみたのですが、
リンクをクリックしても、別ページの404エラーになるだけです。

すべての記事の上にリンクを置いて、
すべての記事の下のリンク先に飛ばすようにするには、
どのようにすればできるでしょうか？

よろしくお願いいたします。

回答No.1

AsarKingChang · ベストアンサー

https://www.shoshinsha.com/hp/ref/html/a_name.html
アンカーの使い方が間違ってるだけです。

> に、<a href="link">リンク</a>を置いて、
これは、linkというアドレスにリンクされてしまってます。
先頭に＃を書いてください。
> に、<p id="link>リンク先</p>と置く。
こっちは、IDセレクターの為、アンカーのジャンプ先にはなりません。
a name=もじ
でアンカーポイントを作れば解決です。

どうしても、アンカーが嫌だ！って時は、
JavaScriptでスクロールポイントを求めて、
縦座標に代入してしまう手もあります。
（なぜかというと、＃でのジャンプは、URLの最後に＃がついてしまうので、見た目違うアドレスに見えてしまうので、これを嫌う人もいる為）

お礼

ウィジェットでリンクを飛ばせるようになりました！
どうもありがとうございます。