如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

使用TablePress插件,可以轻松地在WordPress网站上添加和管理表格。这个插件提供了一个直观的图形界面,无需编写复杂的代码就能创建出漂亮的表格。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

表格在WordPress网站上扮演着重要的角色。它们能帮助组织、比较和展示数据,让访客更轻松地理解你的内容。然而,过去创建表格通常需要手动编写复杂的HTML代码,这无疑增加了操作的难度。

在WordPress的原生编辑器中,虽然之前并没有直接创建表格的功能,但幸好有强大的插件系统可以弥补这一不足。其中,TablePress插件就是一个比较好的选择。

TablePress插件以其图形化界面和便捷的操作方式深得人们喜爱。无需编写任何代码,只需通过简单的操作就能创建出精美的表格,并将其轻松插入到你的内容中。

TablePress – 轻松将表格添加到 WordPress

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

TablePress 是同类产品中最受欢迎的。其主要原因很可能是它的易用性、直观的操作性和对初学者的友好性。然而,除此之外,该插件还具有许多使其脱颖而出的功能:

  • 从多种格式导入数据:TablePress 不仅能够创建表格,还可以从不同格式(Excel、CSV、HTML 和 JSON)导入现有数据。
  • 可导出性:反之亦然,使用 TablePress 创建的任何表格都可以以多种格式导出。这让你可以将信息传输到不同的站点、Excel 文件或将其用于任何其他目的。
  • 可扩展性:除了主插件之外,开发人员还为 TablePress 提供了许多附加组件。它们可以让表格响应式、添加列过滤器、将表格保存为 PDF 的选项等等。

使用 TablePress 和 Elementor 在 WordPress 中创建表

如何使用 TablePress 插件在 WordPress 中创建全新的表格。

1.安装TablePress

第一步当然是安装 TablePress 插件。就像安装其他 WordPress 插件一样。只需进入 “插件“>”添加新插件”,搜索插件名称并点击 “安装 “即可。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

安装好之后,激活插件即可!

2. 添加新表

网站激活后,会在 WordPress 面板中发现一个新的 TablePress 菜单项。点击该菜单项即可进入此界面。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

在这里,可以处理 WordPress 网站上有关表格的一切事务。顶部有一些有用的链接,以备不时之需。

要创建一个新表格,只需点击添加新表格。完成后,就会看到这里:

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

在这一步中,你只需输入一个表格名称、一个可选的描述,并确定需要多少行和列。完成后,单击底部的添加表。

3. 用内容填充表格

下一步,填写表格的单元格。如果你以前使用过电子表格,这些都是小问题。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

注意:可以通过拖放来移动行和列,还可以使用箭头图标对它们进行排序。

4. 配置高级选项

下面还有更多表格操作、设计和格式化选项。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

在顶部,它允许你通过高级编辑器插入链接、图片和文本。对于这三个选项,你首先需要点击相应的按钮,然后点击要添加内容的单元格。然后,插件会为这三个选项分别提供一个熟悉的界面。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

还可以选择合并单元格、隐藏、复制、插入、删除行或列,以及添加新的单元格。使用两侧的复选框来标记你要操作的内容。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

在 “表格选项 “下,可以确定是否要在表格中加入页眉或页脚。还可以切换交替行颜色的开与关、控制悬停时的高亮显示,以及是否显示表格名称和说明以及显示的位置。此外,还可以为自己的自定义样式添加 CSS 类。

最后,底部是控制表格的 JavaScript 库的一些功能控件。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

这些选项包括添加对表格进行排序、搜索和过滤、使用分页和水平滚动的选项。还有一个输入自定义参数的字段。

5. 在站点上显示表格

完成后,可以保存或预览底部的表格。保存后,最重要的是检查右上角的简码。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

可以用它将表格输入到 WordPress 网站,也可以随时点击显示简码,从表格列表中查看表格。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

要在网站的任何地方显示表格,只需复制简码并将其输入到帖子、页面或文本 widget 中即可。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

如果使用的是 WordPress 的经典编辑器,TablePress 还为其添加了一个按钮,可以通过它插入表格。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

点击后,会看到网站上所有表格的列表,以及在内容中输入每个简码的按钮。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

不管选择哪种方式,页面上都是这样的。注意分页和搜索框。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

6. 在 Elementor 中使用 TablePress 表格

如果想在 Elementor 模板中加入表格(如单篇文章模板),也可以这样操作。只需打开相关模板,找到左侧的简码部件(可以用搜索功能),然后将其拖到希望表格出现的位置。

然后,将表格简码粘贴到左侧的字段中。请注意,由于 TablePress 的设置方式,在预览窗口中看不到表格,只能看到简码。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

不过,不用烦恼。当预览或发布模板时,表格就在其中。

7. 重新编辑表格

如果想更改其中一张表格的某些内容,只需返回 TablePress 的主菜单即可。在这里,在表列表中,将鼠标悬停在名称上,然后单击将出现的编辑链接。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

进入熟悉的编辑界面,可以根据需要进行更改。保存后,在内容中包含表格的地方也会更新表格。

使用 TablePress 导入表格

如上所述,也可以从现有文件导入数据,而不是手动输入。TablePress 使这一操作与创建新表一样简单。

1. 导入你的表格

可以在TablePress > 导入表格(主屏幕顶部还有一个选项卡)下找到所有选项。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

首先,选择输入源。输入源可以是文件上传、URL、服务器上的文件或手动输入(复制和粘贴)。

在本例中,我们要使用文件。为此,点击浏览并导航到要上传的电子表格。完成后,使用下拉菜单告诉 TablePress 是哪种格式(CSV、HTML、JSON、Excel)。

可以选择是用数据创建一个新表格,还是替换已有的表格,或者向网站上已有的表格添加新数据。当然,当你选择后一种方式时,需要从菜单中选择表格。

根据需要进行配置,然后点击完成

2. 检查并格式化

导入表格后,将把它发送到与以前相同的页面。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

如果一切顺利,数据填写应该是正确的了。剩下要做的就是配置设计和行为选项了。

3. 在网站上显示它

之后,就可以使用简码将导入的表格添加到网站的任何位置,添加方式与之前相同。

TablePress – 导出表格

最后,我们来看看插件为用户提供的导出功能。毫不奇怪,你可以在 TablePress > Export a Table 或主菜单顶部的选项卡中找到这个选项。这两个选项都会带你进入这个界面。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

在这里,首先需要选择要导出的表格。按住 Ctrl/Cmd 也可以选择多个表格,或使用左侧的 “选择全部 “按钮导出 WordPress 网站上的所有表格。

在下面,选择导出格式(CSV、HTML、JSON)和使用 CSV 时值之间的分隔符(逗号、分号或制表符)。还可以选择创建压缩文件。在同时导出多个表格时,这个设置是必须的。选择后,点击 “下载导出文件接收文件

可用的插件选项

TablePress 的选项面板非常有限。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

主要可以通过 CSS 设置来更改表格的样式。如果你对这里不熟悉,可以找开发人员帮助你。在这下面,你可以更改 TablePress 菜单项在主菜单上的位置。此外,在底部还有一个卸载插件的按钮,以及卸载时的注意事项。

如果觉得这些还不够,下面的一些附加组件可以为插件带来更多功能。

有用的 TablePress 附加组件

开头提到的,TablePress 附带了许多可选的附加组件。

如何使用 Elementor 和 TablePress 在 WordPress 中创建表格

总结

我们讲了如何在 TablePress 中创建表格、在 Elementor 网站上显示表格、导入现有表格数据以及从网站导出表格。还有插件选项和许多可用的附加组件。希望能帮助你在自己的 WordPress 网站上创建表格。如果有其他问题,也可以在我们的光子波动“问答社区”留言。


联系我们
文章看不懂?联系我们为您免费解答!免费助力个人,小企站点!
电话:020-2206-9892
QQ咨询:1025174874
邮件:info@361sale.com
工作时间:周一至周五,9:30-18:30,节假日休息
发布者:光子波动,转转请注明出处:https://www.361sale.com/9883/

(2)
上一篇 2024年 5月 17日 上午9:40
下一篇 2024年 5月 17日 下午1:42

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

联系我们

020-2206-9892

QQ咨询:1025174874

邮件:info@361sale.com

工作时间:周一至周五,9:30-18:30,节假日休息

客服微信
购买我们的托管服务器,享受免费运维!