Tablepress教學,WordPress最好用的表格外掛!輕鬆做出好看的表格

Tablepress教學,WordPress最好用的表格外掛!輕鬆做出好看的表格

相信大家在使用WordPress內建的表格的時候,都會覺得他非常的不好用,而且視覺上也非常的不好看,尤其表格通常都是一篇文章重要的內容整理,最好就是清楚好閱讀。

今天要介紹的Tablepress就是WordPress的表格外掛,同時他也是擁有五星好評跟80萬的下載就的熱門外掛,相信一定可以幫助大家解決製作表格的問題!

為什麼需要表格?

剛剛有說到表格通常會是一篇文章的重點整理,透過這些重點的整理,可以讓閱讀的人快速的了解他需要的資訊,所以就會需要清楚的呈現!

甚至有些文章類型是非常需要表格的,就例如

  • 商品評價
  • 旅遊住宿
  • 商品價格說明
  • 等等等…

這些都是會需要用到表格的文章類型,所以好的表格最好是可以有添加圖片、標示重點、製作排序等等的功能。

Tablepress使用教學

接下來就教大家如何使用Tablepress,輕鬆地做出好看的表格。

Step.1 下載安裝

首先先到安裝外掛的地方,將Tablepress安裝啟用,之後就會看到他出現在左邊的欄位上了。

tablepress download

Step.2 新增表格

接下來點選新增表格後他會需要你填寫表格名稱跟他的說明(說明的部分可以不用填),再來會需要你填寫需要多少格子,都好了之後就可以按新增表格了。

tablepress create new table

Step.3 輸入資料

接下來只要輸入你的資料就可以了,我就以我要製作的表格當作範例吧!

在你輸入資料的時候,一定會有一些需要插入圖片、連結或是新增新的列或欄,這時候就會需要用到表格操作的部分,接下來會一一說明他的使用方式。

tablepress table control
  • 插入連結:如果要加入連結的話,要先點插入連結,再點你連結的文字
  • 插入圖片:要插入圖片的話,也要先點他,在點要插入圖片的儲存格,之後他會自動連結到媒體庫
  • 進階編輯器:是用來修改文字的,也可以用來加入連結跟圖片,操作方式跟上面的一樣
  • 隱藏、顯示:可以讓選定的列或欄在文章裡面不會顯示
  • 複製、插入、刪除:在使用的時候記得要選定整個列或欄(在輸入資料的最左邊跟最下面可以選整個列或欄)
  • 合併儲存格:操作方式跟上面的一樣,但是記得使用的時候要把使用DataTables關掉

完成之後你的表格就只差一點點就完成囉!

tablepress table deta

Step.4 調整樣式

接下來就可以做一些效果跟功能的調整了,這部分他的說明其實非常的清楚,只需要依照需要的選擇就好。

在DataTables JavaScript的部分他是會提供一些特殊的功能,像是排序、篩選、顯示多少橫列等等的,如果輸入的資料量很大的才適合用,如果沒有要使用的話就把使用DataTables不要打勾就好。

tablepress table adjustment

Step.5 嵌入程式碼

好了之後按下按下儲存設定,下一步就是把程式碼嵌入到你的文章裡,他的程式碼就是表格ID,或者你也可以先或者你也可以先預覽一下,確認是你要的效果。

tablepress embed code

Tablepress匯入教學

接下來教大家如何匯入資料到裡面,他可以匯入的檔案類型有,CSV、HTML、JSON、XLS、XLSX,然後也可以看是要新增一個新的表格或是取代現有跟在現有的表格下方添加,是很方便的功能。

Step.1 匯入表格

首先先點選匯入表格,就會看到上傳檔案的地方了。

tablepress import

Step.2 匯入檔案

下一步就是選擇你要匯入的檔案,按下匯入後就可以看到你匯入的檔案,之後就是剛上面的教學操作一樣做調整就好了,記得還要檢查一下匯入的檔案有沒有錯誤喔!

tablepress table test

結語

看完是不是真的覺得他很簡單呢?只需要一下子你也可以做出清楚好看的表格,同時又有一些方便的功能。

最後如果想要知道更多的WordPress外掛的話,可以看我另一篇文章,【WordPress外掛】推薦,22個不能不知道外掛總整理,安裝外掛教學。

 

發佈留言