表格繪製小幫手:AI 自動生成、手機版自動轉卡片的 WordPress 表格外掛

mr-table 是金城事務所開發的 WordPress 表格外掛,Claude AI 產表格 + 手機自動轉卡片。AI 摘要、AIO、GEO 遇到比較型內容都優先抓表格,但傳統外掛欄位一多手機就擠一團。用過 TablePressWP Table Builder 痛點沒解決,請團隊做 mr-table。這篇講為什麼做、AI 怎麼產表格、手機卡片化怎麼運作、適合誰用。

為什麼要做 mr-table?傳統 WordPress 表格外掛卡在「欄位一多、手機就慘」

「欄位一多手機版表格就擠一團,怎麼辦?」這是這幾年我做表格遇到最頭痛的問題。表格越做越複雜,外掛卻沒跟上手機優先的閱讀情境。我自己長期使用過幾套主流外掛,最常遇到的痛點有三個。

第一,直列欄位一多,手機版就被壓縮成一團。電腦版設計得再漂亮,到手機都會出現字擠在一起、換行錯亂的狀況。第二,水平左右滑動的解法操作不直覺。多數讀者根本不會察覺表格可以左右滑,就算察覺了,一邊滑一邊對齊欄位也很費力。第三,內容要全部人工填寫,抓重點靠經驗。寫一張比較表如果沒有抓對重點欄位,最後讀者一樣看不懂。

實際看現在市場的狀況:要把表格做成「真正的卡片」,目前要嘛靠 Ninja Tables 的 Pro 版本去開 stack mode,要嘛得自己寫 CSS、PHP、JavaScript 三段程式碼來實作 data-label 卡片切換。前者要付費、後者要會寫 code,兩種對多數內容創作者都不友善。mr-table 想做的,就是把「卡片化」從進階技巧變成預設行為。

表格繪製小幫手:AI 自動生成、手機版自動轉卡片的 WordPress 表格外掛
表格繪製小幫手:AI 自動生成、手機版自動轉卡片的 WordPress 表格外掛

mr-table 的第一個主軸:用 Claude 把資料變成表格

表格寫起來最花時間的,往往不是排版,而是「決定要放哪些欄位、每一格寫什麼」。mr-table 把這件事交給 Claude Sonnet 4.6,並且提供兩種輸入方式。

第一種是直接貼上文字敘述。把一段比較資料、產品說明、或一份原始筆記丟進去,系統會自動判讀共通的維度、列出欄位、整理對應內容,整段敘述會直接轉成一張結構化的表格。第二種是上傳截圖,AI 會自動辨識圖片裡的文字與表格結構,重新製作成可編輯的表格,同時優化排版方式。這個功能特別適合來源是 PDF 截圖、官網畫面、或是別人文章裡的表格圖,省下重新打字與重新排版的時間。

抓完內容之後,使用者可以選擇兩種處理模式。「優化內容」會讓 AI 統一語氣、壓縮字數、對齊欄位長度,整張表看起來會非常俐落;「保持原文」則只做結構化、不改任何用字,適合資料本身已經寫好、只是要排成表格的情境。

成本可以講得很具體:實測下來一張表格大約落在 0.01 到 0.03 美金,很少超出這個範圍,跟訂閱一整年的付費表格外掛比起來幾乎可以忽略。後台另外提供用量統計與費用上限,預算完全可控。

表格繪製小幫手:AI 自動生成、手機版自動轉卡片的 WordPress 表格外掛
表格繪製小幫手:AI 自動生成、手機版自動轉卡片的 WordPress 表格外掛
表格繪製小幫手:AI 自動生成、手機版自動轉卡片的 WordPress 表格外掛

mr-table 的第二個主軸:手機版自動把表格轉成卡片

這是 mr-table 真正想解決的問題。電腦版維持表格型態,閱讀比較沒問題;手機版則把每一直列拆成一張卡片,每張卡片裡顯示「欄位名稱 + 對應內容」的配對。

這樣設計的好處有三個。第一,完全不需要水平滑動,讀者上下捲就能看完整張表。第二,每張卡片的視覺結構固定,欄位名稱與內容上下對齊,不會因為螢幕寬度不同而錯亂。第三,對搜尋引擎與 AI 摘要友善。卡片本質上仍然是同一份結構化的 HTML 表格,搜尋引擎抓取、AIO 引用都不會因為視覺改變而失效;最忌諱的「把表格做成圖片」這種會讓 AI 完全讀不到的錯,mr-table 也不會發生。

視覺上 mr-table 內建七色預設色系並支援自訂色碼,讓表格頭與站內主視覺保持一致。

很多人會問我:mr-table 跟 TablePress、WP Table Builder 怎麼選?簡單講,要 AI 自動產表格+手機卡片化 用 mr-table;要老牌穩定、Excel/CSV 匯入用 TablePress;要視覺設計多元的評比表用 WP Table Builder。如果欄位少於 4 欄、純資訊型,WordPress 預設表格也夠用。

跟其他主流 WordPress 表格外掛對比:

外掛AI 產表格手機卡片化Excel/CSV 匯入適合誰
mr-table有(Claude)有(自動)AEO/GEO 強化、手機優先
TablePress付費版老牌穩定、Excel 資料來源
WP Table Builder有限視覺評比表、設計需求

mr-table 適合與不適合的使用情境

適合用 mr-table 的,主要是三種情境。第一是比較型內容,例如外掛比較、課程比較、方案比較,欄位一多就最需要卡片切換。第二是規格與價格表,這類內容欄位固定、值有差異,AI 抓重點與卡片化都能直接派上用場。第三是 AIO 與 GEO 友善的結構化內容,比較表本身就是搜尋引擎與 AI 摘要最容易引用的格式,把它寫得乾淨等於放大了被引用的機會。

也誠實說一下不適合的情境。如果你需要的是大量資料的篩選、排序、搜尋這類互動表格(例如商品總表、會員清單),mr-table 並不打算往這個方向走,wpDataTables 還是更合適的選擇。如果你的表格非常單純、只有兩三欄、桌機與手機看起來差異不大,那 TablePress 已經足夠用,沒必要再多裝一個外掛。mr-table 的甜蜜點,是「欄位較多的內容比較表」,這也是過去最容易在手機上崩掉的那一塊。

金城老師觀點

金城老師觀點

做 mr-table 不是因為市面上沒有表格外掛,而是因為現有的外掛都還沒把手機讀者放在最前面。表格本來就是為了讓資訊更好讀,如果在手機上反而變得更難讀,就違背了初衷。所以 mr-table 從第一天設計,就把手機卡片當作預設模式,AI 則是讓建表格這件事不再卡關;同時支援 Gutenberg 區塊與經典編輯器,現有寫作流程不需要改變。當這些事都被解決,作者就能把精力放在內容本身,而 AI 生成、卡片化又剛好對到 AIO 與 GEO 引用的偏好,做一件事同時拿到三個好處。

延伸閱讀

參考資料

常見問題

mr-table 跟 TablePress 最大的差別是什麼?

TablePress 的核心是穩定、簡單、輕量,但手機版仍然讓表格保持表格型態。mr-table 把手機版直接做成卡片切換,欄位再多也不會擠在一起,並且內建 AI 生成內容的能力。

用 AI 生成表格會不會內容不準確?

AI 適合的是抓重點、結構化、優化文字,原始資料還是建議由人類提供。mr-table 走的是人類定義來源、AI 負責整理的這條路,準確度由作者把關,並且提供「保持原文」模式,讓使用者可以選擇完全不讓 AI 改字。

用 mr-table 一篇文章的 AI 生成成本大概多少?

實測下來一張表格大約落在 0.01 到 0.03 美金,很少超出這個範圍。後台也提供費用上限可以避免意外支出,比起多數付費表格外掛的訂閱費仍便宜許多。

mr-table 一定要搭配 AI 才能用嗎?

不用。手動建表格也完全沒問題,AI 只是加速與優化的選項,不是強制流程。

mr-table 的卡片化會不會影響 SEO 或 AIO 的引用?

不會。卡片化只改變手機視覺呈現,底層仍是純 HTML 表格,搜尋引擎與 AI 摘要抓取的內容完全一致,反而比把表格做成圖片更有利於被引用。

文章目錄