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

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

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

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

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

TablePress – 轻松将表格添加到 WordPress

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

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

使用 TablePress 和 Elementor 在 WordPress 中创建表

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

1.安装TablePress

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

安装好之后，激活插件即可！

2. 添加新表

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

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

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

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

3. 用内容填充表格

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

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

4. 配置高级选项

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

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

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

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

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

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

5. 在站点上显示表格

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

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

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

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

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

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

6. 在 Elementor 中使用 TablePress 表格

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

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

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

7. 重新编辑表格

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

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

使用 TablePress 导入表格

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

1. 导入你的表格

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

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

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

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

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

2. 检查并格式化

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

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

3. 在网站上显示它

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

TablePress – 导出表格

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

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

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

可用的插件选项

TablePress 的选项面板非常有限。

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

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

有用的 TablePress 附加组件

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

总结

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