TablePress外掛多功能表格製作實作筆記

前言

TablePress 是一款操作簡單且功能強大的 WordPress 表格外掛,適合需要在網站上快速建立漂亮且具備排序、搜尋、分頁等多功能表格的使用者。本文將以實務操作角度,說明如何安裝、建立、設定及應用 TablePress,讓你能輕鬆打造符合需求的多功能表格。

安裝 TablePress 外掛

首先,進入 WordPress 後台的「外掛」->「安裝外掛」,在搜尋欄輸入「TablePress」,找到後安裝並啟用。啟用後,左側管理選單會出現「TablePress」選項。

建立 TablePress 表格

點擊「TablePress」選單中的「新增表格」,輸入表格名稱(必填)及說明(選填),設定欄位數與列數,按下「新增表格」開始編輯。

填寫表格內容時,第一行通常作為標題列,請輸入欄位名稱。編輯器支援插入連結(可設定新分頁開啟)、插入圖片(媒體庫選取)、以及進階編輯器功能。

此外,可操作橫列與直欄的隱藏、顯示、複製、插入、刪除等功能,並支援合併儲存格,方便調整表格結構。

表格選項設定

在表格設定中,可依需求勾選:

  • 表格標題橫列(第一行為標題)
  • 表格底部標題列(最後一行為標題)
  • 橫列交替背景色(偶數白色、奇數灰色)
  • 滑鼠游標經過時的突顯效果
  • 顯示表格名稱與說明
  • 附加自訂 CSS Class

若需排序、搜尋、分頁等互動功能,請勾選「使用 DataTables」選項,這是 TablePress 強大的前端互動功能。

使用短碼將表格嵌入頁面

設定完成後,於表格標題右上角會看到短碼,複製該短碼並貼到想要顯示表格的頁面或文章中,儲存後即可在前端看到完整功能的表格。

表格前端顯示與互動

前端表格會自動呈現排序箭頭、快速搜尋框及分頁按鈕,使用者可直接操作,提升資料瀏覽效率。

匯出與匯入功能

TablePress 支援表格匯出與匯入,方便資料備份或跨站移轉:

  • 匯出:進入 TablePress -> 匯出表格,選擇欲匯出的表格與格式,下載檔案。
  • 匯入:進入 TablePress -> 匯入表格,選擇檔案與格式後匯入。

延伸應用與常見坑

  • 表格資料量大時,建議使用 DataTables 的分頁功能避免前端卡頓。
  • 自訂 CSS Class 可搭配自訂樣式,達成更符合網站風格的表格外觀。
  • 匯入匯出時注意格式一致性,避免資料錯亂。

完整程式碼

// TablePress 為 WordPress 外掛,無需額外程式碼,以下為短碼範例:
[table id=1 /]

以上即為利用 TablePress 外掛製作多功能表格的完整流程與說明,適合想快速建立互動式表格的開發者與自學者參考。