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

如何在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在用的服务器)
vultr-logo
一线品牌VPS服务器,稳定、不贵、性能强
二线品牌VPS服务器,稳定、便宜、性能强
文章标签
文章推荐
文章目录
相关文章