特定のカテゴリーのみ日付表示する方法

Simplicityの特徴 フォーラム Simplicityについての質問 特定のカテゴリーのみ日付表示する方法

  • このトピックには7件の返信、2人の参加者があり、最後にmamemaroにより1年、 8ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #61062
      mamemaro
      ゲスト

      お世話になります。
      Simplicity2で固定ページだけ日付表示を消したり、投稿一覧の日付を消す方法は、ネットの記事をいろいろ調べてわかったのですが、特定のカテゴリーでのみ日付を表示させるにはどうしたら良いのでしょうか。たとえばブログというカテゴリーのみ日付が表示されるようにしたいのです。(できれば任意のカテゴリーを子テーマ内で随時指定できるといいのですが)
      CSSやPHPに詳しくなくて、すいませんがご教授願います。よろしくお願いします。

    • #61069
      わいひらわいひら
      キーマスター

      特定のカテゴリページでデベロッパーツールを開くとbody要素のclass属性に「categoryid-XX」のような部分があるので、これをCSSセレクタとして利用すればカテゴリごとに表示を制御出来るかと思います(XX部分はカテゴリID)。

      案内にもあるように実際のページのURLを提示していただければ、対応したコードも提示出来るかと思います。

    • #61074
      mamemaro
      ゲスト

      ご回答ありがとうございます。お返事遅くなってすいません。
      https://vit.archi/
      こちらのページになります。

      日付を非表示にしたいBLOGのカテゴリはcategoryid-7でした。
      style.CSSに以下を記載してみましたがいずれもうまくいきませんでした。

      /*指定カテゴリ以外の日付を非表示に*/
      :not(.categoryid-7).article.post-date{
      display: none;
      }

      /*指定カテゴリの日付を非表示に*/
      .categoryid-8.article.post-date{
      display: none;
      }
      たぶん書き方が全然違うんだと思いますが、、、。
      何がいけないかご教授よろしくお願いします。

    • #61077
      Akira
      ゲスト

      日付を非表示にしたいBLOGのカテゴリはcategoryid-7

      すでに categoryid-7 に属する投稿ページだけ、日付は非表示になっています。

      もう解決されたのかな。

    • #61079
      mamemaro
      ゲスト

      Akira様、ご回答ありがとうございます。

      wordpress側でキャッシュをクリアしたり、「キャッシュの消去とハードの再読込」をしてはいたのですが、いまページに戻ってみると、さっきまでの表示と異なっており、BLOGだけ日付が非表示になっていました。表示が反映されるのに時間差があるのでしょうか?

      それから
      「日付を非表示にしたいBLOGのカテゴリはcategoryid-7でした。」ではなく
      「BLOGのcategoryid-7だけ日付を表示したい」の間違いでした。すいません。
      また修正をかけて入るのですが、style.cssに記載するコードは文法的に下記で合っているのでしょうか?(すいません、まったくわからなくて、、、先程同じようになぜか反映されませんので、合っているかどうか確認できないので困っています。)

      /*指定カテゴリ以外の日付を非表示に*/
      :not(.categoryid-7).article.post-date{
      display: none;
      }

      /*指定カテゴリの日付を非表示に*/
      .categoryid-8.article.post-date{
      display: none;
      }

      ちなみに上記のコードを機能させたままの状態でAkira様がご覧になったのだと思いますが、この状態でcategoryid-7だけ、日付が消えていたということになるのでしょうか。

    • #61080
      mamemaro
      ゲスト

      ちょっと進展しました。

      /*指定カテゴリの日付を非表示に*/
      .categoryid-8 .article .post-date{
      display: none;
      }
      .の前に半角スペース入れつつ、
      :not(.categoryid-7).article.post-date{
      display: none;
      }
      を消したらうまくcategoryid-8だけ日付が消えました。
      (こんな解決方法で合っているのでしょうか。。。?)

      ただ、この方法だとブログ以外すべて指定しないといけませんので、notの使い方についてご教授いただければと思います。

    • #61081
      Akira
      ゲスト

      テスト環境に不具合が発生しているので実際に試していませんが、こんな CSS でいいはずです。

      .single-post:not(.categoryid-7) .post-date {
        display: none;
      }

      body タグには、single-post という class も付いています。

      .single-post の中にある .post-date を非表示する。でも、body タグの class に categoryid-7 もあれば非表示にしないでね、という指定の方法です。

    • #61082
      mamemaro
      ゲスト

      できました。ありがとうございます。
      本当に助かりました。感謝いたします。
      すべて手探りで死にそうでした(笑

7件の返信スレッドを表示中
  • トピック「特定のカテゴリーのみ日付表示する方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)