tghp/tghp-mb-contact

该软件包最新版本(1.2.1)没有提供许可信息。

安装: 27

依赖项: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

类型:wordpress-plugin

1.2.1 2022-09-29 13:18 UTC

This package is auto-updated.

Last update: 2024-09-17 13:32:13 UTC


README

使用 metabox.io 和 MB Frontend Submission 的可重用插件,提供具有代码强大和可扩展的表单。表单定义与 metabox 相同,并添加了一些额外功能。

额外 Metabox 参数

选项

额外 Metabox 字段参数

短代码

[tghpcontact_form]

可用过滤器

tghpcontact_forms

tghpcontact_fields

tghpcontact_fields_{$formId}

$formId 是相关表单的 ID(键/值数组中的键)

tghpcontact_email_subject

tghpcontact_email_content

有用功能

Recaptcha

该插件提供了一个新的 recaptcha 字段类型。

array(
    'id' => 'g-recaptcha',
    'type' => 'recaptcha',
),

然而,提供了一个网站和密钥。插件将使用以下格式的 getenv 来查找这些密钥

  • RECAPTCHA_KEY_SITE_{$formId}
  • RECAPTCHA_KEY_SECRET_{$formId}

因此,每个表单都需要一个 recaptcha 实例和环境变量。这一点很重要,因为页面只能使用一次一个网站/密钥。所以如果我们只使用一对,页面上就只能放置一个具有任何 ID 的表单。这样,你可以放置更多的内容

JavaScript

消息事件

当一个消息触发(确认或错误)时,将在 body 元素上分发一个 tghpcontact:message-show 事件。这可以用来添加滚动到消息的逻辑。此事件传递一个匹配消息元素的 jQuery 对象作为单个参数。

示例用法

var $header = $('#masthead'),
    $window = $(window);
$(body).on('tghpcontact:message-shown', function (e, el) {
    $window.scrollTop($(el).offset().top - $masthead.height() - 20);
});

这很重要,因为这个插件没有实现这一点,因为每个网站都需要根据头部大小调整不同的偏移位置。