ContactForm7のドロップダウンメニューをカスタマイズ！空項目の初期値を自由に変更する方法！

トップ
WEB関連
WordPress
ContactForm7のドロップダウンメニューをカスタマイズ！空項目の初期値を自由に変更する方法！

スポンサードリンク

ContactForm7のドロップダウンメニューをカスタマイズ！空項目の初期値を自由に変更する方法！

2016年07月31日 [WordPress]

WordPressのお問い合わせページを構築するプラグイン「Contact Form 7」。

このプラグインの機能でドロップダウンメニューを登録できますよね。

Contact Form 7を使っている人なら、たぶん利用していると思いますが。

セレクトボックスの選択値を簡単にセットして、
画面上に出力することができ、大変便利なものですが、設定項目に「先頭に空の項目を挿入しますか?」というものがあります。

ドロップダウンメニューの初期値を変更する方法

通常Contact Form7ではドロップダウンメニューで初期値に「空の項目」を含める場合、
選択項目の名称が「—」と表記されてしまいます。

この項目名を変更したくても、プラグインの設定画面では制御できないのです。

恐らくContact Form7を使っていると気付くと思います。

私もこの選択項目の名称を変えたいと思っていました。

やり方は非常にシンプルです。

まずは「/wp-content/plugins/contact-form-7/modules/select.php」をテキストエディタなどで開きます。

72行目あたりの

array_unshift( $labels, '---' );

1	array_unshift( $labels, '---' );

と記述されている箇所を

array_unshift( $labels, '選択して下さい' );

1	array_unshift( $labels, '選択して下さい' );

に書き換えましょう。

すると、セレクトボックスの初期値が「選択して下さい」の文字列に置き換わります。

お問い合わせページで表示させたいお好みの文字列に変更するだけで簡単に変更することができます。

セレクトボックスの空文字の初期値を複数分岐させる方法

初期値の設定を少しだけ応用させてみます。

39行目付近のソースに以下の1行を追加して下さい。

$multiple = $tag->has_option( 'multiple' );
$include_blank = $tag->has_option( 'include_blank' );
$first_as_label = $tag->has_option( 'first_as_label' );
$default_label = $tag->get_option( 'default_label', '', true );

$multiple = $tag->has_option( 'multiple' );

$include_blank = $tag->has_option( 'include_blank' );

$first_as_label = $tag->has_option( 'first_as_label' );

$default_label = $tag->get_option( 'default_label', '', true );

色付けされた箇所です。

さらに、冒頭で「選択して下さい」というラベルに変更した箇所を以下のようにします。

switch($default_label) {
  case '1':
    $default_label = 'お好きなものをお選び下さい';
    break;
  case '2':
    $default_label = '選択して下さい';
    break;
  default:
    $default_label = '---';
    break;
}

array_unshift( $labels, $default_label );