WordPress

ContactForm7のフォーム作成時に出るエラー「複数のフォームコントロールが単一の label 要素内に置かれている」を解消する

投稿日:

WordPressでは超有名なフォームプラグインの Contact Form 7
新しくフォームを作成するにはコードを編集する必要があります。
コード編集といっても簡単で、初心者でもそんなに困ることは無かったのですが、先日作ったフォームでエラーが解消せずに手こずったのでその解決法をメモ。

エラー:
複数のフォームコントロールが単一の label 要素内に置かれている。

フォームのコードを書き終わり、保存ボタンを押すと上記のエラーがでてきました。。。
なぜ???
解消法は公式ページに解説してくださっているのですが、しっかり読み込まなかったため手こずってしまいました(汗)

・設定エラーを解消する|複数のフォームコントロールが単一の label 要素内に置かれている。
https://contactform7.com/ja/configuration-errors/multiple-controls-in-label/

・チェックボックス、ラジオボタン、メニュー
https://contactform7.com/ja/checkboxes-radio-buttons-and-menus/

 

解消方法

以下、公式ページからの転載。
チェックボックスやラジオボタンを <label></label> で囲もうとすることでよく発生します。

(例)
<label>[checkbox your-country “China” “India” “San Marino”]</label>

そこで、<label></label>の囲みをはずして、「Checkbox、Checkbox*、Radioで利用可能なオプション」の「use_label_element」を追加しました。

(例)
[checkbox your-country use_label_element “China” “India” “San Marino”]

無事、エラーが解消されました!

本サイトの内容に誤りや不正確な記述がある場合やサンプルに基づくいかなる結果も一切の責任を負いかねますので、あらかじめご了承ください。

-WordPress

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

no image

「SyntaxHighlighter Evolved」が「TinyMCE」を使うとコード表示されない!

記事内にソースコードをそのまま表示させるには「SyntaxHighlighter Evolved」というプラグインがよく使われていますが、ビジュアルエディタを使っていると、これがうまく表示されない。 …

WP★ページごとにnoindexの設定をする

サンキューページなど、検索したときに表示しなくてもよいページに「noindex」のメタタグをつけておくと、SEOに効果的とのこと。 下のタグをheader内に入れます。 <meta name=” …

WP★flamingoでダウンロードしたCSVを文字化けさせずにExcelで開く方法

flamingoからダウンロードしたCSVファイルは、文字コードがutf-8なので、エクセルで開くと100%文字化けします。Windowsのメモ帳で文字コードを変更して上書き保存すればOKなのですが、 …

WP★サブディレクトリにインストールしたWordPressをルートディレクトリに表示する方法

WordPress のファイルってフォルダやファイルがたくさんあって、サーバー内がゴチャゴチャしてしまいます。 これらをドメイン直下のドキュメントルートディレクトリに散らかしたくない場合は、新規インス …

WP★Twenty Seventeenをカスタマイズ03 カテゴリーのページタイトルから「カテゴリー:」取るには?

カテゴリーのページタイトルに自動で出力される「カテゴリー:」を取る方法です。 カテゴリーの一覧(アーカイブ)ページは、Twenty Seventeenではarchive.phpで出力されています。 < …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。