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

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

このトピックには7件の返信が含まれ、2人の参加者がいます。2 週間前 mamemaro さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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

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

トピック「特定のカテゴリーのみ日付表示する方法」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)