Blog

HOME > Web > Wordpress > カスタムフィールド > 【WordPress】ACFのチェックボックス（ラジオボタン）を表示

【WordPress】ACFのチェックボックス（ラジオボタン）を表示

2016/06/01

カスタムフィールド カスタム投稿

備忘録です。

参考サイト
Advanced Custom Fieldsによるカスタムフィールドの出力 [チェックボックス・ラジオボタン編]

カスタムフィールドでtestのチェック項目を作成します。
フィールド名は「test」にします。
選択肢は「red : 赤」「blue : 青」にします。

選択した値をカンマ区切りで出力する方法
<p>TEST: <?php the_field('test'); ?></p>
複数選択した値を全て出力する方法
<?php
$colors = get_field('test');
if ($tests): 
?>
<ul>
    <?php
    foreach ($tests as $test) : ?>
        <li><?php echo $test; ?></li>
    <?php endforeach; ?>
</ul>
<?php endif; ?>
選択された値と表示名（ラベル）を全て表示する方法

get_field_objectを使用

<?php
$field = get_field_object('test');
$tests = $field['value'];
if( $tests ): 
?>
 
<ul>
    <?php foreach( $tests as $test ): ?>
    <li><?php echo $field['choices'][ $test ]; ?></li>
    <?php endforeach; ?>
</ul>
<?php endif; ?>

get_fieldを使用

<?php
$tests = get_field('test');
if( $tests ): 
?>
 
<ul>
    <?php foreach( $tests as $test ): ?>
    <li><span class="test-<?php echo $test['value']; ?>"><?php echo $test['label']; ?></span></li>
    <?php endforeach; ?>
</ul>
<?php endif; ?>
選択の有無で条件分岐する方法
$checked = get_field('field_name');
if($checked){ //もし項目を選択したら
     //選択した時の処理
}else[
     //選択していない時の処理
}
 
//逆の場合は...
 
if( !$checked ){ //もし項目を選択していなかったら
    //選択していない時の処理
}else{
    //選択した時の処理
}
選択された項目に対して処理を行いたい場合
<?php
$tests = get_field('test');
if( $tests && in_array('red', $tests ) ) { //もし赤が選択されていたら
    echo '<img src="画像URL" />'; //赤のアイコンを表示する
}
?>
ラジオボタンで条件分岐させる
<?php
$test = get_field('test');
if ($test == 'red'){
    echo '赤色を選択しました';
} elseif ($test == 'blue'){
    echo '青色を選択しました';
}elseif ($test == 'yellow'){
    echo '黄色を選択しました';
}elseif ($test == false){
    echo '選択していません';
}else{
    echo '他の色'; //もし上記以外の色があった場合など
}
?>

いろいろと応用できそうです。

カテゴリー

月間アーカイブ

«前の記事

一覧に戻る

次の記事»

最近の投稿

人気の記事

MORE

ミュージシャンズ・プラザ

神社仏閣ホームーページ制作

ホームページ制作問合せ