如何从 Gravity Forms 条目显示 WordPress HTML 表
WP Table Manager与 Gravity Forms具有出色的,使我们能够根据条目创建 HTML 表格,从而以最佳方式过滤、设计和显示条目的即时同步。
显示表单条目是我们在每个站点中都需要的一个重要方面,因为这是利用表单收集的内容的最佳方式,而表格是最好的选择,这不仅有助于内部流程,而且在以下情况下也有很大帮助:我们希望在我们的页面或帖子中显示这些提交内容,例如,如果我们有一个联系人表单,可以从提供商处收集数据并向我们的客户显示该信息。
在本教程中,我们将了解如何将重力表单条目直接添加到 HTML 表中,也可以将这些条目添加到页面或帖子中。
正在为客户网站寻找强大的表格管理解决方案?
从定价表到产品比较,此插件提供了强大的功能,以清晰和用户友好的方式呈现数据。
立即获得竞争优势!
使用表单条目创建和自定义 WordPress HTML 表格
需要注意的是,我们需要 Gravity Forms 和WP Table Manager来遵循本教程。
让我们从创建表格开始,我们已经生成了一些重力表格,其中包含本教程的一些条目。
现在我们的表格准备好了,我们需要进入WP Table Manager>所有表格并单击+创建,如果我们安装了重力表格,将显示重力表格的表格,单击它。
这将显示所有活动表单,我们只需选择将使用的表单,然后选择我们想要显示的字段,或者只显示所有字段,然后单击“完成” 。
我们的表格将自动加载表单中的条目,仅在标题中添加边框,以便我们可以轻松识别这些条目。
现在我们可以看到的第一件事是,我们拥有WP Table Manager中的所有自定义选项,因此让我们从创建一个过滤器开始,当我们在表单中有很多条目时,这非常有用。
要创建过滤器,请单击格式>排序和过滤器,将出现一个弹出窗口,我们可以在其中选择要过滤的内容,如果我们还需要排序选项,这就是将启用过滤器选项从无为在 Column 内并启用排序。
排序和过滤器只会出现在我们网站的前面,因此我们应该将表格添加到我们的页面/帖子中才能看到它,添加我们的表格就像搜索WP Table Manager表格块并将其添加到我们的帖子/中一样简单页。
带有排序选项的很棒的过滤器,但我们仍然可以设计表格的样式,为此,我们可以使用WP Table Manager中的表格编辑器中的所有选项,从对齐到边框和强字体,我们提供以下所有选项。
在本教程中,我将设置所有字体为强字体,并将使用主题 > 替代颜色部分,这将进一步加快我们的表格创建速度。
最好的部分是我们的表格将不断更新包含提交的所有条目的单元格,让我们在之前发布的页面上查看我们的表格。
并做了! 我们的条目将被显示,并且自定义表格的选项将允许我们使其适合任何主题!
从重力表条目到图表
我们可能认为WP Table Manager只允许我们从条目创建表,答案是否定的! 我们还可以根据信息制作图表,只需点击“图表”>“根据数据创建图表”。
魔法完成了! 我们的表格数据现在出现在图表中,并且我们有一个侧面板,其中包含许多自定义工具,例如应用另一个主题或选择图表应使用哪些数据,例如,现在我们可以根据数据量创建图表使用我们的表格购买的产品!
在侧面板的第一部分,我们可以选择主题,然后选择将使用的数据和颜色。
配置的第二部分将允许我们进一步自定义图表并编辑用于定义图表每个部分的标签,它还包含一个短代码,我们可以使用它在任何我们想要的地方显示图表。
在本例中,我们正在比较 2 种产品,因此最终使用了具有 2 种不同颜色的圆形图,这将使我们能够轻松看到销售数量的差异。
发布此过程与正常的表格显示类似,我们可以使用带有WP Table Manager Chart 块的任何页面构建器(在所有主要页面构建器上都可用)。
将打开一个框,我们可以在其中选择要显示的图表,我们需要选择它并完成! 图表已发布。
现在我们有了一个包含条目的表格和一个很棒的图表,可以帮助我们理解该表格,我们可以说这种集成是一个完全完整的工具! 不是吗?
呼吁所有网站管理员!
WP Table Manager增强您的客户网站。 轻松管理和自定义表格、图表和电子表格,为客户提供动态且引人入胜的数据可视化效果。
立即升级您的网页设计服务!
开始使用 Gravity Forms 和WP Table Manager
正如您所看到的 WP Table Manager + Gravity Forms 是保持所有条目和数据有序的完美组合,我们有多种方式来显示它,并且集成就像单击按钮一样简单,太棒了! 不是吗? 你在等什么? 立即前往获取WP Table Manager 。
当您订阅博客时,当网站上有新的更新时,我们会向您发送一封电子邮件,这样您就不会错过它们。
评论