[ 質問者返信待ち ] 投稿ページのタイトル非表示について

VWSとは フォーラム Lightning [ 質問者返信待ち ] 投稿ページのタイトル非表示について

[ 質問者返信待ち ] 投稿ページのタイトル非表示について

  • このトピックには5件の返信、2人の参加者があり、最後にY.INABAにより23分前に更新されました。
6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • 投稿者
    投稿
  • #117851

    pepepe
    参加者

    ■ WordPress のバージョン
    WordPress 6.9.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning Pro

    ■ テーマのバージョン
    8.24.0

    ■ スキンの種類
    Origin II

    ■ 期待する動作
    施工事例(works)投稿ページ/イベント(event)投稿ページの上部にタイトルが表示されるようになってしまった。

    すべての画面サイズでタイトル部分が表示されないようにしたい。
    また今後もページが増えていくカテゴリーのため、個別ページCSSではなく、外観>カスタマイズ>追加CSSで一括非表示ができれば希望

    ■ 自分で試した事
    以前こちらのフォーラムでご教授いただき、非表示になっていたのですが、色々触っていたら同じようにしてもタイトルが表示されてしまいます。

    カスタム投稿タイプで作成したため、ヘッダー非表示のボタン等はありません。

    ①外観>カスタマイズ>追加CSSに以下を記載
    /*WORKSのタイトルを非表示*/
    .works h1.entry-title{
    display:none;
    }

    /*eventのタイトルを非表示*/
    .single-event h1.entry-title{
    display:none;
    }
    →どちらもパソコン・モバイルともにタイトル表示が出る

    ②外観>カスタマイズ>追加CSSに以下を記載
    /*EVENTのタイトルをPC以外非表示*/
    .event .entry-meta_items {
    display: none;
    }

    /*WORKSのタイトルをPC以外非表示*/
    .works .entry-meta_items {
    display: none;
    }
    →モバイルではタイトルが出ないが、パソコンではタイトルが出る

    確認方法を調べ.entry-headerに変更したりもしましたが当方の知識では変化がありませんでした。

    ■ 症状が発生するブラウザ
    クローム

    ■ 実際の症状
    タイトルが出てしまう。
    ご教授いただけますと幸いです。

    Attachments:
    You must be logged in to view attached files.

    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #117854

    Y.INABA
    参加者

    pepepe 様

    ソースを確認する限り、以下で問題ないかと思います。

    /*WORKS、EVENTのタイトル・メタ情報を非表示*/
    article.works div.entry-meta,
    article.event div.entry-meta {
     display:none;
    }

    ※もし効き目がなかったら display:none !important; に変更をお願いします。
    ※確認する際は、CSS変更後にキャッシュを一度クリアしてからご確認いただく・もしくはスーパーリロードにてご確認いただくことをおすすめします。

    ——

    モバイルではタイトルが出ないが、パソコンではタイトルが出る

    ソースをよく見れば分かりますが、以下のコードは投稿日・最終更新日等のメタ情報のみを非表示化するものです。
    タイトルには.entry-meta_itemsのクラスが指定されていませんので、当然有効ではありません。

    /*EVENTのタイトルをPC以外非表示*/
    .event .entry-meta_items {
    display: none;
    }
    
    /*WORKSのタイトルをPC以外非表示*/
    .works .entry-meta_items {
    display: none;
    }
    #117857

    pepepe
    参加者

    早速ありがとうございます。

    外観>カスタマイズ>追加CSSにご教授いただいた内容を入れましたが反映せず、display:none !important;にしても非表示になりませんでした。
    キャッシュクリアやシークレットモードでの確認もしましたが…モバイルもPCもタイトルが表示されている状態です。

    Attachments:
    You must be logged in to view attached files.
    #117860

    Y.INABA
    参加者

    pepepe 様

    ご対応ありがとうございます。

    非表示が反映されていないとのことですが、少なくともこちらからだと問題なく反映されておりますね。
    拡張機能が邪魔しているとか、pepepe様環境が原因の可能性が考えられるかと思います。

    試しに、拡張機能を全てオフにしていただくか、もしくは全く違うブラウザや普段とは異なる環境からアクセスしてみてはいかがでしょうか?

    Attachments:
    You must be logged in to view attached files.
    #117863

    pepepe
    参加者

    ありがとうございます。
    再度windowsもmacもスーパーリロードを行い確認しましたが、非表示になりません。

    1点変気づいた点としては
    PC→タイトルの上の日付・更新日・カテゴリー+タイトルの両方が表示される
    モバイル→タイトルのみ表示されて上の日付・更新日・カテゴリーは非表示になる

    と反映しておりました。

    拡張機能をすべてオフにする、というのはプラグインをすべて無効化にするということでしょうか?
    度々の質問になり申し訳ありません。

    #117864

    Y.INABA
    参加者

    pepepe様

    確認しました。
    結論、コードを挿入する場所が明らかに間違っています。

    media (max-width: 991.98px){
    body, html {
        font-size: 15px;
    	  letter-spacing: 1px;
    }
    
    	/*【非反映】WORKS、EVENTのタイトル・メタ情報を非表示*/
    article.works div.entry-meta,
    article.event div.entry-meta {
     display:none !important;
    } 

    これだとタブレット環境以下のみの条件として処理されることになるため、PC環境で表示されても文句は言えません。

    ※おそらく冒頭のご質問の事象も同じ事が要因ではないでしょうか?
    ※細かくは確認していませんが、全体を通して{}括弧の閉じ忘れの可能性もございます。念のためご確認ください。

    body, html {
        font-size: 20px;
    }

    冒頭のこの下に記載いただくようお願いします。

    ※こちらに限らずですが、CSSがどういった箇所に記載されているかは非常に重要です。

    拡張機能をすべてオフにする、というのはプラグインをすべて無効化にするということでしょうか?

    拡張機能というのは通常ブラウザの拡張機能を指します。
    たまにではありますが、ブラウザの拡張機能が要因で誤作動が起こることがあります。

6件の投稿を表示中 - 1 - 6件目 (全6件中)
  • このトピックに返信するにはログインが必要です。