アトリエロワ

Advanced Custom Fieldsのチェックボックス・ラジオボタンの結果にクラス名を付ける

カスタムフィールド

カスタムフィールドの「フィールドタイプ」をチェックボックスまたはラジオボタンにして
選択肢を

kn1 : 1級
kn2 : 2級

にする

チェックボックスの場合　テンプレート

<?php
$field = get_field_object( '●フィールドの名前●' );
$values = $field['value'];
if( $values ) {
	foreach( $values as $value ) {
		echo '<span class="'.$value.'">'.$field['choices'][ $value ].'</span>';
	}
}
?>

チェックボックスの結果

<span class="kn1">1級</span>
<span class="kn2">2級</span>

ラジオボタンの場合　テンプレート

<?php
$field = get_field_object('●フィールドの名前●');
$value = $field['value'];
$label = $field['choices'][ $value ];
?>
<span class="<?php echo esc_attr($value); ?>">
<?php echo esc_html($label); ?></span>

ラジオボタンの結果

1級を選んだ場合

<span class="kn1">1級</span>

ラジオボタンで選んだ内容によって表示を変える

<?php $●フィールドの名前● = get_post_meta($post->ID,"○○○○",true); ?>
<?php if ($●フィールドの名前● == '●●●●') : ?>

<?php elseif ($●フィールドの名前● == '▼▼▼▼') : ?>

<?php else:?>

<?php endif; ?>

HOME > wordpress設計術 > Advanced Custom Fieldsのチェックボックス・ラジオボタンの結果にクラス名を付ける

wordpress設計術

wordpress設計術

+ More