スタッフのつぶやき

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

  • このエントリーをはてなブックマークに追加
【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>

これで完了です!\(^o^)/

もし「MW WP Form」でoptgroupを使うことがあったら是非お試しあれ。

▼THANKS!

 

それではまた次回。

ご閲覧ありがとうございました♪

  • このエントリーをはてなブックマークに追加

【Webデザイナー募集!】D-Gripで一緒に働きませんか?

ただいま株式会社D-Gripシステムでは、制作部として一緒に働いてくれるWebデザイナーさんを募集しています。

実務経験がある方はもちろん、専門学校や独学で勉強された未経験の方でも歓迎です!
800サイト以上の運営実績のある会社で、プロのWEBデザイナーへの道を着実に歩んでいきませんか?

お問い合わせはコチラから↓
採用サイトへ

お電話はコチラから↓
TEL:03-5363-2191

採用サイトへ