サポート » テーマ » 投稿ページでページ内ジャンプができません。固定ページではできます。

  • 解決済 Rena0404

    (@rena0404)


    テーマはResponsiveを使っています。

    投稿ページと固定ページでページ内ジャンプができるようにしています。
    両方のページに全く同じように記載しているのですが、投稿ページでページ内ジャンプができません。
    どうやったら投稿ページでもページ内ジャンプができるようになるでしょうか。

    【参考】
    投稿ページ
    固定ページ

    このサイトを参考にしました。

    各々のページに下記のように記載しています。

    <p><a href="#link1">北海道</a> <a href="#link2">東北</a> <a href="#link3">関東</a> <a href="#link4">中部</a> <a href="#link5">関西</a> <a href="#link6">四国</a> <a href="#link7">中国</a> <a href="#link8">九州</a></p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">北海道</div>
    <p>[list cat="5043" tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">東北</div>
    <p>[list cat="5223,5264,5298,5360,5386,5422," tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">関東</div>
    <p>[list cat="5481,5526,5552,5588,5652,5707,5770," tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">中部</div>
    <p>[list cat="5804,5835,5851,5871,5889,5917,5993,6036,6072" tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">関西</div>
    <p>[list cat="6127,6157,6177,6204,6248,6290,6330," tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">中国</div>
    <p>[list cat="6429,6401,6361,6381,6453," tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">四国</div>
    <p>[list cat="6473,6498,6516,6537," tag="6891" num="-1"]</p>
    <div style="border: none; background-color: #ffbaba; margin: 0px 0; padding: 5px; font-size: 15pt;">九州</div>
    <p>[list cat="6572,6633,6654,6676,6722,6741,6768,6812" tag="6891" num="-1"]</p>

    よろしくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • 投稿ページと固定ページのどちらもジャンプしないですよ。違うページのリンクでしょうか?

    スレッド開始 Rena0404

    (@rena0404)

    gblsm様

    ご指摘をうけて見直したところ、問題が分かりました。
    ショートコードが<p></p>で囲まれていることが問題のようでした。

    すみません、確認不足でした。

    追記です。下記のコードを固定ページと投稿のそれぞれに書き込んで試したところ、どちらもジャンプしました。WordPress 4.3 に Responsive テーマです。

    <a href="#link1">北海道</a> | <a href="#link2">東北</a> | <a href="#link3">北陸</a>
    <hr />
    <div id="link1">北海道</div>
    ニセコ
    <hr />
    <div id="link2">東北</div>
    蔵王
    <hr />
    <div id="link3">北陸</div>
    セイモア

    ただし入力中にダブルクォートが全角文字へ自動変換される場合があり、半角のままにするのに注意が必要でした。

    あ、前後してしまいましたが、原因がわかってよかったです。

    スレッド開始 Rena0404

    (@rena0404)

    gblsm様

    調べていただきありがとございます。

    ページの編集・更新の仕方に問題があったよです。

    「テキスト」を入力したあと「ビジュアル」で確認したら勝手にショートコードが<p></p>で囲まれてしまうようです。

    投稿ページ、固定ページの問題ではありませんでした。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「投稿ページでページ内ジャンプができません。固定ページではできます。」には新たに返信することはできません。