如何在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表格簡碼到經典編輯器或Elementor的文字編輯器

在經典編輯器或Elementor的文字編輯器裡貼上表格的簡碼。

編輯器會自動識別簡碼並產生先前在TablePress中新增的表格:

TablePress表格效果預覽

使用Advanced Editor Tools編輯表格

安裝並啟用Advanced Editor Tools插件

在WP後台安裝並啟用進階編輯器工具插件。

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-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄
相關文章
zh_TWZH_TW