【Smart Custom Fields】ラジオボタンで条件分岐をする方法

  • Smart Custom Fieldsの『ラジオボタン』で条件分岐する方法が分からないな…

このような疑問にお答えします!

【Smart Custom Fields】ラジオボタンで条件分岐をする方法

Smart Custom Fieldsの『ラジオボタン』で条件分岐する手順は下記のとおり。

  • 手順①:Smart Custom Fieldsの設定画面で『ラジオボタン』を選択する
  • 手順②:条件分岐用のコードを記述する

 

順番に解説しますね!

手順①:Smart Custom Fieldsの設定画面で『ラジオボタン』を選択する

Smart Custom Fieldsの設定画面で、『タイプ』より『ラジオボタン』を選択します。

『ラベル』や『名前』は、任意の名前を入力してください。

『選択肢』の箇所ですが、今回は『キー』と『値』を分ける必要があるため、上記のように設定しております。

 

固定ページ(投稿ページ)の編集画面のイメージは下記のとおり。

手順②:条件分岐用のコードを記述する

Smart Custom Fieldsの『ラジオボタン』で条件分岐するためのコードは下記のとおり。

<?php $key = SCF::get('名前'); ?>
<?php if($key == '1つ目キー'): ?>
  <!-- 1つ目の値を選択した場合に表示したい内容 -->
<?php elseif($key == '2つ目キー'): ?>
  <!-- 2つ目の値を選択した場合に表示したい内容 -->
<?php elseif($key == '3つ目キー'): ?>
  <!-- 3つ目の値を選択した場合に表示したい内容 -->
<?php else: ?>
  <!-- どの値も選択していない場合に表示したい内容 -->
<?php endif; ?>

シンプルに『if文』を使用して条件分岐をしていますので、細かい説明は不要かと思います。

 

今回のデモに置き換えた場合は下記のとおり。

<?php $key = SCF::get('radio'); ?>
<?php if($key == 'a'): ?>
  <!-- 選択肢Aを選択した場合に表示したい内容 -->
<?php elseif($key == 'b'): ?>
  <!-- 選択肢Bを選択した場合に表示したい内容 -->
<?php elseif($key == 'c'): ?>
  <!-- 選択肢Cを選択した場合に表示したい内容 -->
<?php elseif($key == 'd'): ?>
  <!-- 選択肢Dを選択した場合に表示したい内容 -->
<?php else: ?>
  <!-- なにも選択していない場合に表示したい内容 -->
<?php endif; ?>

SNSでもご購読できます。

コメントを残す

前の記事

次の記事