サポート » 使い方全般 » 投稿タイプごとにCSSを適用する方法がわかりません。

  • 解決済 takahashi201

    (@takahashi201)


    だれか助けてください。
    かなりの初心者です。
    投稿タイプごとにCSSを適用する方法がわかりません。
    やりたい事としてはページによってナビゲーション部分の色等のスタイルをページごとに適用したいです。
    現在、固定ページで下記を作成しています。
    【ホーム】・【お知らせ】・【商品紹介】・【お店のご案内】・【お問い合わせ】
    この固定ページに関してはbodyのIDにslugを入れてスタイルを適用しています。
    ただ、お知らせと商品紹介の中の商品の部分は今後、増えていく予定なのでカスタム投稿で作成しております。
    この投稿部分なのですが、is_pageだと記事ごとに毎回違う、IDが吐き出されてしまいどうすればいいかわかりません。
    投稿タイプと固定ページを親子関係にすればと思い調べたのですが、出来ないのか私の理解力と探し方が悪いのか解決出来ませんでした。
    誰かご教授頂けませんでしょうか?
    よろしく御願い致します。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • わたしはカスタム投稿、それ自体にスタイルを当てています。
    全体のスタイルシートが煩雑になりかねないから。

    トピック投稿者 takahashi201

    (@takahashi201)

    メッセージありがとうございます。
    single.php内ではheader.phpの読み込みはさせずにsingle.phpにcssをリンクさせているのでしょうか?
    固定ページも全て同様のやり方でされていますでしょうか?

    ん、個別ページのカスタム投稿タイプのタイプ毎に変えるのならばsingle-{slug} のようなクラスがbodyについていませんか?CSS分けるまでもなければそれでなんとか出来るはず。

    固定ページならpage page-id-{id}がありますね。

    Tsuyoshi.

    (@andante0727)

    takahashi201さん

    単純に投稿タイプのslugを取得したいのであれば以下のコードで如何でしょう。
    ※ループ外でもOKのはずです。

    <?php
    if( is_single() ) :
    $post_type_slug = get_post_type_object(get_post_type())->name; //カスタムポストタイプのスラッグ取得
    endif;
    ?>

    ですが、맹조さんの組み方の方がわたくしも安心して組めると思います。

    トピック投稿者 takahashi201

    (@takahashi201)

    mura0403さんの流用させていただいてコーディングしたところばっちりとれました!!
    ただ、맹조さんのやり方が一番スマートなんでしょうか・・
    難しいですね・・・
    맹조さんのやり方で作り直してみようと思います。
    皆さん本当にありがとうございました。

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「投稿タイプごとにCSSを適用する方法がわかりません。」には新たに返信することはできません。