質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

0回答

661閲覧

ContactForm7 必須項目を任意項目にしたい

Surofuture

総合スコア49

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2021/04/28 06:47

編集2021/04/28 06:51

WordPressでContactForm7プラグインを使用して、お問い合わせフォームを作っています。
こちらの記事を参考にしました。

■質問
以下のものを必須項目にして、その他は任意項目にしたいですが、うまくできないので教えて欲しい
・「ラジオボタン」
・「名前」
・「参加者代表」の「氏名」
・「連絡先」の「TEL」
・「メールアドレス」

■状況
「追加情報2」と「お問い合わせ内容」の項目のみ、任意項目になっている状況で、それ以外は必須項目になってしまいます。(フォームを送信しようとしても「必須項目に入力してください」と出る)

■試したこと
この記事を参考にラベル箇所のpタグの”is-required“のクラスを付けたり外したりしてみたが、うまくいかない
・必須にしたい項目にをつけて、任意にしたい項目のを消したがうまくいかない

■コード
長くて申し訳ないですが、ContactForm7のコード↓(テキストは変えてあります)

html

1<div class="form__wrap template02"> 2<div class="form__row row-radio"> 3 <p class="form__label is-required"><label>ラジオボタン</label></p> 4 <p class="form__body">[radio radio id:radio use_label_element "選択肢1" "選択肢2"]</p> 5</div> 6<div class="form__row row-name"> 7 <p class="form__label is-required"><label for="your-name">名前</label></p> 8 <p class="form__body">[text* your-name id:your-name placeholder "名前"]</p> 9</div> 10<div class="form__row row-name"> 11 <p class="form__label"><label for="your-name">会社名</label></p> 12 <p class="form__body">[text your-name id:your-name placeholder "会社名"]</p> 13</div> 14<div class="form__row row-name"> 15 <p class="form__label is-required"><label for="your-name">参加者代表</label></p> 16<div class="form__bodys"> 17 <p class="form__body">[text your-name id:your-name placeholder "役職"]</p> 18 <p class="form__body">[text your-name id:your-name placeholder "氏名"]</p> 19</div> 20</div> 21<div class="form__row row-tel"> 22 <p class="form__label is-required"><label for="tel">連絡先</label></p> 23<div class="form__bodys"> 24 <p class="form__body">[tel* tel id:tel placeholder "TEL"]</p> 25 <p class="form__body">[tel* tel id:tel placeholder "FAX"]</p> 26</div> 27</div> 28<div class="form__row row-email"> 29 <p class="form__label is-required"><label for="email">メールアドレス</label></p> 30<div class="form__bodys"> 31 <p class="form__body">[email* email id:email placeholder "メールアドレス"]</p> 32 <p class="form__ttl">▼確認のため、再度メールアドレスの入力をお願いします。</p> 33 <p class="form__body">[email* email id:email placeholder "確認メールアドレス"]</p> 34</div> 35</div> 36<p class="form__ttl">▶追加情報1</p> 37<div class="form__row row-radio"> 38 <p class="form__label"><label>追加情報1</label></p> 39 <p class="form__body">[radio radio id:radio use_label_element "選択肢1" "選択肢2" "選択肢3"]</p> 40</div> 41<p class="form__ttl">▶追加情報2</p> 42<div class="form__row row-checkbox"> 43 <p class="form__label"><label>追加情報2</label></p> 44 <p class="form__body">[checkbox checkbox id:checkbox use_label_element "選択肢1" "選択肢2" "選択肢3" "選択肢4" "選択肢5" "選択肢6" "選択肢7" "選択肢8"]</p> 45</div> 46<p class="form__ttl">▶ご質問、ご要望があれば記載してください。</p> 47<div class="form__row row-message"> 48 <p class="form__label"><label for="message">お問い合わせ内容</label></p> 49 <p class="form__body">[textarea message id:message placeholder "お問い合わせ内容"]</p> 50</div> 51<p>※受付完了後、事務局より「受付完了」のご連絡と共に、アクセスURLをメールにてお送りいたします。</p> 52<div class="form__row row-submit"> 53 <div class="submit-btn">[submit id:submit "▶入力内容の確認画面へ"]<div class="submit-bg"></div></div> 54</div> 55</div>

cssについては、文字制限で入れられなかったので、こちらの記事のテンプレート2のcssを参照してください。ほとんど同じです。(色やテキストサイズを少し変更しただけ)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

CHERRY

2021/04/28 07:49 編集

うまくいかないでは、状況が分かりません。 具体的に起きている事を記載していただけないでしょうか。
satokei

2021/04/28 10:46

とりあえず「your-name」や「tel」など、入力項目の名前や id が重複しています。 まずは期待通りに送信できることを確認してみたらいかがでしょうか?
dit.

2021/04/30 07:35

参考にするべきは公式の使い方です。 https://contactform7.com/ja/docs/ 必須項目にするには[*]が必要ですが、satokeiさんが指摘されているようにidが重複していたりするのでそのあたりの見直しが必要かと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問