WP Table Builder是一款非常好使用的表格外掛。直覺式的建立方式，讓你在短時間3分鐘之內，也可以整理出美美的外掛。WP Table Builder也有提供付費版本。而Joyy在使用體驗後發現，在免費的版本上，就可以滿足大部分的使用需求囉。在這篇內容中，我將和你分享WP Table Builder的使用方式與我發現到的注意事項，希望可以幫助到正在找尋Table表格外掛的你，如果有任何問題，歡迎你在下方留言處留言讓我知道唷!
內容快速索引
WP Table Builder下載與安裝方式
WP Table Builder是WordPress上熱門外掛，可以直接到外掛安裝直接安裝啟用外，也可以透過官方下載連結來進行。
官方下載連結：
WP Table Builder相關使用教學
安裝並啟用之後，點擊『新增表格』就會切換到外掛的操作介面。
- BASIC：免費版的基本工具，登文字、按鈕、圖片…等基本工具，拖拉至中央表格處，就可使用囉。在免費版本就有提供短代碼、與自定HTML，算是給予免費使用的用戶非常佛心的功能。
- 表格命名：這裡可以給予目前這張表格一個命名。
- 功能頁縮放：用來把表格功能頁縮入左邊。
- 關閉WP Table Builder外掛：點此就會回到WordPress後台。
- Blank：表格編輯位置，點擊中間的『+』即可開始編輯。
- Setting與Responsive：設定表格與RWD顯示。(這部分在下方進行說明)
上方數字和左方數字，就是用新增Col欄與Row列。
輸入完成所需要的Col與Row後，就會自動帶出表格。
此時每一格都會自動先添入編輯物件 文字方塊Add Text。
管理表格
點擊上方 『管理表格』，即出現下圖
圖中紅框處，可以針對現有表格，快速增加其他欄、其他列的表格數量。
單點擊某一欄位時，下方會出現插入欄位與上方紅色按鍵的刪除欄或列等功能。
左方的功能表，則可以針對欄位中的高度、寬度、與內容位置進行調整。
點擊綠色Close鍵，則是離開管理表格畫面。
Backround
點擊Backround則可以針對表頭Header與單數Row和雙數Row進行背景顏色的設置。
Settings
這裡的Settings，是針對整個表格進行相關的設定。主要設定上，會以General一般設定與Border邊框比較常用。這部份你可以自己調整看看，為你的表格設計出一個獨一無二的樣式。
基本編輯
在編輯時，若格子中有物件，將會顯示出可移動、複製與刪除等動作。
在拖拉時，若移至別格之中，也會顯示出 Above(之前)與Below(之後)的顯示，方便我們在編輯時進行判斷。
Responsive
在Responsive的設定時，可以看到上方有標示出 Mobile(手機版)、Tablet(平板)、Desktop(桌機)等選項。
在左方，點選Enable Responsive Table則上進行設定。
在Mode Options中，則可針對不同的顯示方式，做不同的表格呈現設定。
EMBED
完成所有的設置後，按下EMBED(內崁代碼)，則會顯示這個表格可使用的短代碼，這時就可以插入至文章或任何指定的頁面之中囉。
這代碼在一開始所有表格中，亦可進行查詢與Copy，方便進行內崁的設置。
WP Table Builder注意事項
我們在網站設置中，一定都會使用到『錨點』這個功能。但Joyy試過，若是使用WP Table Builder的『Button』時，是無法在Button這個物件中的Link點，設定『錨點』。
WP Table Builder在Button的Link設定時，是會強制代入 https 這個前置設定。
所以，若你在表格中，需要移至錨點，就必須使用Text物件，並在Text物件中，去在URL加入相關的錨點設定喔。
希望上述這些簡易的教學，可以為你在選擇使用表格外掛時，可以更進一步了解WP Table Builder的使用，若使用上有任何的問題或想和我交流的，可以在下方留言處留言讓我知道喔。
0 Comments