# WordPress Contact Form 7 的正确用法

- Link: https://www.ixiqin.com/2022/05/04/the-correct-use-of-the-wordpress-contact-form-7/
- Published: 2022-05-04T06:00:00+08:00
- Author: 白宦成

Contact Form 7在实际使用过程中，有些人为了简化表单的设计和使用，会选择直接在多个
地方使用同一个表单，并通过页面选择器来实现不同的样式（常见于基于 Elementor 构建的
页面）。

但这样会造成长期的可维护性问题：

 1. 每个页面单独写样式选择器来控制样式，且在样式命名方面没有习惯的话， 会导致页面的
    样式混乱，修改成本较高。
 2. 不同的页面的样式采用了相同的类名，在进行样式修改时，交接性极差。

如果想要解决这个问题，有两个方式：

 1. **规范页面样式类规范**：不同风格和样式的按钮采用不同的类名，如（`.blueBtn`和`.yellowBtn`）；
 2. **多处使用的表单，采用复制的方式，而不是使用同一个表单**：Contact Form 7 提供了
    Duplicate 功能，可以非常方便的复制一个表单，并根据表单的位置来命名。降低配置表单
    的成本。

![](https://files.ixiqin.com/2022/04/23065308/d2b5ca33bd970f64a6301fa75ae2eb22-14.
png)

Duplicate 一个表单