通用過濾器
頁面
教程分類

如何在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種方式。

更多插件教學請查看:獨立站工具插件教程

 

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
提供專業外貿建站服務
WordPress建站資源下載
WordPress 外掛程式下載,合理使用外掛程式豐富網站功能
WordPress伺服器推薦,外貿專用VPS | 虛擬主機教學、評量
WordPress專用VPS、虛擬主機推薦
文章標籤
文章推薦
文章目錄

建站遇到問題?

聯絡我們獲得技術支援
相關文章
Google OAuth 2.0 用戶端ID 與Secret 建立教學課程
Google OAuth 2.0 用戶端建立教學課程

這篇文章分享Google OAuth 2.0 用戶端ID 和Secret 建立教學課程,讓你的網站可以安全地存取Google API,讓使用者可以使用Google一鍵登入你的網站!

WordPress 多語言外掛如何選擇?
WordPress 多語言外掛如何選擇?

本篇文章列出多款主流的WordPress 多語言外掛(WPML、Polylang、TranslatePress 等),然後從功能特性、SEO 友善度、易用性、效能影響、等幾個方面進行比較評估。


或者

或者