想在WordPress中创建一个表吗?下面是如何在WordPress帖子/页面中添加表,包括排序、搜索、分页等功能(不需要任何代码)。

你想在WordPress帖子和页面中添加表吗?表格是一种以可理解的格式显示数据的好方法。

在过去,您需要使用插件或HTML代码来在WordPress帖子或页面中创建表。

在本文中,我们将向您展示如何在不使用插件或任何HTML代码的情况下在WordPress帖子和页面中创建表。我们还将介绍如何在WordPress中创建具有排序和搜索功能的高级表。

视频教程

如果您喜欢书面说明,请继续阅读。

在WordPress块编辑器中创建表

WordPress使得使用默认的WordPress块编辑器添加表变得超级容易。

创建一个新的帖子或页面,或编辑一个现有的。进入内容编辑器后,单击(+)符号添加一个新块,然后选择‘Table’

你可以在‘format ’section,也可以输入‘Table’进入‘搜索街区’酒吧。

接下来,系统将提示您选择表中需要的列数和行数。这两个图默认为2。

不要担心,如果你不是100%的确切计数,因为你总是可以添加/删除表列和行以后。

我们创建了一个3列4行的表格:

您可以键入表格单元格,它们会根据每个单元格中的内容自动调整大小。如果你希望你的单元格是固定宽度的,那么你可以在右边设置这个选项。

您还可以在这里添加表头或表脚部分。在我们的例子中,我们已经为我们的表添加了一个标题,并且我们还在‘颜色设置’下设置了背景色为灰色。选项卡。

如果您想添加一个新的行或列,只需单击表格中您想添加它的位置的单元格。接下来,点击‘编辑表’按钮。

这里,我们在表的右侧添加一个新列:

你也可以用同样的方法删除行和列。只需点击想要删除的行或列中的单元格,然后选择‘Delete row ’Delete Column’从‘编辑表’菜单。

默认情况下,表’5列中的文本向左对齐。你可以通过点击列,然后点击‘更改列对齐’

在这里,我们对三个有数字的列应用了居中对齐:

你也可以通过点击‘change alignment’按钮,并从列表中选择一个选项。

注意这些选项可以使你的表格显示超出你的post区域的正常边界。有些在你的网站上可能看起来很奇怪,所以请确保预览你的帖子或页面,看看它们是如何显示的。

这里’当它出现在网站上时:

正如你所看到的,它超出了post区域的左右边缘。

内置于Gutenberg编辑器中的表格工具在如何显示表格方面为您提供了很大的灵活性。

您可以使用它以易于理解的格式向读者显示您的数据。然而,表格块不具有某些高级功能,如搜索过滤、自定义排序等。

它也不允许您在网站的多个区域(如侧边栏小部件或其他页面)轻松地使用同一个表格。

要创建高级表,您需要使用WordPress表插件。

TablePress是市场上最好的WordPress表插件。它是100%免费的,它允许您轻松地创建和管理表。

最好的是您可以单独编辑您的表,甚至可以添加大量的行。

TablePress也变得必要,如果你使用的是旧的经典WordPress编辑器,没有表的功能。

首先,你需要安装并激活TablePress插件。关于如何安装WordPress插件的详细信息,请参阅我们的分步指南。

你将在你的WordPress仪表板中看到一个TablePress菜单项。转到TablePress »添加New创建新表。

您需要为您的表键入一个名称,并决定需要多少行和多少列。

我们将创建一个4行3列的表:

一旦你添加了表名,行和列,继续点击‘添加表’按钮来创建您的表。

接下来,您将看到一个显示表格信息的屏幕和一个可以添加内容的区域。

只需在表格的单元格中键入您想要的数据。您可以使用上面的箭头对数据列进行排序。这些将按字母或数字顺序排序。

在‘区域。在‘Table Manipulation’中,您可以添加、删除和复制行:

在‘Table Options’中,您可以添加页眉和/或页脚行,这些行不能与数据一起排序。您还可以决定在哪里显示表名和描述:

最后,您可以在‘功能的数据表JavaScript库’部分。这允许您创建可由读者筛选、搜索和排序的响应式表。

一旦你对你的表格满意了,点击‘Save Changes’。

您可以将您的表格添加到任何帖子或页面。只需将短代码添加到段落块或使用短代码块。

如果您使用经典编辑器,那么只需将短代码直接添加到您的文章中:

如果您想在将来更改您的表,您可以回到您的仪表板中的TablePress并进行更改。您的表将在您使用过的任何帖子和页面中自动更新。

TablePress还允许您从电子表格和CSV文件导入数据。类似地,你也可以将TablePress表数据导出为CSV文件,然后你可以用任何电子表格程序(如Microsoft Excel或Google Sheets)打开该文件。

我们希望这篇文章能帮助你学习如何在不使用HTML的情况下在WordPress帖子和页面中添加表。你可能也会喜欢我们关于如何创建电子邮件时事通讯,以及如何在WordPress中制作联系表单的文章。

和。

更多有关于 Wordpress插件技巧

本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、Python、Objective-C、ActionScript、Pascal等单词的拼写,熟悉Windows、Linux、OS X、Android、iOS、WP8等系统的开关机。

通过下面的方式来联系我们:

电邮:138762189@qq.com

联系QQ:点击这里给我发消息

官方站:www.tadke.com

※ ※ 联系请加我的企鹅号 ※※

※ ※技术支持请微信联系站长 ※※

Copyright © 2023 Tadke.com. 琼ICP备20000547号