[wordpress插件] Live Preview for Contact Form 7联系人表格7的实时预览

wordpress 插件 文章 2020-03-20 18:30 0 86 全屏看文
评分
98
描述

View a live preview of your form as you’re building it.

在构建表单时查看表单的实时预览。

Contact Form 7 Preview

联系表格7预览

Contact Form 7 is great, but building your forms using form tags can be painful and slow when you have to constantly save, switch tabs and refresh to see your changes.

联系Form 7很棒,但是当您必须不断保存,切换选项卡并刷新以查看更改时,使用Form标签构建表单可能会很痛苦且缓慢。

Contact Form 7 Live Preview relieves this pain by displaying a live preview of your form directly underneath the form editor.

联系Form 7 Live Preview通过直接在表单编辑器下方显示表单的实时预览来减轻这种痛苦。

How does it work

它如何工作

Contact Form 7 Live Preview creates a “dummy” form and displays it in the live preview pane.

联系表7 Live Preview创建一个“虚拟”表单并将其显示在实时预览窗格中。

Whenever you make changes to a form you’re working on, it saves your current state to the dummy form and refreshes the preview.

每当您对要处理的表单进行更改时,它都会将当前状态保存到虚拟表单中并刷新预览。

This means you don’t have to save your form to see your changes, which can be especially important if your form is currently live.

这意味着您不必保存表单即可查看所做的更改,如果您的表单当前处于活动状态,这尤其重要。

The dummy form is set to demo_mode: on, which means

虚拟表单设置为 demo_mode:on ,这意味着

you can test the validation and success messages and no emails will be sent.

您可以测试验证和成功消息,并且不会发送电子邮件。

Note: It may not work with some themes or plugins

注意:它可能不适用于某些主题或插件

The preview window displays just the form.

预览窗口显示 just 表单。

It loads your site’s scripts and styles as long as they’re enqueued properly via hooks.

只要通过钩子正确地入队,它就会加载您网站的脚本和样式。

If something isn’t looking right in the preview, make sure your scripts and styles are enqueued correctly, and aren’t loaded conditionally (E.g. is_page('contact')).

如果预览中的内容不正确,请确保您的脚本和样式正确入队,并且没有有条件地加载(例如 is_page('contact'))

If it doesn’t work for you, please don’t go straight for leaving a bad review.

如果它不适合您,请不要直接留下不好的评价。

Let me know in the forums and we’ll figure out if the problem is with the plugin, or with your theme.

在论坛上告诉我,我们将找出问题出在插件还是您的主题上。

If it’s a problem with the plugin I’ll try and fix it.

如果插件有问题,我会尝试修复它。

Features:

功能:

    • Live preview changes to your form
    • 实时预览对表单的更改

    • Test validation and error messages without sending emails
    • 在不发送电子邮件的情况下测试验证和错误消息

    • Set the background colour of the preview (helpful if your form is going to be on a different coloured background once live)
    • 设置预览的背景颜色(如果您的表单在使用后将处于不同的彩色背景上,则很有帮助)

    • Works with most CF7 addons that affect the look and behaviour of your form
    • 可使用大多数会影响表单外观和行为的CF7插件

    Tested with:

    经过测试:

安装步骤

    1. Upload the zip to the /wp-content/plugins/ directory and unzip
    2. 将zip压缩到 / wp-content / plugins / 目录并解压缩

    3. Activate the plugin through the ‘Plugins’ menu in WordPress
    4. 通过WordPress中的“插件”菜单激活插件

    OR go to ‘Plugins’ > ‘Add new’, and search for ‘contact form 7 live preview’ to install through the WordPress dashboard.

    或转到“插件”>“添加新”,然后搜索“联系表7实时预览”以通过WordPress仪表板进行安装。

下载地址
https://downloads.wordpress.org/plugin/cf7-live-preview.zip
-EOF-