要件に応じてコンタクトフォームプラグインをカスタマイズする方法

Question

私はワードプレスを初めて使用しています。私はコンタクトページを開発したワードプレステーマ（ウェブサイト開発用）を作成しました。連絡先ページでは、私はあることのようになります。お問い合わせフォームを追加したい：私はCform2プラグインとコンタクトフォーム7プラグインを使用することによって、この目標を達成することを試みたが、私は自分の目標を達成するために失敗しました

Contact Form Image

。

お問い合わせフォームのプラグインをカスタマイズする方法をお手伝いしてください。どのファイルを変更する必要がありますか、現在私はcform2を持っています、私のWordPressに7のプラグインに連絡してください。

Answer 1

まず、連絡先ページに独自のHTMLとCSSを作成する必要があります。連絡先フォーム7を使用して、入力フォームの入力フィールドと入力クラスを入力フィールドに置き換え、htmlで使用したようにクラスを配置します。 [text* name class:your_class] このようにすれば、必要な回答を得ることができます。

Answer 2

これは私の連絡先フォームの私のHTML構造です。

 <div class="row"> 
      <div class="col-xs-12 col-md-6 form-group contact-group"> 
      <span>Name</span> 
      [text* your-name class:form-control] 
      </div> 
      <div class="col-xs-12 col-md-6 form-group contact-group"> 
      <span>Email</span> 
      [email* your-email class:form-control] 
      </div> 
      <div class="col-xs-12 col-md-12 form-group message-cont"> 
      <span>Message</span> 
      [textarea your-message class:form-control] 
      </div> 
      <div class="col-xs-12 col-md-12"> 
      [submit class:submit-btn "Submit"] 
      </div> 
     </div> 

必要に応じてdiv構造とクラスを変更することができます。また、必要に応じてcssを追加する必要があります。

Answer 3

はい、コンタクトフォーム7のHTMLが表示されているコンタクトフォーム7を使用できます。独自のIDとクラスを使用でき、独自のスタイルシートでCSSを変更できます。