如何根据需要自定义联系表单插件

Question

我是 wordpress 新手。我创建了一个 wordpress 主题（用于网站开发），并在其中开发了一个联系页面。在联系页面中，我想添加应该如下所示的联系表格：

我试图通过使用 Cform2 插件和 contact form 7 插件来实现这个目标，但我未能实现我的目标。

请帮助我如何根据要求自定义联系表单插件。我需要对哪些文件进行更改，目前我的 wordpress 中有 cform2、contact form 7 插件。

Answer 1

首先，您必须制作自己的 html 和 css 联系页面。然后使用联系表 7 并将您的输入字段替换为联系表 7 输入字段，并像您在 html 中使用的那样输入 class。 [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 结构，class 是根据您的要求，您还必须根据需要添加 css。

Answer 3

是的，您可以使用联系表 7，联系表 7 html 显示的区域您可以使用自己的 ID，类并且可以更改 css以你自己的风格 sheet.

如何根据需要自定义联系表单插件

How to Customize a Contact Form Plugin as per Requirement

wordpress

plugins

wordpress-theming

contact-form