WP Table Builder好用的Table表格外掛推薦

WP Table Builder好用的Table表格外掛推薦

最近更新 May 25, 2022 | 發佈日期 May 25, 2022

WP Table Builder是一款非常好使用的表格外掛。直覺式的建立方式,讓你在短時間3分鐘之內,也可以整理出美美的外掛。WP Table Builder也有提供付費版本。而Joyy在使用體驗後發現,在免費的版本上,就可以滿足大部分的使用需求囉。在這篇內容中,我將和你分享WP Table Builder的使用方式與我發現到的注意事項,希望可以幫助到正在找尋Table表格外掛的你,如果有任何問題,歡迎你在下方留言處留言讓我知道唷!

WP Table Builder下載與安裝方式

WP Table Builder是WordPress上熱門外掛,可以直接到外掛安裝直接安裝啟用外,也可以透過官方下載連結來進行。

WP Table Builder好用的Table表格外掛推薦 01

官方下載連結:

WP Table Builder相關使用教學

安裝並啟用之後,點擊『新增表格』就會切換到外掛的操作介面。

WP Table Builder好用的Table表格外掛推薦_03
(點圖片可放大)
  1. BASIC:免費版的基本工具,登文字、按鈕、圖片…等基本工具,拖拉至中央表格處,就可使用囉。在免費版本就有提供短代碼、與自定HTML,算是給予免費使用的用戶非常佛心的功能。
  2. 表格命名:這裡可以給予目前這張表格一個命名。
  3. 功能頁縮放:用來把表格功能頁縮入左邊。
  4. 關閉WP Table Builder外掛:點此就會回到WordPress後台。
  5. Blank:表格編輯位置,點擊中間的『+』即可開始編輯。
  6. Setting與Responsive:設定表格與RWD顯示。(這部分在下方進行說明)
WP Table Builder好用的Table表格外掛推薦_04

上方數字和左方數字,就是用新增Col欄與Row列。

WP Table Builder好用的Table表格外掛推薦 05

輸入完成所需要的Col與Row後,就會自動帶出表格。

此時每一格都會自動先添入編輯物件 文字方塊Add Text。

管理表格

點擊上方 『管理表格』,即出現下圖

WP Table Builder好用的Table表格外掛推薦 07

圖中紅框處,可以針對現有表格,快速增加其他欄、其他列的表格數量。

WP Table Builder好用的Table表格外掛推薦 06

單點擊某一欄位時,下方會出現插入欄位與上方紅色按鍵的刪除欄或列等功能。

左方的功能表,則可以針對欄位中的高度、寬度、與內容位置進行調整。

點擊綠色Close鍵,則是離開管理表格畫面。

Backround

點擊Backround則可以針對表頭Header與單數Row和雙數Row進行背景顏色的設置。

WP Table Builder好用的Table表格外掛推薦 08

Settings

WP Table Builder好用的Table表格外掛推薦 10

這裡的Settings,是針對整個表格進行相關的設定。主要設定上,會以General一般設定Border邊框比較常用。這部份你可以自己調整看看,為你的表格設計出一個獨一無二的樣式。

基本編輯

WP Table Builder好用的Table表格外掛推薦_11

在編輯時,若格子中有物件,將會顯示出可移動、複製與刪除等動作。

WP Table Builder好用的Table表格外掛推薦_17

在拖拉時,若移至別格之中,也會顯示出 Above(之前)與Below(之後)的顯示,方便我們在編輯時進行判斷。

Responsive

WP Table Builder好用的Table表格外掛推薦 13

在Responsive的設定時,可以看到上方有標示出 Mobile(手機版)、Tablet(平板)、Desktop(桌機)等選項。

在左方,點選Enable Responsive Table則上進行設定。

WP Table Builder好用的Table表格外掛推薦 14

在Mode Options中,則可針對不同的顯示方式,做不同的表格呈現設定。

EMBED

WP Table Builder好用的Table表格外掛推薦 15

完成所有的設置後,按下EMBED(內崁代碼),則會顯示這個表格可使用的短代碼,這時就可以插入至文章或任何指定的頁面之中囉。

WP Table Builder好用的Table表格外掛推薦 16

這代碼在一開始所有表格中,亦可進行查詢與Copy,方便進行內崁的設置。

WP Table Builder注意事項

我們在網站設置中,一定都會使用到『錨點』這個功能。但Joyy試過,若是使用WP Table Builder的『Button』時,是無法在Button這個物件中的Link點,設定『錨點』。

WP Table Builder在Button的Link設定時,是會強制代入 https 這個前置設定。

WP Table Builder好用的Table表格外掛推薦 12

所以,若你在表格中,需要移至錨點,就必須使用Text物件,並在Text物件中,去在URL加入相關的錨點設定喔。

希望上述這些簡易的教學,可以為你在選擇使用表格外掛時,可以更進一步了解WP Table Builder的使用,若使用上有任何的問題或想和我交流的,可以在下方留言處留言讓我知道喔。

其他推薦內容

ShortPixel免費圖片壓縮工具

ShortPixel免費圖片壓縮工具

你常因為照片過大,讓網站的載入速度變慢嗎?想加快網站圖片的速度,卻找不用到的工具嗎?推薦這款許多人在使用的shortpixel,肯定能解決大部份的煩惱喔。

Google Adsense該如何放置廣告才不影響訪客閱讀

Google Adsense該如何放置廣告才不影響訪客閱讀

可以開啟Google Adsense時一定覺得特別興奮,但你知道,如果開啟『自動廣告』,可能將會破壞你訪客到站的觀看體驗。而且會把你精心佈置好的佈局給破壞掉…該怎麼辦?這篇和你分享我是如何使用Quick Adsense來把廣告放置在我想放置的位置。

站長: Joyy志強

網路行銷玩家 | 期待透過更多免費的分享,讓更多人學到如何有效的從網路上建立屬於你自己的收入來源。 如果你也有好的網路賺錢項目,或想學習建立收入的方式,開始搭建一個可以為你賺錢的網站,歡迎透過下方聯絡我的方式和我洽談與聯絡喔。

2022 WordPress網站建置影音教學

WordPress 網站建置影音教學

免申請、免註冊會員、立即學習、持續更新。幫助你透過詳細的教學內容,一步步完成屬於自己的網站

折扣優惠推薦

Divi theme 推薦

Follow Joyy

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。

error: 本站內容具著作權保護!