如何在 WordPress 文章/页面中插入表格

已发表: 2022-03-21

有一个简单的方法。

但这不是最好的方法。

WordPress 中的新块编辑器包含一个表格块,它非常适合简单的表格。

但是,您可能需要一些更高级的东西。

有两个出色的插件可以提供帮助。

第一个插件允许您使用特殊编辑器创建表格。 这意味着您甚至不需要查看任何代码。 第二个插件更适合需要视觉吸引力和多样性的表格。

还有第三种方法可以动态工作并列出您网站上的帖子、文档和其他内容——我们将在最后探讨该选项。

订阅 Youtube 上的竞赛主题

目录隐藏
  1. 1. 使用 TablePress 创建表格
    1. 为什么要使用 TablePress?
    2. 如何使用 TablePress
    3. 常见问题
  2. 2.用Tablesome创建一个表
    1. 如何使用 Tablesome
  3. 3. 使用 WP Table Builder 创建表格
    1. 如何使用 WP 表生成器
  4. 4. 使用 Posts Table Pro
  5. 5. 使用 JetEngine 表生成器
    1. 如何使用 JetEngine 表生成器?
  6. 您可以在没有插件的情况下创建表格吗?

1. 使用 TablePress 创建表格

TablePress 是用于使用 WordPress 创建和显示表格插件。

TablePress 插件

如您所见,它是 WordPress 用户的最爱。

为什么要使用 TablePress?

TablePress 的主要吸引力在于它为您提供了一个很好的界面来创建和修改表格,而无需接触任何代码

此外,它的功能比我在这里介绍的要多。 查看扩展页面,了解可以添加到基本插件的所有酷功能。

使用 TablePress 的最后一个好处是您的表格不会被绑定到单个帖子或页面。 由于您创建独立于任何帖子/页面的表格,因此您可以在站点的任何位置重复使用它们。

如何使用 TablePress

激活 TablePress 后,您会发现管理仪表板中添加了一个新的顶级菜单。

TablePress 添加的菜单

单击“添加新”按钮将带您进入此页面,您可以在其中设置表格的名称和大小(不用担心,您以后可以随时更新行/列)。

表创建屏幕

创建表格后,您可以访问完整的表格编辑器,您将在其中输入数据。

表格编辑器
我在表格中添加了一些示例数据,因此您可以看到它在使用中的样子。

您可以重新排列行和列、添加链接、组合单元格——编辑器中内置了大量实用功能。

当您准备好显示表格时,从表格页面复制简码并使用简码块将其粘贴到编辑器中。

简码块

虽然您会在编辑器中看到一个简码,但在您查看帖子时会显示一个完整的表格。

这是表格在前端的显示方式。

使用 TablePress 显示的示例表
显示在具有 Apex 主题的帖子中。

从未使用过简码? 在本教程中熟悉它们。

常见问题

TablePress 有一些常见问题和疑问。

短代码会影响我网站的 SEO 吗?

不会。使用简码不会对 Google 读取页面上的表格的能力产生任何影响。

当您在编辑器中看到短代码时,网站上会输出常规的可抓取 HTML。 这与自己编写 HTML 没有什么不同。

它是响应式/移动友好的吗?

默认情况下,TablePress 创建的表格不响应。 但是,有一个扩展可以使它们对移动设备更加友好。

如果我停止使用这个插件,我会丢失我的桌子吗?

是的,没有。

表数据存储在您的数据库中,因此从技术上讲,您不会因为卸载插件而丢失它。 但是,您将无法再访问管理仪表板中的该数据,因此使用它创建表可能具有挑战性。

备份您的网站!

好的,这不是问题,而是提醒您备份您的网站! 网络上的一些 WP 用户感叹在他们的桌子上花费数小时只是为了最终失去他们。

始终确保定期备份您的网站,这样您就不会失去您的辛勤工作。 如果您需要帮助,可以按照我们的教程了解如何备份您的网站。 有很多很棒的免费和高级备份插件可供选择。

2.用Tablesome创建一个表

Tablesome 是一个 WordPress 表格插件,用于快速创建响应式表格并将其添加到页面和帖子中。 您还可以从使用其他工具(如 Google Sheets、MS Excel 等)生成的 CSV 和 XLSX 文件中导入表格

餐桌上的

虽然 Tablepress 等其他插件擅长在桌面设备上呈现数据,但它们并不具备移动响应能力。 另一方面,Tablesome 反应灵敏,在所有屏幕尺寸上看起来都很棒。 您可以创建各种表格,包括大型数据表、产品目录、比较表、体育联赛表、定价表等。

借助直观的类似电子表格的界面,创建和编辑表格也很容易。

如何使用 Tablesome

Tablesome 可以安装任何其他 WP 插件。 安装后,您会发现仪表板中添加了一个新的 Tablesome 菜单。

如果要从 CSV 或 XLSX 文件导入文件,可以通过单击导入选项来实现。
要从头开始创建表,请单击“创建新表”菜单项以进入新表页面。

创建表

在此页面上,您可以为表格命名并输入数据。 其他插件和 Tablesome 之间的关键区别在于,您可以在向表中添加数据时添加行和列。

有八种数据类型可用,包括文本、富文本、电子邮件、数字、日期、链接、复选框和按钮。 创建完表格后,您可以通过“表格设置”菜单自定义其外观。

表设置

在表格设置中,您可以选择启用搜索、排序、过滤器和分页等选项。 您还可以配置您希望表格如何适应移动屏幕。

在样式部分,您可以自定义表格标题、正文、边框、字体和字体大小的外观。

当您准备好将表格添加到帖子或页面时,如果您仍在使用经典编辑器,则可以使用 Tablesome 块或短代码执行此操作。

繁琐的简码

下面是一个 Tablesome 表在站点前端的示例:

桌面前端

3. 使用 WP Table Builder 创建表格

如果您想创建视觉上更漂亮的表格,请尝试使用 WP Table Builder。

Wp 表生成器

虽然 TablePress 非常适合结构化和呈现数据,但这些表格并没有那么吸引人。 WP Table Builder 非常适合创建产品比较表、员工时间表甚至餐厅菜单。

通过简单的拖放界面,WP Table Builder 使用起来很有趣。

如何使用 WP 表生成器

WP Table Builder 可以像任何其他插件一样安装。 安装后,您会发现仪表板中添加了一个新的 Table Builder 菜单。

表生成器菜单

单击“添加新”按钮会显示拖放界面,您可以在其中构建表格。

表生成器界面

当前,您可以在上图的左上角看到五种不同的内容类型。

选择所需的列数和行数(以后可以编辑)后,您可以简单地将这些元素中的任何一个拖放到表中的任何单元格中。

在摆弄这个插件不到一分钟后,我就可以整理出一个产品比较表的开头。

表格示例

很容易看出如何使用这个插件快速创建任何类型的表。

至于将表格添加到您的帖子中,可以使用简码轻松完成。 单击界面顶部的“嵌入”按钮会显示带有表格简码的弹出窗口。

Wp 表生成器简码

然后,您需要做的就是将其复制并粘贴到简码块中,以将其包含在任何帖子或页面中。

4. 使用 Posts Table Pro

到目前为止,我们在本文中介绍的两个插件是静态表插件。 这意味着用户必须手动添加数据并在他们想要更新表时更改它。 静态表格插件非常适合显示财务信息等结构化数据。

Posts Table Pro 与众不同,因为它是一个动态的 WordPress 表格插件。 它不显示静态数据,而是使用存储在 WordPress 数据库中的信息自动生成表格。 与手动添加数据相比,这可以为您节省大量时间。

Posts Table Pro WordPress 表格插件

您可以使用 Posts Table Pro 创建 WordPress 博客文章、页面或任何自定义文章类型的可搜索表。 该插件的大多数用例是创建文档库、博客文章索引、资源目录、员工或成员目录以及视频或音频库。

为什么使用 Posts Table Pro?

根据您要在表格中显示的内容,自动生成表格可以带来很多好处。

您可以在 WordPress 管理员中添加帖子(或自定义帖子),而不是直接将数据添加到表中。 您可以使用 WordPress 自带的所有标准字段,也可以使用 Advanced Custom Fields 或 Pods 等插件来添加自定义字段和分类法。 添加后,您可以使用 Posts Table Pro 短代码在您网站的任何位置插入表格。

插入动态 WordPress 表
Posts Table Pro 适用于图像、WooCommerce 产品、音频等

插入表格后,您无需再次更新它。 对帖子的任何更改都会自动反映在表格中,因此您无需记住手动更新它。

在表格中显示帖子的另一个好处是您的用户可以访问每个项目的单独页面。 他们可以点击进入单个帖子(或自定义帖子)页面以查看完整内容。 这仅适用于动态 WordPress 表格插件,因为对于静态表格,表格中的每个项目都没有对应的页面。

如何使用 Posts Table Pro

如果您想要显示的信息已经在您的 WordPress 网站上(例如,博客文章),您可以立即设置 Posts Table Pro。 或者,您可以安装免费的 Pods 插件并创建自定义帖子类型以及您将在表格中显示为列的所有字段。

然后,您可以安装 Posts Table Pro 并使用设置页面对其进行配置。 有几十个选项,您可以控制详细信息,例如表格列、过滤器下拉列表以及每页显示多少项。

接下来,将 [posts_table] 短代码添加到您想要在 WordPress 网站上插入表格的任何位置。 例如,有很多简码选项,以便您可以在每个表中列出不同的项目。

总体而言,它是在您的网站上列出内容的绝佳选择,并且优于静态表格替代品。

5. 使用 JetEngine 表生成器

另一个动态 WordPress 表格插件是 JetEngine Tables Builder 模块。 使用此插件,无需手动添加数据,因为表是从 WordPress 数据库自动创建的。

JetEngine 表生成器

Tables Builder 最常见的用例是 WooCommerce 产品表、统计表和基于 Rest API 的表(例如 IMDb 表)。 使用此表格插件,您可以生成动态数据表格,显示:帖子、术语、评论、评论、产品或 SQL 数据。

如何使用 JetEngine 表生成器?

要使用 JetEngine 插件创建动态表,请执行以下步骤:

  1. 下载并安装 JetEngine
  2. 启用动态表模块
表选项
  1. 使用 JetEngine 查询生成器创建查询。
  2. 配置常规表格设置(添加标题、选择查询以从中获取数据、获取数据以预览表格)。
  3. 添加您需要的列。
  4. 调整表格样式。
  5. 将表格添加到页面(通过 Elementor 页面构建器或 Gutenberg)。

使用 Tables Builder,您可以轻松地为您的网站添加具有可排序和自我更新数据的动态表。 顺便说一句,在 JetSmartFilters 的帮助下,您可以将过滤器添加到您的表格中。

总而言之,这是一个用于构建动态表的优秀插件。

您可以在没有插件的情况下创建表格吗?

WordPress 确实有一个表格块,可让您快速创建具有自定义列数和行数的表格,但您的数据会保留在一个地方,它不可重复使用,并且不会具有吸引人的样式。

对于希望制作可以从其站点导入或导出的更大、可重复使用的表格的人来说,TablePress 是一个绝佳的选择。 WP Table Builder 是更多视觉内容的绝佳替代品,而 Posts Table Pro 非常适合在网站上列出动态内容。

如果您正在寻找插件之间的更多选择,请查看我们的 WordPress 最佳表格插件列表。

您还需要将表格添加到您的站点吗? 本教程中是否缺少某些内容? 在下面发表评论。