如何在 WordPress 注册表中添加 WYSIWYG 字段?

已发表: 2023-04-03

想了解如何在 WordPress 注册表中添加 WYSIWYG 字段? 我们会告诉你怎么做!

WYSIWYG(发音为 wiz-ee-wig)是“所见即所得”的首字母缩写词。

简而言之,它是一个编辑系统,允许在最终用户看到的同一界面中编辑内容。

如果您想从用户那里收集格式良好的内容,那么在注册表单中添加 WYSIWYG 字段是个好主意。 它允许他们在单个区域内编辑和设计文本和多媒体的样式并提交。

所以,如果你想在你的 WordPress 注册表中包含一个 WYSIWYG 字段,请坚持到最后。 我们将展示如何在本教程的帮助下添加一个。

目录

什么是所见即所得字段? 将它添加到您的表单有什么好处?

我们已经简要讨论了什么是 WYSIWYG 字段。 它是一个表单字段,允许用户使用类似于文字处理器的可视化编辑器输入文本并设置文本格式。

网站中的所见即所得编辑器可以是在 WordPress 中创建博客文章/页面时使用的文本编辑器。 例如,WordPress 上的经典编辑器。

经典编辑器 WordPress

该编辑器允许用户格式化文本并可视化地添加图像和其他媒体元素。

因此,当用户在 WYSIWYG 字段中输入文本或图像时,他们可以实时看到格式化的文本。

现在,您可能想知道用户注册表单中的 WYSIWYG 字段有何帮助。

以下是一些主要优势:

  • 作为网站所有者,您可以从用户那里收集预先格式化的内容。 例如,可以收集用户简历。
  • 它允许您的用户在一个地方访问图像、列表、链接等,而无需编码。 因此,他们可以自由地提交他们的想法。
  • 它使具有不同技术专长的多个用户可以访问 WordPress 表单。

在 WordPress 注册表中添加 WYSIWYG 字段的最佳方法是什么?

现在,您只需要一个插件来帮助您完成任务。 为此,我们建议您使用最终的 WordPress 注册插件,用户注册。

这个令人难以置信的插件可让您轻松创建许多漂亮的自定义注册表单。

同样,您可以在表单中添加各种字段,包括 WYSIWYG 字段。 您只需要 Advanced Fields 扩展,就可以了。

高级字段附加组件

用户注册插件的 WYSIWYG 字段允许您的用户在两种模式之间切换:

  • 视觉:图像和文本显示在文本编辑器中。
视觉或文本
  • 文本:图像和文本以 HTML 格式显示。
视觉或文本

接下来,您将看到在可视模式下可以找到的工具栏选项列表。

  • 段落
  • 大胆的
  • 斜体
  • 项目符号列表
  • 编号列表
  • 块引用
  • 右对齐
  • 居中对齐
  • 左对齐
  • 插入/编辑链接
  • 插入阅读更多标签
  • 全屏
  • 工具栏切换

同样,您可以从工具栏切换图标中获得更多选项,例如删除线水平线文本颜色粘贴为文本清除格式特殊字符减少缩进增加缩进

工具栏切换图标

现在,事不宜迟,让我们直接进入内容。

如何在 WordPress 注册表中添加 WYSIWYG 字段?

像用户注册这样的好工具是不言自明的,而且非常容易使用。 但是通读本教程对于确保扎实的理解是明智的。

第 1 步:安装并激活用户注册专业版

您可以使用该插件的免费版本轻松创建简单的表单。 但是,所见即所得字段位于“高级字段”部分下。

要解锁此字段,您需要Advanced Fields附加组件,它仅随插件的高级计划一起提供。

只需访问插件的官方网站,购买适合您的计划,就可以了。

立即获取用户注册!

之后,您将收到指向您电子邮件的链接。 点击链接并访问您的帐户信息中心。

下载用户注册 Pro 文件

从那里,您可以下载插件的专业版并在许可密钥选项卡下获取许可密钥。

用户注册许可证密钥

接下来,返回您的 WordPress 仪表板并导航至插件 >> 添加新插件。 然后只需单击“上传插件”按钮。

接下来,选择您之前下载的User Registration Pro zip 文件,然后点击立即安装

上传专业版插件

现在,将许可证密钥粘贴到所需区域并在您的站点上激活插件。

输入用户注册许可证密钥

如果您需要详细的整个安装和设置过程,请点击此链接了解如何安装 User Registration pro。

设置成功后,您可以继续下一步。


第 2 步:安装高级字段插件

购买高级计划后,您可以轻松访问Advanced Fields附加组件。

导航到用户注册 >> 扩展并搜索高级字段

安装高级字段插件

接下来,单击“安装附加组件”按钮,然后依次按“激活” 。 就这样,您拥有了Advanced Fields附加组件。

激活高级字段插件

第 3 步:创建新表单

现在,下一步是创建一个新表单。 在您的仪表板中,转到User Registration >> Add New

添加新用户注册

在这里,您会看到大量免费构建的模板和构建表单的选项。

因此,单击Start From Scratch从头开始​​创建表单,或选择预建模板以节省您的时间。

对于本教程,让我们从头开始创建一个演讲者登记表。

执行此操作后,系统会立即要求您命名表单。 因此,输入正确的表单名称并按Continue

演讲者登记表

第 4 步:在您的表单上添加所见即所得的字段

这是最关键的一步,在您的表单上添加一个WYSIWYG字段。

因此,在您的表单上添加所有必要的字段。

要添加WYSIWYG字段,请将其从右侧的高级字段拖放到左侧的表单构建器画布中。

拖放所见即所得

您可以按照相同的过程添加任意数量的字段。

选择字段后,将出现“字段选项” 。 您可以从此部分自定义每个表单域。

您可以在字段选项中进行更改,如下所述。

  • 标签:为您的领域提供合适的标题。 如备注、请求等。
  • 描述:添加您想要包含在表单中的描述。
  • 字段名称:此区域包含字段的 ID。 您可以保留原样或根据您的喜好更改它。
  • 必需:您可以简单地从下拉列表中标记所需的所见即所得字段。
  • 隐藏标签:您还可以从下拉列表中隐藏字段标签。 只需选择是或否。
  • 启用工具提示:启用工具提示以向用户显示有关该字段的信息。
自定义字段选项

同样,自定义其余字段的字段选项。

注意:大多数表单域都有相似的域选项。 但是,一些选项可能会因领域而略有不同。 所以,相应地定制。

完成所有更改后,您可以通过单击顶部的更新表单来保存表单。 同样,如果您想查看您的表单在前端的外观,请单击“预览”

预览更新表单按钮

这就是字段自定义部分。 您可以继续该过程。


第 4 步:配置表单设置

自定义表单域后,就该配置表单设置了。

您会在Field Options旁边找到Form Settings选项。 您可以从此处配置常规设置和额外设置。

常规设置中,您可以更改用户批准和登录选项。 您可以在下拉列表的选项中为您的用户设置自定义批准和登录条件。

表单设置常规

然后,有默认用户角色来设置在您的表单中注册的用户的角色。 您可以从六个默认用户角色中进行选择。

同样,您可以启用验证码支持选项来保护您的表单免受机器人和垃圾邮件的侵害。

此外,还有其他几个选项,如Submit Button ClassSubmit Button TextSuccess message position等。

现在就像常规设置一样,您可以配置表单的额外设置。

表格设置额外

您会发现各种重要的保护选项,例如:

  • 为用户激活自动生成的密码
  • 通过 HoneyPot 激活垃圾邮件防护
  • 启用白名单/黑名单域等。

同样,您可以启用键盘友好表单启用重置按钮以获得出色的用户体验。

您还可以从Form Reset Button Label更改重置按钮的标签。

此外,您可以启用带有额外字段的表单字段映射,以使用户注册插件与外部插件兼容。

这就是设置部分。 再次单击更新表单以保存所有更改。


第 5 步:在您的网站上显示表格

最后,是时候发布带有 WYSIWYG 字段的注册表单,供用户在您的网站上填写。

要将表单嵌入您的网站,请转至帖子/页面 >> 添加新内容

页面添加新的

接下来,单击添加块( + ) 按钮并搜索用户注册块。 然后,通过单击将其添加到页面。

选择用户注册块

之后,从下拉菜单中选择您的 WordPress演讲者注册表

所见即所得的 WordPress 注册表格

您可以使用顶部的“预览”按钮对表单进行最终预览。

预览最终形式

下面是您的表单外观的图像。

预览 WordPress 表单所见即所得字段

最后,如果您认为您的表单已完全准备好,您可以点击Publish


最后的想法!

这就是我们关于如何在 WordPress 注册表中添加所见即所得字段的文章。

我们希望本指南能帮助您了解所见即所得是什么以及它如何在用户注册插件上工作。

到目前为止,用户注册是使您的网站独占的最佳选择。 它具有注册插件应具备的所有基本功能。

用户注册还有更多独特的功能,其中一些是:

  • 重定向和内容限制
  • 专属邀请的邀请码
  • 无垃圾邮件功能,打造安全可靠的空间
  • 支付网关集成
  • 自定义电子邮件模板

这只是它的一些功能。 此外,这个插件的应用是无限的。 要了解有关此插件的更多信息,请访问官方网站。

接下来,如果您想在 WordPress 注册表中设置密码字段,请查看我们的指南如何在 WordPress 注册表中添加密码字段。

同样,您也可以在前端注册后在 WordPress 中批准用户。

您可以在我们的博客上阅读有关此强大插件的更多奇迹。 对于简单的视频教程,您可以订阅我们的 YouTube 频道。

如果您对插件有任何建议或疑问,请通过社交媒体联系我们。 我们在 Facebook 和 Twitter 上可用。