魏艾斯笔记Contact Form 7–Conditional Fields插件是一款辅助Contact Form 7的WordPress插件。最近有兄弟问老魏：Contact Form 7插件怎么添加判断呢，根据不同的条件显示不同的输入框。本文中的插件就能够实现这个目的了。
Contact Form 7–Conditional Fields是Contact Form 7插件的插件，是的你没听错，只要某款WordPress插件插件特别受欢迎（启用超过百万次），那么围绕着这款插件的周边就会出现很多辅助插件，也叫插件的插件，甚至还有插件的插件的插件。怪不得老魏看国外的一些WordPress网站后台（特别是在线电商网站），插件能达到30个~50个之多，就是这么多起来的。
Contact Form 7–Conditional Fields插件安装启用
要提前安装 Contact Form 7 插件，然后在WordPress后台>插件>安装插件，搜索 Contact Form 7–Conditional Fields就会看到了。
其实在你搜索Contact Form 7的时候，在附近就能看到本文中的插件，从启用安装数来看也是相当受欢迎的。
点击上图中的“安装”并“启用”。
Contact Form 7–Conditional Fields插件设置
1、插件设置项集成到Contact Form 7里面了。比如你的CF7要添加A、B两个条件，选择A之后下面会出现A下面的A1、A2、A3可选项，选择B后会出现B1、B2、B3可选项。
在WordPress后台的Contact Form 7表单中添加新表单，输入A，B，A1，A2，A3，B1，B2，B3这些选项。
在没有条件逻辑的情况下，这些选项都可以看到，不会被隐藏。
2、建立群组
隐藏表格的某些部分，我们可以将这些部分包装在之间[group group-name] … [/group] 。你可以手动或点击“Conditional Fields”按钮生成代码 ：
默认情况下放在开始标记和结束标记之间的所有内容都会被隐藏。
创建第一个组在 name后面起个名字。
出现弹窗后勾选Clear on hide（隐藏时将清除组中的所有字段）和Inline。
点击insert tag按钮以插入代码： [group technical-support-selected][/group] 。接着在开始标记和结束标记之间输入表单的相关部分。
3、添加条件逻辑判断
为了在满足某些条件时出现组，我们要添加条件规则。先保存表单，然后点击“Conditional Fields”选项卡。
添加新的条件规则按钮并输入信息，这些判断信息就是用来做逻辑运算用的，如下图所示：
记得保存表单，把Contact Form 7的简码复制到文章/页面并发布。
4、自定义电子邮件
如果有需要，使用 Contact Form 7的 Conditional Fields选项卡，根据提交表单时满足的条件规则来自定义你的电子邮件。
作者还贴心的提供了将Contact Form 7插件代码转换为电子邮件代码的工具，用它来帮助编写电子邮件。
Contact Form 7–Conditional Fields插件演示
下图是插件的演示结果，意思是上面选择 technical support，下面会显示 Android、IOS、linux、windows、other等可选项，其中 other还有下级填空。而选择 sales，会出现各大洲供选择。这两大选项互为隐藏项目。
魏艾斯总结
Contact Form 7–Conditional Fields插件是用来辅助Contact Form 7插件的一款WordPress插件，添加条件逻辑判断语句来实现不同条件显示不同的输入框，和编程语言的 if else这种逻辑是相似的。如果你自己写不出来，就把插件官网的教程中的语句拿出来改一改也行。