您需要将 Google 表格嵌入到 WordPress 中吗?在本文中,我们将教您如何通过两种方式将 Google Sheets 数据添加到 WordPress:
-
Visual Charts – 使用 Google Sheets Spreadsheets 生成条形图、折线图、饼图和许多其他格式。
- 表单 – 将 Google 表格电子表格嵌入为响应式表单,具有搜索和过滤器等实用功能。
需要将@GoogleSheets 添加到#WordPress?这个#plugin 可以让您创建表格和图表?
点击发推
我们将逐步向您展示如何使用免费的 Visualizer 插件来创建表格和图表 - 无需代码.
Visualizer 如何帮助您将 Google 表格嵌入 WordPress
Visualizer:WordPress 表格和图表管理器
作者:Theme Song
当前版本:3.4.2
最后更新:2020 年 2 月 17 日
visualizer.zip
90% 的评分为 40,000+ 需要安装 WP 3.5+
完全披露 – Visualizer 是一个 ThemeIsle 插件。它允许您从 Google 表格(和其他来源)提取数据,并将其转换为 WordPress 网站上具有专业外观的图表或表格。
除了创建基本数据表外,Visualizer 还允许您访问各种图表和表格样式。您所要做的就是以插件理解的方式格式化数据,它会为您生成现成的图表:
Visualizer 还可以帮助您包含具有分页、内部搜索和过滤等高级功能的表格。这意味着即使您要导入的数据已经使用了表格,该插件仍然可以帮助您使其更加人性化。
付费版,你甚至可以自动同步图表——当您在 Google 表格中更新数据时,这些更改将自动与您的 WordPress 网站同步。
如何使用 Visualizer 将 Google 表格添加到 WordPress(分 3 个步骤)
如果您想学习本教程,您需要做两件事:
- 您在 Google 表格中的现有数据。
- 免费的 Visualizer 插件。在继续本教程之前,您需要安装并激活它。
第 1 步:添加新图表并选择您要使用的样式
启用该插件后,您将可以在您的仪表板。如果单击它,您将看到所有现有图表的列表。单击顶部的“添加新”按钮开始:
您需要做的第一件事是为您的 Google 表格数据选择一种样式。您应该选择哪种取决于您的数据以及您希望读者从中获得什么:
-
要嵌入数据表格,请选择“表格”图表样式。
-
要嵌入可视化图表,您可以从多种不同的图表样式中进行选择。
对于可视化图表,您需要选择最能帮助您可视化 Google 表格数据的样式。很容易获得一些关于如何为数据选择正确图表样式的重要提示。
第二步:来自谷歌表格导入数据
使用免费版的 Visualizer,您可以从 .csv 文件、URL 导入数据,或手动输入数据。要将 Google 表格添加到 WordPress,您应该选择从 URL 导入数据选项,并选择一次性导入:
暂时保持此选项卡打开并访问 Google 表格以获取数据。假设你有一个非常简单的表格,显示各种水果:
数据很容易理解,但您需要为 Visualizer 插件提供更多上下文,以便它了解如何显示它。为此,插件支持几种用于数据分类的字符串,包括:
- String
- Number
- Boolean
- Date
- TimeDate
- Time of day
对于这个例子,我们只需要字符串和数字。您可以通过在列标题正下方的顶部添加这两个字符串来让插件知道哪个列代表哪个元素:
现在数据已准备好供插件执行其工作。要生成WordPress所需的URL,打开Google表格文件菜单并选择发布到网络:
在弹出的菜单中,选择整个文档和逗号分隔值(.csv),点击发布按钮:
< p>
Google 表格现在将为您提供可分享的链接到数据。复制链接并返回到 WordPress 中的可视化工具向导。将其粘贴到相应的字段中:
最后,选择“创建图表”按钮,Visualizer 会将图表保存到您的库中。
上述相同过程适用于 Visualizer 允许您创建的任何图表、图形或表格。导入Google Sheets数据前,默认表格如下:
Visualizer 还使您能够根据表中的元素对元素进行排序。
您可以随时通过导航到可视化工具 > 图表库来查看可用的图形、图表和表格:
如果您想修改使用插件创建的任何数据可视化,每个视图按钮下方都有一个编辑。
第 3 步:在 WordPress 中显示新图表
现在您已成功将 Google 表格数据导入 WordPress 并使用它生成图表或表格,是时候发布了它。
您可以通过两种方式向您的帖子或页面添加可视化效果:
- 简码
- 块
如果仔细观察,您会在每个表格或图表下看到一个简码:
您可以复制此简码并将其放置在您网站的任何位置。
第二种方法是打开块编辑器并将Visualizer Chart块添加到您的帖子或页面:
编辑器会询问您是要显示现有图表还是创建新图表。如果您选择上一个选项,您将看到所有可用图表的列表 - 继续并选择一个:
插入图表后,可以像编辑任何其他块一样编辑块。 Visualizer 插件允许您随时随地自定义图表,包括它们的布局和样式:
每种图表类型都有自己的特定设置,您可以对其进行调整以进行自定义。例如,对于表格,您可以自定义分页选项并使响应性在移动设备上可读:
请记住,如果您使用的是免费版插件,则在 Google 表格中更改源电子表格后图表不会自动更新。如果要更新,则需要使用 Google Sheets 生成新的 URL。
结论
电子表格可能不是很吸引人,但它们肯定可以用视觉表示。使用正确的工具,您可以轻松地将数据从 Google 表格中提取到 WordPress 中,并在此过程中以一种易于访问者一目了然的方式显示数据。
使用免费的 Visualizer 插件,您可以通过三个步骤完成这个确切的过程:
- 创建一个新的图表或表格,然后选择您要使用的样式。
- 从 Google 表格导入数据。
- 在 WordPress 中编辑和显示图表。
需要将@GoogleSheets 添加到#WordPress?这个#plugin 可以让你创建表格和图表?
Click to Tweet
如果你想自动将 Google 表格与 WordPress 同步并访问其他新功能版本,你也可以升级到 Visualizer Premium .
有关如何在 WordPress 上使用表格和图表的更多信息,请查看我们的精选:
- 表格插件
- 图表插件
您对如何在 WordPress 中嵌入 Google 表格有任何疑问吗?让我们在下面的评论部分研究它们!