【WordPress】「MW WP Form」でoptgroupを使う方法

こんにちは、ワタナベです！

今回は、「MW WP Form」でoptgroupを使う方法を書いていきたいと思います(*•̀ᴗ•́*)و ̑̑

普段は「Contact Form 7」を多く触っており「MW WP Form」はあまりなので、こんなこともできるのか！と驚きでした。

まずはフォームのショートコードを以下のように記述します。

[mwform_select name=”group” children=”optgroup-グループA,A-1,A-2,/optgroup-グループA,optgroup-グループB,B-1,B-2,B-3,/optgroup-グループB“]

optgroupにしたい部分を、「optgroup-●●●」「/optgroup-●●●」で囲みます。
WP上での設定はこれでOKです。

続いて、テーマに下記ファイルを作成します。

例：wp/wp-content/themes/テーマ名/mw-wp-form/form-fields/select.php

<select name=”<?php echo esc_attr( $name ); ?>”
<?php echo MWF_Functions::generate_input_attribute( ‘id’, $id ); ?>
<?php echo MWF_Functions::generate_input_attribute( ‘class’, $class ); ?>
>
<?php foreach ( $children as $option_value => $option_label ) : ?>
<?php
if ( strpos( $option_label, ‘/optgroup-‘ ) === 0 ) {
echo ‘</optgroup>’;
continue;
}
if ( strpos( $option_label, ‘optgroup-‘ ) === 0 ) {
echo ‘<optgroup label=”‘ . esc_html( substr( $option_label, strpos( $option_label, ‘-‘ ) + 1 ) ) . ‘”>’;
continue;
}
?>
<option value=”<?php echo esc_attr( $option_value ); ?>” <?php selected( $option_value, $value, true ); ?>>
<?php echo esc_html( $option_label ); ?>
</option>
<?php endforeach; ?>
</select>