【WordPress 實用教學】,TablePress 讓你做出簡單又齊全的表格設計

文章更新日期於 11 月 7th, 2019 時間 07:02 下午

表格,是一種可視化交流模式,也是一種整理數據的手段。透過表格可以立即知道想要的結果,不需參透許多複雜的文字訊息,表格通常廣泛應用在資訊交流、科學研究以及數據分析。此外,不同的使用方式,也會造就表格之間的差異,因此在我們日常生活中,也伴隨著許多形形色色的表格

如果文章中有插入整理表格,多少會提昇閱讀者的閱讀體驗…

為什麼文章要有表格?

也許你曾經逛過商品評價的網站,或者是旅遊資訊整理,不難發現這些網站管理者,在撰寫文章的同時,都會穿插簡單的表格以供閱讀

表格是文章中的精華,也是重點中的重點,當你不想反覆閱讀冗長的文章內容時,如果有穿插簡單的表格,試問,你是不是很容易明瞭文章內容的要點?對於讀者來說,容易快速找到重點,就會提昇閱讀品質,這樣的文章也容易與讀者產生共鳴

筆者在撰寫文章時,想利用區塊編輯器【古騰堡編輯器】內建的表格製作,可惜做出來的效果不佳,使用上也非常的不便,因此在本文當中,筆者推薦一款 WordPress 製作表格的外掛,TablePress,讓我們繼續看下去…

筆者實在不推薦使用,區塊編輯器的內建表格…

TablePress 安裝設定

Step1.TablePress 安裝

  • 後台安裝:搜尋外掛 TablePress 安裝啟用即可
  • 遠端安裝:下載 TablePress『點我』 ,用 FTP 上傳安裝啟用

Step2.TablePress 設定

  • 表格標題橫列:表格的第一個橫列是標題列【打勾】
  • 橫列交替背景:交替變換連續橫列的背景顏色【打勾】
  • 游標經過突顯:利用改變背景顏色,來突顯所選橫列【打勾】
  • 使用 DataTables:啟用 DataTables JavaScript 功能【取消】

先製作新的表格,就會出現上圖那些選項。若你還想要製作擁有排序、搜尋、上下頁的表格,可將 DataTables 打勾

TablePress 使用教學

Step1.點選新增表格

Step2.輸入表格名稱、調整表格欄位

筆者溫馨提醒:橫排=列,直排=欄【行】

Step3.輸入表格內容

  • 紅框處:代表表格顯示的標題列
  • 1、2、3:代表列
  • A、B、C:代表欄【行】

Step4.表格內容完成

Step5.選擇連結文字

將連結網址輸入在網址欄位,打勾新分頁中開啟連結,接著儲存表格

Step6.合併儲存格

先點選 3 號欄位,接著點擊合併儲存格:在一列內【rowspan】按鈕。 3號欄位就會被合併到 2 號欄位

TablePress 功能當中,插入文字連結部份、合併儲存格【列、欄】比較困難,因此筆者錄個簡單的影片,加上圖文說明,希望能讓讀者容易的學會 TablePress

將表格內容、文字連結【有需要的話】、合併儲存格【有需要的話】都設定好,最後將表格儲存設定即可

Step7.複製表格代碼

Step8.新增區塊段落

Step9.貼上表格代碼

Step10.前台顯示效果

TablePress 匯出匯入

Step1.TablePress 匯出

如果選擇 CSV、HTML 格式,只會將數據資料匯出,整個表格不會匯出!

Step2.TablePress 匯入

匯入已經做好的 Excel 檔 XLS、XLSX,或匯入 TablePress 格式 JSON 檔案

TablePress 的優缺點

1.TablePress 的優點

  • 製作表格簡單、實用,易上手
  • 可以將做好的 Excel 檔,直接匯入檔案
  • 可製作排序、搜尋、上下頁功能的表格

2.TablePress 的缺點

  • 不建議建立太多列與太多欄
  • 只能匯入 Excel 檔,無法匯入 Word 檔
  • 功能上沒有 Word、Excel 來的強大

TablePress 表格示範

 TablePress
外掛優點1.製作表格簡單、實用,易上手
2.可以將做好的 Excel 檔,直接匯入檔案
3.可製作排序、搜尋、上下頁功能的表格
外掛缺點1.不建議建立太多列與太多欄
2.只能匯入 Excel 檔,無法匯入 Word 檔
3.功能上沒有 Word、Excel 來的強大
使用避免1.不要把表格當成是寫文章一樣塞入過多的文字
2.欄位建議最多不要超過四個,最好是三個直欄
3.避免將圖片或影片插入文字內容,不利 SEO

結論

由上述的優缺點看來, TablePress 適合做個簡單重點式,能夠快速讓讀者了解到重點、結果分析的表格。加上能夠匯入 Excel 檔,或許這才是 TablePress 廣泛被利用的原因

如果想要利用 TablePress 做出跟 Word、Excel 相同的效果,那麼非常的不建議這樣做,即使花了一段時間做出很漂亮華麗的表格,如果在電腦版、手機版上閱讀非常的不清晰,甚至很模糊,那麼漂亮華麗的表格非常不利 SEO。閱讀體驗才是最重要的!

Tags

36 Comments

  1. 我還在思考要不要安裝TablePress耶,因為現在外掛已經爆多,怕再裝一個會拖垮網站速度QQ
    不過這篇真的整理的很猛,先收藏再說!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Back to top button