0

0

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

舞夢輝影

舞夢輝影

发布时间:2025-06-20 16:20:11

|

937人浏览过

|

来源于php中文网

原创

您想将表格添加到 wordpress 帖子和页面吗?

表格是以易于理解的格式显示数据的好方法。WordPress 通过一些格式和设计选项提供了在表格中添加内容的简单方法。

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

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

视频教程

https://www.youtube.com/embed/OedrM00iMq8?version=3&rel=0&fs=1&showsearch=0&showinfo=1&iv_load_policy=1&wmode=transparent订阅 WPBeginner

立即学习前端免费学习笔记(深入)”;

https://www.youtube.com/subscribe_embed?usegapi=1&channel=wpbeginner&layout=default&count=default&origin=https%3A%2F%2Fwpbeginner.com&gsrc=3p&ic=1&jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en.vQiXRrxCe40.O%2Fam%3DAQ%2Fd%3D1%2Frs%3DAGLTcCMBxIGVyXSdvvcs43a64yHt_P7dfg%2Fm%3D__features__#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&id=I0_1448178294715&parent=https%3A%2F%2Fwpbeginner.com

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

在 WordPress 块编辑器中创建表

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

只需创建一个新的帖子或页面,或编辑现有的帖子或页面。进入内容编辑器后,单击“+”符号添加新块,然后选择“表”块。

您可以在“文本”部分下找到它,也可以在搜索栏中输入“表格”。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

接下来,系统将提示您选择表的列数和行数。两个数字均默认为 2。

如果您不能 100% 确定确切的数字,请不要担心,因为您以后随时可以添加/删除表列和行。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

只需输入行数和列数,然后单击“创建表格”按钮即可。

然后,该块将生成您的表格并将其显示在屏幕上。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

您可以在表格单元格中键入内容,它们将根据每个单元格中的内容量自动调整大小。

如果您希望单元格宽度固定,您可以在右侧设置此选项。在这里,您还可以添加表格页眉或页脚部分。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

从设置面板中,您还可以切换到“样式”选项卡。

您的WordPress 主题可能会为表格块提供多种样式,或者您可以选择背景和文本颜色。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

如果要添加新行或新列,只需单击表格中要添加的位置的单元格即可。接下来,单击“编辑表”按钮。

这将显示一系列选项,用于向表中添加或删除行和列。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

默认情况下,表格列中的文本左对齐。

您可以通过单击列内部然后单击“更改列对齐方式”按钮来更改此设置:

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

您还可以更改帖子或页面中整个表格的对齐方式。

只需单击“更改对齐方式”按钮并从列表中选择一个选项即可。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

请注意,这些选项可能会使您的表格显示超出帖子区域的正常边界。

有些在您的WordPress 网站上可能看起来很奇怪,因此请预览您的帖子或页面以检查表格的显示方式。

这是我们的演示网站上显示的设置为“宽宽度”的表格:

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

正如您所看到的,它超出了帖子区域的左右边缘。

Detect GPT
Detect GPT

一个Chrome插件,检测您浏览的页面是否包含人工智能生成的内容

下载

古腾堡编辑器中内置的表格工具为您提供了如何显示表格的很大灵活性。您可以使用表格块以易于理解的格式向读者显示数据。

但是,该块没有搜索过滤、自定义排序等高级功能。它还不允许您在网站的多个区域(例如侧边栏小部件或其他页面)有效地使用同一个表格。

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

使用 TablePress 插件创建表

TablePress是市场上最好的 WordPress 表格插件之一。它是一个免费插件,允许您轻松创建和管理表。另外,您可以单独编辑表格,甚至添加大量行。

如果您使用较旧的经典 WordPress 编辑器(不具有表格功能),TablePress 也变得必要。

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

然后,您将在 WordPress 仪表板中看到 TablePress 菜单项。转到TablePress » 添加新表以创建新表。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

您需要输入表的名称并决定所需的行数和列数。您也可以随时添加/删除表格行和列。

添加表名称、行和列后,请继续并单击“添加表”按钮来创建表。

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

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

只需在表格的单元格中输入所需的数据即可。

要添加或删除行和列或执行排序操作,只需在表内右键单击即可。这将显示一个选项菜单,您可以在其中进行更多更改。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

“表格内容”区域下方有一些高级选项,例如“表格操作”。

从这里,您可以执行添加、删除和复制行等操作。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

在“表格选项”中,您可以添加页眉和/或页脚行,这些行不会与数据一起排序。

您还可以决定在哪里显示表名称和描述:

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

最后,您可以在“站点访问者的表格功能”部分中设置各种选项。

这些设置允许您创建可由读者过滤、搜索和排序的响应式表格。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

一旦您对表格感到满意,只需单击“保存更改”即可。

之后,复制表短代码。您在下一步中将需要它。

现在,编辑要在其中显示表格的帖子或页面,并将简码块添加到编辑器。

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

之后,将您之前复制的短代码添加到短代码块中。

不要忘记更新或保存您的更改。

另一方面,如果您使用经典编辑器,则只需将短代码直接添加到您的帖子中即可:

如何在 WordPress 帖子和页面中添加表格(无需 HTML)

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

TablePress 还允许您从电子表格和 CSV 文件导入数据。同样,您还可以将 TablePress 表格数据导出到 CSV 文件,然后可以使用 Microsoft Excel 或 Google Sheets 等任何电子表格程序打开该文件。

我们希望本文能帮助您了解如何在不使用 HTML 的情况下在 WordPress 帖子和页面中添加表格。您可能还喜欢我们关于如何在 WordPress 中创建目录的指南以及我们专家精选的最佳 WordPress 表格插件。

相关文章

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
html版权符号
html版权符号

html版权符号是“©”,可以在html源文件中直接输入或者从word中复制粘贴过来,php中文网还为大家带来html的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

616

2023.06.14

html在线编辑器
html在线编辑器

html在线编辑器是用于在线编辑的工具,编辑的内容是基于HTML的文档。它经常被应用于留言板留言、论坛发贴、Blog编写日志或等需要用户输入普通HTML的地方,是Web应用的常用模块之一。php中文网为大家带来了html在线编辑器的相关教程、以及相关文章等内容,供大家免费下载使用。

655

2023.06.21

html网页制作
html网页制作

html网页制作是指使用超文本标记语言来设计和创建网页的过程,html是一种标记语言,它使用标记来描述文档结构和语义,并定义了网页中的各种元素和内容的呈现方式。本专题为大家提供html网页制作的相关的文章、下载、课程内容,供大家免费下载体验。

470

2023.07.31

html空格
html空格

html空格是一种用于在网页中添加间隔和对齐文本的特殊字符,被用于在网页中插入额外的空间,以改变元素之间的排列和对齐方式。本专题为大家提供html空格的相关的文章、下载、课程内容,供大家免费下载体验。

245

2023.08.01

html是什么
html是什么

HTML是一种标准标记语言,用于创建和呈现网页的结构和内容,是互联网发展的基石,为网页开发提供了丰富的功能和灵活性。本专题为大家提供html相关的各种文章、以及下载和课程。

2895

2023.08.11

html字体大小怎么设置
html字体大小怎么设置

在网页设计中,字体大小的选择是至关重要的。合理的字体大小不仅可以提升网页的可读性,还能够影响用户对网页整体布局的感知。php中文网将介绍一些常用的方法和技巧,帮助您在HTML中设置合适的字体大小。

506

2023.08.11

html转txt
html转txt

html转txt的方法有使用文本编辑器、使用在线转换工具和使用Python编程。本专题为大家提供html转txt相关的文章、下载、课程内容,供大家免费下载体验。

312

2023.08.31

html文本框代码怎么写
html文本框代码怎么写

html文本框代码:1、单行文本框【<input type="text" style="height:..;width:..;" />】;2、多行文本框【textarea style=";height:;"></textare】。

426

2023.09.01

Java JVM 原理与性能调优实战
Java JVM 原理与性能调优实战

本专题系统讲解 Java 虚拟机(JVM)的核心工作原理与性能调优方法,包括 JVM 内存结构、对象创建与回收流程、垃圾回收器(Serial、CMS、G1、ZGC)对比分析、常见内存泄漏与性能瓶颈排查,以及 JVM 参数调优与监控工具(jstat、jmap、jvisualvm)的实战使用。通过真实案例,帮助学习者掌握 Java 应用在生产环境中的性能分析与优化能力。

19

2026.01.20

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
最新Python教程 从入门到精通
最新Python教程 从入门到精通

共4课时 | 8万人学习

Node.js 教程
Node.js 教程

共57课时 | 9万人学习

CSS3 教程
CSS3 教程

共18课时 | 4.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号