CODE STUDY SYSTEM WEBSITE Edit : 2019.08.13 Update : 2023.03.27

WordPressのカテゴリごとに画像や文章を設定する-カスタムフィールド編

以前、カテゴリごとの設定を入れたい場合に便利なプラグイン「Rich Text Tags」をこちらの記事で紹介しましたが、今回はwordpressでおなじみAdvanced Custom Fieldsを使ってのやり方をまとめます。
今回は、下記のような仕様を考えてます。

—
・カテゴリ編集欄に「status」という枠を設ける
・ラジオボタンで「on」「off」選択可能に
・offが選ばれたカテゴリはcssで非表示にする
—

Contents

Advanced Custom Fieldsダウンロード
フィールド追加
カテゴリ編集
ソースの編集

Advanced Custom Fieldsダウンロード

Wordpressを使う時の必須プラグインといっても過言でないですね。

フィールド追加

各項目に記入していきます。ポイントは、「位置」欄の「このフィールドグループを表示する条件」で「タクソノミー」を選択することです。

カテゴリ編集

カテゴリ新規追加・編集欄に、先ほど追加した項目が表示されていることを確認しました。

ソースの編集

カテゴリ一覧を表示しているファイルにコードを追記します。
今回は、子カテゴリ表示のループの中で、選択した値をclassとして付与するようにします。

$catChildren = get_categories( $catargs );
if($catChildren){ //子カテゴリーがある場合、子カテゴリーを表示する
  echo '<ul>';
  foreach($catChildren as $catChild){
     $cat_class = get_field('cate_status', 'category_'.$catChild->term_id); //カスタムフィールドの値取得
     //var_dump($cat_class);
    echo '<a href="'. get_category_link($catChild->term_id). '"><li class="'.$cat_class.'">'. $catChild -> name. '</li></a>'; 
  }
  echo '</ul>';
}