Contact Form 7教程 – 蓝月网络 https://lanyueer.com 专注于WordPress外贸建站,主题插件汉化、配置 Sat, 13 Dec 2025 15:40:57 +0000 zh-CN hourly 1 控制Contact Form 7 访问权限 https://lanyueer.com/control-contact-form-7-access/ Wed, 12 Jul 2017 14:16:39 +0000 https://lanyueer.com/?p=985 默认设置下,Contact Form 7 允许所有用户访问管理面板,而不仅仅是管理员。但是对用有些用户来说,这是不爽的。特别是自定义了Contact Form 7的相关设置,实际上有些设置具有技术性。

控制Contact Form 7 访问权限,首发于蓝月网络

]]>
本文是《Contact Form 7教程》系列教程的第 4 部分,该系列共包含以下4个部分:

默认设置下,Contact Form 7 允许所有用户访问管理面板,而不仅仅是管理员。但是对用有些用户来说,这是不爽的。特别是自定义了Contact Form 7的相关设置,实际上有些设置具有技术性。然而你完全控制这个访问权限,而只允许管理员访问和编辑。

例如, 你想只允许管理员访问和编辑,你只需要修改 wp-config.php文件,打开插入:

  1. define( 'WPCF7_ADMIN_READ_CAPABILITY', 'manage_options' ); 
  2. define( 'WPCF7_ADMIN_READ_WRITE_CAPABILITY', 'manage_options' );

WPCF7_ADMIN_READ_CAPABILITY 控制最小访问管理面板的权限。而 WPCF7_ADMIN_READ_WRITE_CAPABILITY 最小编辑权限. 显而易见WPCF7_ADMIN_READ_WRITE_CAPABILITYWPCF7_ADMIN_READ_CAPABILITY更严格, 没有管理员权限你是不能访问的.

manage_options是控制管理员访问的权限. 因此设置manage_optionsWPCF7_ADMIN_READ_CAPABILITYWPCF7_ADMIN_READ_WRITE_CAPABILITY 只允许 administrator 访问和编辑权限.

控制Contact Form 7 访问权限,首发于蓝月网络

]]>
Contact Form 7基础教程之语法结构 https://lanyueer.com/contact-form-7-syntax-structure/ Wed, 12 Jul 2017 13:59:02 +0000 https://lanyueer.com/?p=981 Contact Form 7 允许你编辑联系表单模版和邮件模版(邮件头部和邮件正文),也就是说在中括号里面的结构是可以编辑的。

Contact Form 7基础教程之语法结构,首发于蓝月网络

]]>
本文是《Contact Form 7教程》系列教程的第 3 部分,该系列共包含以下4个部分:

Contact Form 7 允许你编辑联系表单模版和邮件模版(邮件头部和邮件正文),也就是说在中括号里面的结构是可以编辑的。

表单标签语法

在你的表单标签将会出现下面的形式:

form tag example

Type 是最重要的元素,不能修改,其告诉contact form 7如何解析表单。例如text,就是文本输入框,而select是下拉选择框。

Name 是用来区分不同的表单元素,是必填选项,不能去掉的,但是可以在不同的表单出现相同的名字,不能在同一表单出现相同的名字.

Options 用来控制表单的外观,可选的。你可以通过ID和class来控制,然后在样式表内写css代码.

一般情况下, values 用来表示默认值。是可选的。

 

邮件标签语法

这个标签是非常简单的,对应表单标签,不过你只需要用中括号括起表单的名字即可获取表单的内容。

mail tag example

Contact Form 7基础教程之语法结构,首发于蓝月网络

]]>
Contact Form 7高级应用教程 https://lanyueer.com/contact-form-7-advanced-application-tutorial/ Wed, 12 Jul 2017 13:50:43 +0000 https://lanyueer.com/?p=978 WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的表单功能,而且支持自定义接受邮件,Ajax提交和 jQuery表单插件支持.可结合Akismet过滤垃圾邮件

Contact Form 7高级应用教程,首发于蓝月网络

]]>
本文是《Contact Form 7教程》系列教程的第 2 部分,该系列共包含以下4个部分:

WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的表单功能,而且支持自定义接受邮件,Ajax提交和 jQuery表单插件支持.可结合Akismet过滤垃圾邮件,同时也支持CAPTCHA反垃圾邮件,表单域元素支持各种最常见的:单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域.

Contact Form 7 除了特有的联系表单扩展功能外,还有更多高级的特色功能应用,这里为大家一一说明。

1,邮件发送接收功能

当读者填写好信息点击提交后,你就可以收到一封邮件,我们在消息正文中输入如下代码,就可以显示相应信息:

  1. 读者名字:[your-name]
  2. 电子邮件:[your-email]
  3. 来信主题: [your-subject]
  4. 备注信息:[your-message]

下面是如何实现收邮件:
首先,你要保证你的博客所在虚拟主机支持mail()函数,不支持的请安装WP SMTP插件。

WordPress SMTP发送邮件插件:WP SMTP

对于一个网站而言,发送邮件的功能是必不可少的,现在的主机一般都支持发送邮件,但是不同的主机由于函数限制或者某些其他原因,可能造成没办法正常发送邮件。这时候,我们可能就要借助第三方SMTP发送邮件。


在收件人中填写好收件人的邮箱,这里填我们自己的就行。
还要添加好寄件人admin@admin.com,注意,在使用WP SMTP插件辅助发信的朋友尖括号里面和外面都要写WP SMTP中配置的邮箱,不然无法发信。
这样你就可以收到按你的格式的邮件了。

紧接着下面分别是邮件2
可以设置多个收件箱,比如还需要给读者发送感谢信之类的

紧接着下面分别是消息
可以自定义显示提示消息,一般不作修改,随意.
紧接着下面分别是附加设定
附加设定可以添加附加的设定,比如我们想要提交后跳转到指定页面,可以输入如下内容:

  1. on_sent_ok: "location = 'http://lanyueer.com/';"

2,什么是Cc和Bcc

CC 英文全称是 Carbon Copy(抄送);BCC英文全称是 Blind CarbonCopy(暗抄送)。 两者的区别在于在BCC栏中的收件人可以看到所有的收件人名(TO,CC,BCC),而在TO 和CC栏中的收件人看不到BBC的收件人名。

3,Contact Form 7如何添加抄送和暗送

在 邮件栏 – 另外的标头( Additional headers )下填写如下格式代码即可

  1. Cc:test001@waisir.com
  2. Bcc:test002@waisir.com

4,Contact Form CheckBox多选标签如何将选择框放在后面

添加label_first 这个tag即可
选框在前:

  1. [checkbox your-cb “Option 1” “Option 2” “Option 3]

选框在后:

  1. [checkbox your-cb label_first “Option 1” “Option 2” “Option 3]

5,如何CheckBox多选标签竖着排列

在主题CSS层叠样式表中添加如下代码即可

span.wpcf7-list-item { display: block; }
  1. 6,Contact Form如何调整提示信息栏的位置

当点击提交后,默认情况下在表单最下方会看到恭喜,提交成功类似文字.
我们可以随意改变提示信息的位置,使用[response]标签即可,如:

  1. [response]
  2. Your Name (required)
  3. [text* your-name]
  4. Subject
  5. [text your-subject]
  6. Your Message
  7. [textarea your-message]
  8. [response]
  9. [submit "Send"]

7,Contact Form解决关于SEO邮件暴露问题

如,你需要一个下拉框让读者选择给谁发送邮件,不如可以选择(站长,销售员,客服),一般情况下,我们这样写就行

  1. [select your-recipient “ceo@example.com”
  2. “sales@example.com”
  3. “support@example.com”]

再将自定义的[your-recipient]字段填写到收件人即可.这样就可以将邮件发送到选择的邮箱中
毋庸置疑,这样会暴露邮箱地址, 而带来垃圾邮件,而且对于用户来说也不方便.
做如下处理即可

  1. [select your-recipient "CEO|ceo@example.com"
  2. "Sales|sales@example.com"
  3. "Support|support@example.com"]

相当于为每个邮件地址设置了一个用于显示的别名

8,Contact Form如何返回表单所在POST的url和文章名称/用户IP等参数

通过引用以下这些tag就可以实现了

  1. [_remote_ip]访者IP
  2. [_url]返回页面url
  3. [_date]返回日期
  4. [_time]返回时间
  5. [_post_id]返回postID
  6. [_post_title]返回文章名称
  7. [_post_url]返回文章URL
  8. [_post_author]返回文章作者
  9. [_post_author_email]返回文章作者邮件

9,Contact Form如何让用户上传附件并发送附件

和添加其他文本域便签一样,添加一个[file]标签,如:

  1. [file file-torrent limit:1000000 filetypes:torrent]

然后在邮件栏-附件下填写[file-torrent]即可
有多个附件时并列填写即可[file-torrent1][file-torrent2]

10,怎么将contact form 7直接插入到主题中

需要注意的是不能用短代码,用do_shortcode()函数调用:

  1. <?php echo do_shortcode( '[contact-form-7 id="1234" title="Contact form 1"]' ); ?>

11,Contact Form验证码CAPTCHA无法输入,这个应该在火狐下才会出现,应该的位置没放正确

这是正确的写法

  1. [captchac your-captcha]
  2. <label>Enter the code: [captchar your-captcha]</label>

这是不好的写好

  1. <label>[captchac your-captcha]
  2. Enter the code: [captchar your-captcha]</label>

12, 更多 Contact Form 7 参数:

提交询盘时间:[_date] [_time]

  1. 客户访问IP:<a href=”http://www.ip138.com/ips138.asp?ip=[_remote_ip]”>[_remote_ip]</a> (点击打开可看到ip所属国家)
  2. 客户访问产品:[_url]
  3. 客户访问日期:[_date]
  4. 客户访问者有没有facebook:<a href=”https://www.facebook.com/search/top/?q=[your-email]”>[your-email]</a>

Contact Form 7高级应用教程,首发于蓝月网络

]]>
Contact Form 7基本使用教程 https://lanyueer.com/contact-table-7-basic-usage-tutorial/ Wed, 12 Jul 2017 13:33:00 +0000 https://lanyueer.com/?p=975 WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的表单功能,表单域元素支持各种最常见的:单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。

Contact Form 7基本使用教程,首发于蓝月网络

]]>
本文是《Contact Form 7教程》系列教程的第 1 部分,该系列共包含以下4个部分:

WordPress联系表单插件 – Contact Form 7 是一款简单易用扩展性灵活的表单插件,可以自定义各式各样不同类型的表单功能,表单域元素支持各种最常见的:单选框、复选框、文本框、下拉菜单、按钮、文件上传等多种表单域。
它的作用等同于WordPress留言板插件。

使用Contact Form 7生成表单基本步骤:

1,下载和安装 Contact Form 7

下载wordpress表单插件contact-form,在网站后台点击安装插件进入表单插件的安装。

2,新建联系表单

安装启用Contact Form 7插件后,在后台左侧功能菜单,底部会多出一个“Contact”项,这里就是Contact Form 7设置区了,点击进入,找到“添加新表单”按钮链接,点击可以新建一个联系表单;

3,设置联系表单

设置联系表单,包括设置如下内容:

  • 表单元素设置:包括:姓名、邮箱、标题、详细内容和表单提交按钮,可以通过旁边的生成标签下拉框继续添加自己需要的其他表单元素,比如文件上传按钮、验证码等。
  • 收件人、邮件内容等信息设置:在表单元素的下方,我们可以对收件人、发送人、主题以及邮件主题内容等一系列信息进行设置。
  • 发送邮件错误时的提示信息:在 Message 一栏,我们可以设置邮件发送时的错误提示信息。
  • 发送邮件成功后的跳转页面:在 Additional Settings 一栏,我们可以设置邮件发送成功之后的附加信息.

使用香港免备案空间建网站的朋友,如果遇到使用 Contact Form 7 无法正确收到邮件的情况,可以配合 WP Mail SMTP 插件一起使用。

wordpress表单插件contact-form及使用方法

4,将联系表单放置到页面中

在 Contact Form 7 插件设置好之后,可以使用下面的代码去调用表单,将这段代码放到需要显示表单的页面即可,表单名必须是你自己设置的表单的名称。默认情况下wordpress表单插件只适用于page页面。

  1. [contact-form 1 "表单名"]

以上是wordpress制作表单提交的表单插件contact-form及使用方法,如果你在自己建网站过程中,不想使用插件,也可以使用代码的方式来制作网站订单提交功能。

Contact Form 7基本使用教程,首发于蓝月网络

]]>