如何根据要求自定义联系表单插件答案

【问题标题】：How to Customize a Contact Form Plugin as per Requirement如何根据要求自定义联系表单插件
【发布时间】：2016-07-22 21:04:09
【问题描述】：

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

Contact Form Image

我曾尝试通过使用 Cform2 插件和联系表单 7 插件来实现这个目标，但我未能实现我的目标。

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

【问题讨论】：

标签： wordpress plugins wordpress-theming contact-form

【解决方案1】：

首先，您必须为联系页面制作自己的 html 和 css。然后使用联系表格 7 并用联系表格 7 输入字段替换您的输入字段，并像您在 html 中使用的那样放置类。 [text* name class:your_class] 这样你就可以得到你想要的答案。

【讨论】：

感谢您的回复。你能为我提供上述方法的一些工作示例吗？

【解决方案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。

【讨论】：

感谢回复。我有点困惑。我想添加验证码，我需要在哪个文件上为此表单添加 css ？
您可以为此使用验证码插件。喜欢wordpress.org/plugins/contact-form-7-simple-recaptcha 或其他。
"自定义联系表单遇到问题。同步数据时出现问题。请尝试以下操作： 1. 转到设置 > 永久链接并单击“保存更改”。这会刷新您的永久链接。如果这样解决了您的问题，一切顺利！停用所有其他插件并激活 TwentySixteen 主题。如果这解决了问题，则存在插件或主题冲突。请在 Github 或支持论坛上报告。如果这些都不能解决您的问题问题，请在 Github 或支持论坛上报告。”
根据您的建议，我面临上述问题。

【解决方案3】：

是的，您可以使用联系表格 7，联系表格 7 的 html 显示的区域可以使用您自己的 id 和类，并且可以在您自己的样式表中更改 css。

【讨论】：