【整理】在 WordPress 文章插入表格的 3 種方法

WordPress 本身的文字編輯器沒有表格功能,文本整理了馥格自己有在使用的幾種表格工具,大家可以視自己的需求選擇順手的工具來輔助 WordPress 寫作。

Markdown:最直觀

如果是原本就有用 Markdown 寫部落格的朋友,這個方法應該不需要馥格介紹了。以下用一張圖片讓不熟悉 Markdown 語法的朋友體會一下 Markdonw 表格有多直觀。

(註:畫面來自線上 Markdown 編輯器 StackEdit 的說明文件)

TablePress:最泛用

TablePress 可以應付 WordPress 大部分的表格需求,目前聊馥一格幾乎所有的表格都是用 TablePress 來處理。發揮到最極致的應該是20152016年的 2 篇手帳情報文, TablePress 可以讓讀者自己選擇排序方式單頁顯示的列數

不過 TablePress 在編輯既有的表格方面不是方便,例如超連結,TablePress 的儲存格是以 HTML 文字的形式顯示含有語法的內容,所以「連結顯示的文字」和「連結網址」會一起出現在 TablePress 的儲存格裡,像是我想更新《幸福美肌》心得文裡面的商品網址,就必須自己在格子裡找到網址的部分修改,TablePress 編輯界面預設的表格尺寸又特別小,使用上不是很順手。

第一列還是我手動拉長過的,原本的表格長度更短。對比一下所見即所得的編輯器,連結網址是獨立出來的:

TablePress 對於整個行或列的編輯功能也比較欠缺,只有「新增」、「複製」和「刪除」3 種,如果你預見未來表格內的行列會有移動之類的需求,或許可以考慮下面要介紹的 Google 試算表。

Google 試算表:運算功能

當表格內容不只是單純的文字,而是涉及數學計算等等,利用 Google 試算表的「發布到網路」功能可以非常輕鬆地處理。

馥格原本就是用 Google 試算表來紀錄股票投資的情形,但一直到最近才發現這個超級實用的功能。過去要分享這些紀錄,我必須手動輸入每一筆交易數據到 TablePress 表格裡,新的年度要調整顯示項目的時候,因為 TablePress 沒有整行或整列移動的功能,整個過程非常地繁瑣。

現在直接分享 Google 試算表到部落格上,上述的問題就通通消失了。更新交易數字之後,Google 會依照原本設定好的公式算出總額和報酬率,部落格文章裡嵌入的試算表表格也會自動更新,在 WordPress 這邊我只需要修改定存股紀錄這篇文章的標題和發表時間,讓讀者知道內容有更新就可以了。

但 Google 試算表也不是完美的(否則這篇文章就會是Google 試算表推薦文了),預設的表格程式碼並沒有長寬設定,也不會配合網頁自動調整,因此嵌入文章的時候必須自己設定調整長寬尺寸才能達到理想的顯示效果,算是比較美中不足的地方。

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *