【cocoon】特定のカテゴリだけデザインを変えたいとき

特定のカテゴリだけレイアウトを変えたいのでこのページ限定のclassが欲しいとき

cocoonでは<body>にカテゴリIDのclassが付くようになっていて自由にデザインを変えることができました

特定のカテゴリ内に属する記事のクラス

.categoryid-〇〇(カテゴリID)

カテゴリIDは管理画面のカテゴリーのところで該当のカテゴリにカーソルを重ね、リンクアドレスの中にある数字を見ればOK

このbodyへのclass追加は多くのテーマに予め設定されているようなので テーマを使う場合はとても助かります
オリジナルテーマのときはfunction.phpに下記のようなコード追加が必要です

function add_category_id_classes_to_body_classes($classes) {
  global $post;
  if ( is_single() ) {
    foreach((get_the_category($post->ID)) as $category)
      $classes[] = 'categoryid-'.$category->cat_ID;
  }
  return $classes;
}
add_filter('body_class', 'add_category_id_classes_to_body_classes');

こちらよりm(_ _)m

WordPressで条件分岐:カテゴリー別にデザインを変える3つの方法
Wordpressで「カテゴリーごとに条件分岐で記事のデザインを変える」方法を総まとめしました。別のCSSファイルを読み込む方法や、別のテンプレートを使用する方法などまで徹底解説します。

コメント