ブログのコメント リンクをクリックすると、ページがリンクにリダイレクトされず、同じページにとどまります。
開始すると、次の URL にアクセスします。http://localhost/wordpress
そして、私がクリックしているリンクはここにアドレス指定されています:http://localhost/wordpress/?p=3#comments
リンクが機能しないのはなぜですか?
ブログのコメント リンクをクリックすると、ページがリンクにリダイレクトされず、同じページにとどまります。
開始すると、次の URL にアクセスします。http://localhost/wordpress
そして、私がクリックしているリンクはここにアドレス指定されています:http://localhost/wordpress/?p=3#comments
リンクが機能しないのはなぜですか?
リンク内のハッシュ記号(#
)は、それがページ上の場所のアンカーであることをブラウザに通知します。
この場合、#comments
は場所のリンクであり、ページのどこかに。という名前のアンカータグがありcomments
ます。
ソースコードを見ると、次のようなリンクがあります。
<a name="comments"></a>
したがって、誰かが#comments
最後にあるリンクをクリックすると、ブラウザは、そのアンカーでマークされたページのそのポイントまで下または上にスクロールすることを認識します。
これはアンカーだけに限定されるものではなくDIV
、同様の属性マークアップによってページ上のまたは他のセクションに直接ジャンプするために使用できます。
長いページで、多くのセクションがあるとしましょう。人々がそのセクションに直接ジャンプするようにしたい場合は、次のように要素、DIV、または見出しにIDを追加できます。
<h3 id="privacy">Privacy</h3>
そして、リンクを使ってすぐにジャンプさせるには、次のように使用できます。
<a href="#privacy">Jump to privacy</a>
クリックしても何も起こらず、ジャンプもスクロールも起こらない場合は、ブラウザが一致する要素name
またはID
アンカーポイントを持つ要素を見つけられない可能性があります。
ただし、ソースコードに名前付きアンカーが表示されている場合は、ページが短すぎてドキュメントをシフトできないため、実際に移動する場所がない可能性があります。
カスタムテーマをインストールしましたか、それともテーマのファイルを変更しましたか?ページへのリンクを提供して、人々が何が間違っているのかを確認できるようにしてください。
編集:ページが比較的短い場合、つまりコメントセクションがすでに表示されている場合は、ブラウザがそのセクションまでスクロールしないことを決定している可能性があります。