カスタムフィールドの値ごとにclassをつける方法

14/04/22

投稿者:takamichi

ども、タカミチです。

今回は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>

と入力すれば、適用されます。

これで、値ごとに文字の色を変えたり、大きさを変えたりできます。




pページの先頭へ