別ページの特定部分へのリンクがずれる

0
いいねをした人: 居ません
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • 投稿者
    投稿
  • #92946
    damaya11
    参加者
    22

    【お使いの Snow Monkey のバージョン】15.16.0
    【お使いの Snow Monkey Blocks のバージョン】13.4.0
    【お使いの Snow Monkey Editor のバージョン】6.2.1
    【お使いのブラウザ】Microsoft Edge
    【当該サイトのURL】

    ### 実現したいこと

    ・ヘッダーレイアウト→2行
    ・PC用ヘッダー位置→上部固定

    上記設定時の別ページの特定部分へのリンクがずれる現象を解消したい

     

    ### 発生している問題

    例えば、Aページ内の見出し数カ所にそれぞれ、高度な設定-HTML アンカーを設定しています。
    Bページ(別ページ)で設置したボタンブロックに、Aページ内で設定した見出しのHTML アンカーにリンクしたく、下記ページを参考に設定しました。

    ※リンクは下記ページを参考にしました。

    リンク自体は、うまく動作していますが、下記の設定で、リンクがずれるようです。

    設定1
    ・ヘッダーレイアウト→2行
    ・PC用ヘッダー位置→上部固定

    HTMLアンカーを設定している見出しが固定されたヘッダーに隠れ、ずれる?

    設定2
    ・ヘッダーレイアウト→2行
    ・PC用ヘッダー位置→ノーマル

    HTMLアンカーを設定している見出しでヘッダーに隠れることなくピタッと表示される

     

    ### 試したこと

    現状、どう対処したらいいのか???
    わかっていません。

     

    何か解決方法がありましたらよろしくお願いいたします。

    0
    いいねをした人: 居ません
    #92998
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey のスムーススクロール機能を使うと、ヘッダーの高さを考慮してスクロールしてくれます。試してみてください!

    0
    いいねをした人: 居ません
    #93066
    damaya11
    参加者
    22

    キタジマ タカシ さん、ご返事ありがとうございます。

    試してみましたが、リンクの動きに変化はありませんでした。

    ちなみに、ご参照サイトは、ページ内リンクとありますが、私の場合は、別ページへの特定箇所(H2見出し)へのリンクを行いたいと思っています。

    設定していますリンクボタンは下記になっています。

    <div class=”wp-block-snow-monkey-blocks-buttons smb-buttons”>
    <div class=”wp-block-snow-monkey-blocks-btn smb-btn-wrapper smb-btn-wrapper–full u-smooth-scroll”><span class=”smb-btn__label”>販売商品の詳細をみる</span></div>
    </div>

    よろしくおねがいします。

    0
    いいねをした人: 居ません
    #93097
    アバター画像キタジマ タカシ
    参加者
    2421

    Snow Monkey は別ページのアンカーリンクへ移動したとき、ヘッダーが非表示 + アンカー部分がページ最上部に位置した状態でページが開かれるようになっています。そしてスクロールするとヘッダーがふわっと表示されます。ヘッダーの下に隠れるということなので、何らかの理由でヘッダーが非表示になっていないのかもしれません。原因は実際のページを見てみないとなんともなのですが、ページの URL を共有してもらうことはできますか?

    0
    いいねをした人: 居ません
    #93102
    damaya11
    参加者
    22

    キタジマ タカシ さん、お忙しい中、ありがとうございます。

    現在の状況ですと、カスタマイズ→デザイン→ヘッダー で設定できるPC 用ヘッダー位置設定で、下記のような状態です。

    ■上部固定、オーバーレイ(上部固定)、オーバーレイ(上部固定/スクロール) → ずれる
    ■オーバーレイ、ノーマル → ずれない

    よって、

    > ヘッダーが非表示 + アンカー部分がページ最上部に位置した状態でページが開かれるようになっています。

    ・・ということになりますと、上部固定、オーバーレイ(上部固定)、オーバーレイ(上部固定/スクロール)は、ヘッダーが固定タイプですので、ヘッダーが非表示になることはなく、Snow Monkey のアンカーリンクの規格に該当しないので、そもそもが「ずれる」ということになるでしょうか。

    すみません。
    該当のホームページは、まだ、製作中のサイトでパスワード制限(Snow Monkeyを教えてもらった友達にアドバイスをもらって)をかけていますので、現時点では、こちらに記載することができません。

    0
    いいねをした人: 居ません
    #93103
    damaya11
    参加者
    22

    素人考えですみません。

    ヘッダー固定のときだけ、ずれるので、ヘッダーの高さ分だけ、ずらすということはできないでしょうか。

    0
    いいねをした人: 居ません
    #93105
    damaya11
    参加者
    22

    すみません。

    導入していましたプラグインをすべて外し、ためしてみましたら、うまく動作しました。

    お騒がせしましてすみません。

    これで、解決済みとさせていただければと思います。

    1
    いいねをした人:
    #93157
    damaya11
    参加者
    22

    すみません。
    スレッドは閉じたのですが、別途、プラグインの他に原因がわかりましたのでご報告させていただきました。
    当初、プラグインが原因かと判断していましたが、直接的な原因だと思われるのは、管理者ログインしているか、していないかで挙動が違いました。

    ■上部固定、オーバーレイ(上部固定)、オーバーレイ(上部固定/スクロール) → ずれる
    ■オーバーレイ、ノーマル → ずれない

    上記がどうしても気になり試行錯誤していたのですが、プラグインは導入したまま、管理者ログインしている状態ですと、ずれます。

    管理者ログインせずに、そのままサイトにアクセスした状態だと、ずれません・・というか、ヘッダなどが一時消えた状態でスクロールすると表示されます。

    作成中は、管理者ログインしたままサイトを見ている場合が多いのですが、管理者用の上部の黒いバーが何か影響しているのか・・とも思いましたが、ご連絡させていただきました。

    私だけの環境の問題かもしれませんが、ご報告させていただければと思います。

    0
    いいねをした人: 居ません
    #93230
    アバター画像キタジマ タカシ
    参加者
    2421

    僕はログインした状態でテストしましたが特に問題は確認できなかったので、やはり実際のページを見てみないとはっきりした原因はわからないかなというところです。

    プラグインをすべて外して確認されたのであれば、コードによるカスタマイズ(JS の追加や CSS の追加)の影響という可能性はあるかなと思います。もしくは、Snow Monkey の特定の設定の組み合わせで発生するバグという可能性もあるかもしれません…。

    0
    いいねをした人: 居ません
9件の投稿を表示中 - 1 - 9件目 (全9件中)
  • トピック「別ページの特定部分へのリンクがずれる」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。