サポート » 使い方全般 » 親ページ設定時の子ページのパンくずリスト非表示

  • oszsan

    (@oszsan)


    固定ページの親ページを設定時のパンくずリストの非表示CSS指定について
    
    下記の環境下で、特定のページのみCSSでパンくずリストの非表示を指定したところ、反映されないページがでました。
    
    どなたか解決策をご存じないでしょうか。
    
    
    
    ・固定ページ
    
    ・親ページ、子ページを設定
    
    ・子ページのパーマリンクは親ページのスラッグが入ったもの、入っていないもの、両方が存在していてどちらも閲覧が出来てしまう。
    
    ・試したパンくずリストのプラグイン
    【Yoast-SEO】
    【Breadcrumb NavXT】
    どちらも同じ症状
    
     
    
    ①子ページに対してCSS でパンくずリストを非表示に指定。
    
    
    ②パーマリンクに親ページのスラッグが入っているページは非表示が成功。
    例: ●●●.com/親のスラッグ/子のスラッグ
    
    
    ③パーマリンクに親ページのスラッグが入っていないページが非表示にならない。
    例: ●●●.com/子のスラッグ
    
    
    ④試したページIDの記述
    .page-id-■■■■■
    .post-■■■■■
    #post-■■■■■
    全て試しましたが、反応しません。
    
    
    ⑤非表示が成功しているページは以下のコードです。
    
    .page-id-●●● .breadcrumb {
    display: none!important;
    }
    
    
    
    よろしくお願いします。
5件の返信を表示中 - 1 - 5件目 (全5件中)
  • shokun0803

    (@shokun0803)

    @oszsan さん、こんにちは。

    まずコードですべて本文を記載するのは非常に読みずらいのでやめましょう。普通に段落ブロックを使用してください。読みずらい内容ですと回答が付きずらくなる可能性もあります。

    内容に関しては単純に CSS の問題かと思いますが、使用しているテーマ、パンくずを表示しているプラグイン等によって生成されるコードが違いますので、まずはブラウザのデベロッパーツールでパンくずのコードを確認して CSS を設定してみてください。

    なおpage-id-●●●はページごとに WordPress が振っている ID ですので、当然ページごとに変わってしまいます。この指定をするという事は特定のページのみに CSS を適用したい場合となりますので、複数のページで該当の CSS を適用したい場合は ID ごとに記述を行う必要があります。

    ご参考になれば。

    トピック投稿者 oszsan

    (@oszsan)

    @shokun0803 さん

    >まずコードですべて本文を記載するのは非常に読みずらいのでやめましょう。

    あえてコードを選んでいた訳ではないのですが、その様になってしまっていた様です。

    >使用しているテーマ、パンくずを表示しているプラグイン等によって生成されるコードが違いますので、

    各プラグインのコードは調べてそれぞれで記述しましたが無理でした。

    >なおpage-id-●●●はページごとに WordPress が振っている ID ですので、当然ページごとに変わってしまいます。

    親ページを設定した子ページは、パーマリンクに親ページスラッグが付いてる物も、付いてない物も同じページIDです。それゆえ今回の症状が出てます。

    それとも、@shokun0803 さんの環境では、パーマリンクに親ページのスラッグが付いてる子ページ、付いてない子ページで、別のIDが振られてるのでしょうか?

    shokun0803

    (@shokun0803)

    oszsan さん、こんにちは。

    最初から説明している通り、単純な CSS の問題ですので WordPress 特有の問題ではなく CSS の書き方の問題です。コードが見れない限り具体的な説明を行うことができませんので、ご自身でデベロッパーツールで該当箇所の class や id がどのようになっているのかご確認ください。

    該当箇所に CSS が適用されているのか、適用されていないのか、もしくは適用されているが他の CSS が打ち消しているのか等はデベロッパーツールで確認できます。使用方法は検索等で調べてみてください。

    ご参考になれば。

    arborvitae666

    (@arborvitae666)

    こんばんは。

    >・子ページのパーマリンクは親ページのスラッグが入ったもの、入っていないもの、両方が存在していてどちらも閲覧が出来てしまう。

    とのことですが、通常このような状態にはならないと思いますので、この辺に原因があるのではないでしょうか?

    なにかパーマリンク関連のプラグインを導入されているようであれば、無効化してから意図した動作になるか確認されてはいかがでしょうか?

    トピック投稿者 oszsan

    (@oszsan)

    @arborvitae666 さん、

    こんにちは、

    >>>・子ページのパーマリンクは親ページのスラッグが入ったもの、入っていないもの、両方が存在していてどちらも閲覧が出来てしまう。
    >とのことですが、通常このような状態にはならないと思いますので、この辺に原因があるのではないでしょうか?
    >>>

    解決方法はわからないようですが、海外の掲示板同じ現象の解決方法を探している内容がありました。こちらもまだ解決していませんので調査中です。

    >>>なにかパーマリンク関連のプラグインを導入されているようであれば、無効化してから意図した動作になるか確認されてはいかがでしょうか?>>>

    パーマリンク関連のプラグインは導入しておらず、導入済みプラグインを外してのチェックもしていますが、変化なしでした。
    様子を見ようと思います。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「親ページ設定時の子ページのパンくずリスト非表示」には新たに返信することはできません。