Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt

页面

教程分类

如何在Elementor中编辑表格,WordPress网站添加表格的3种方式

Generic filters
Exact matches only
Search in title
Search in content
Search in excerpt
如何在Elementor中编辑表格,WordPress网站添加表格的3种方式
在WordPress中,常用的经典编辑器和Elementor并不支持编辑表格,本文分享3种在Elementor中编辑表格的方法。
文章目录

本篇文章共 944 字,预计阅读时间 4 分钟

B2B外贸网站搭建中,难免需要使用表格来展示我们网站产品的参数。

但是WordPress中常用的经典编辑器和Elementor都不支持编辑表格,所以本篇文章Well分享3种在Elementor中编辑表格的方法:

使用TablePress表格插件添加表格

安装并启用TablePress插件

首先在WP后台插件界面搜索TablePress插件,安装并启用该插件。

在TablePress插件中创建表格

在TablePress插件界面新建表格,为表格命名、设置表格行数和列数。

在TablePress中编辑表格,并复制简码

  • 接下来在创建好的TablePress表格里编辑表格内容
  • 保存表格
  • 复制表格的简码

粘贴TablePress表格简码到经典编辑器或Elementor的文本编辑器

在经典编辑器或者Elementor的文本编辑器里粘贴表格的简码。

编辑器会自动识别简码并生成之前在TablePress中添加的表格:

TablePress表格效果预览

使用Advanced Editor Tools编辑表格

安装并启用Advanced Editor Tools插件

在WP后台安装并启用Advanced Editor Tools插件。

Advanced Editor Tools是一个编辑器拓展插件,该插件可以为古腾堡和经典编辑器拓展功能。

在经典编辑器或者Elementor文本编辑器可以直接添加表格

安装Advanced Editor Tools插件后就能在经典编辑器或Elementor文本编辑器里看到增加的表格功能。

点击表格图标就可以选择添加表格的行数和列数,可直接在编辑器内编辑表格。

生成的表格如下:

Advanced Editor Tools插件生成的表格

如果来到Advanced Editor Tools的插件设置界面,还能看到多个为经典编辑器或文本编辑器准备的拓展工具,通过拖拽可以将拓展工具添加到编辑器中。

Advanced Editor Tools还有更多的拓展工具

利用AI工具生成表格代码

首先要在Excel中编辑好要使用的表格。

复制或者截图Excel中的表格

复制表格内容或者是截图。

将复制的表格内容或者是截图发送给AI工具,比如发送给ChatGPT:

粘贴表格截图或者是内容,发从给AI工具,让AI生成表格代码

让AI工具将表格内容生成对应的HTML代码,并复制该代码。

在编辑器里添加代码

在文本编辑器中,切换编辑器为文本状态,然后粘贴AI生成的表格代码。

编辑器会自动识别代码并生成表格:

代码生成的表格

以上就是WordPress添加表格的3种方式。

更多插件教程请查看:独立站工具插件教程

 

: ) 文章内容均为原创,转载须注明出处并添加原文链接,否则视为侵权
Well企业微信
专业网站搭建,扫码直接咨询
外贸服务器推荐(Well在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
Clouvider-logo
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章
没有账号? 忘记密码?