前言
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 外掛製作多功能表格的完整流程與說明,適合想快速建立互動式表格的開發者與自學者參考。