如何根据要求

Question

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

Contact Form Image

我试图通过使用Cform2插件和联系表单7插件来实现此目标，但我未能实现目标。

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

Answer 1

首先，您必须为联系页面制作自己的html和css。然后使用联系表单7并通过联系表单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，联系表格7的html显示的区域，您可以使用自己的ID和类，并可以在您自己的样式表中更改CSS。