カスタムフィールドの値ごとにclassをつける方法
2014.04.22
スタッフブログ
ども、タカミチです。
今回はwordpressのカスタムフィールドについて
最近、カスタムフィールドや、カスタム投稿について
いろいろと調べました。その中の一つをご紹介
カスタムフィールドの値が「これ」だったらまた違うclassを使いたい
ってときには、こんなやり方があります。
テーマ内のfunction.phpに新しいfunction「fruitcolor_class」を
作成します。そうすることで、カスタムフィールドで一致するもの
それぞれにclassを使えるようになります。
説明する前に見たほうが早いですよね
こんな感じです。
function fruitscolor_class() {
$custom_fruitscolor = post_custom( ‘fruits’ );
if ( $custom_fruitscolor == ‘いちご’ ) {
echo ‘fca’;
} else if ( $custom_fruitscolor == ‘りんご’ ) {
echo ‘fcb’;
} else {
echo ‘no-category’;
}
}
もし、カスタムフィールド「fruits」に
「いちご」がはいっていたらclassのfcaを使う。
ってな感じです。
んで、作ったfunctionをテンプレート内で使うには
<span class=”<?php echo cate_class() ?>”><?php echo post_custom( ‘fruits’ ) ?></span>
と入力すれば、適用されます。
これで、値ごとに文字の色を変えたり、大きさを変えたりできます。