剛接觸 WordPress 區塊編輯器的人，多半很快就會用段落、標題、圖片把文字鋪完，但只要想做出「左圖右文」「按一下就跳轉的行動按鈕」「整齊的規格對照」這類版面，就立刻卡住。真正讓文章從「一長串文字」變成「有層次、好讀」的，其實是三個內建的 WordPress 版面區塊：表格、按鈕、欄位。這三個不用裝任何外掛，是區塊編輯器一開箱就有的核心功能。
很多教學會把十幾個區塊一次列完，每個只講兩句話，新手看完還是不知道怎麼把它們組起來用。這篇只聚焦這三件套，從「什麼時候該用哪一個」一路講到實際的設定欄位、手機版會遇到的破版問題，以及怎麼把三個區塊疊在一起做出完整版面。看完你就能自己排出一篇結構清楚的文章。
表格、按鈕、欄位這三個區塊各自負責什麼
這三個 WordPress 版面區塊解決的是三種不同的排版需求，先分清楚用途，後面操作就不會混淆。
- 表格區塊：把資料整理成「列 × 欄」的格狀呈現，適合規格比較、價格對照、功能差異這類需要對齊閱讀的內容。
- 按鈕區塊：做出一個可以點擊的彩色按鈕，引導讀者執行下一步動作，例如前往報名頁、下載檔案、查看更多。它比一條普通的文字連結顯眼得多。
- 欄位區塊：把版面切成左右並排的多個直欄，每一欄裡面可以再放別的區塊。原本只能上下堆疊的內容，靠它就能變成並排呈現。
三者裡，欄位區塊是「容器」性質，另外兩個是「內容」性質。換句話說，表格和按鈕是放進去的東西，欄位則是決定這些東西要怎麼擺。把這層關係記住，等一下要做「左邊一個按鈕、右邊一段說明」這種版面時，你就知道該先開欄位、再往裡面塞按鈕。
表格區塊怎麼用，欄列、標題列與寬度怎麼設
表格區塊的核心操作只有三步：新增區塊、指定欄列數、填入內容。在編輯器按「+」號搜尋「表格」，或直接在空白段落輸入「/表格」叫出區塊，接著它會先問你要幾欄、幾列，輸入數字後按建立，一個空白表格就出現了。
欄列數一開始抓不準也沒關係。表格建立後，把游標點進任一格，工具列或右側設定面板都能再「插入欄」「插入列」「刪除欄」「刪除列」，事後增減都行，不必一開始就算得剛剛好。
右側設定面板裡有兩個新手常忽略、但很實用的開關：
- 標題列與結尾列：打開「標題區塊」後，表格最上面會多出一列加粗、底色不同的標題格，用來放「項目」「規格」「價格」這類欄位名稱，讀者一眼就知道每一欄在講什麼。需要在最下面放總計或備註時，再打開結尾列。
- 固定欄寬：預設情況下，每一欄會依內容多寡自動撐開寬度，常常變得寬窄不一。把「固定寬度的表格儲存格」打開，所有欄就會平均分配寬度，整體看起來整齊很多。
表格區塊在手機上有個要先知道的限制：當欄位較多、內容較長時，窄螢幕容易出現文字被擠到換行、甚至破版的狀況。實務上的處理方式是欄數盡量控制在三欄以內、每一格的文字精簡，避免在手機上塞進一張寬得需要左右捲動的大表。若你真的需要一張帶圖片、可排序、響應式表現更好的複雜表格，那已經超出內建區塊的範圍，得改用專門的表格外掛來做；單純的文字對照表，內建表格區塊就很夠用了。
按鈕區塊怎麼設定，外觀、寬度與多顆並排怎麼處理
按鈕區塊的用途是把「希望讀者點下去的動作」做成顯眼的彩色按鈕。新增方式同樣是按「+」號搜尋「按鈕」，或輸入「/按鈕」。要注意你插入的其實是「按鈕組」這個容器，裡面預設先放一顆按鈕，這個設計是為了讓你能在同一排接著加第二顆、第三顆。
填好按鈕文字後，選取按鈕本身、再到右側設定面板，可以調整的項目主要有這幾項：
- 外觀樣式：內建「填滿」與「外框」兩種。填滿是整顆上色、文字反白，視覺最強，適合主要動作；外框只有邊線上色、中間透明，適合次要動作。同一排放兩顆時，常用「一顆填滿、一顆外框」來區分主次。
- 圓角：調整按鈕四角的圓潤程度，數值拉到底會變成膠囊形狀，歸零則是直角方塊。
- 寬度：可以選 25%、50%、75%、100% 的固定比例，讓按鈕橫向拉寬；想做成佔滿整行的橫幅式按鈕，選 100% 即可。
- 連結：選取按鈕文字後，工具列會有連結圖示，貼上要前往的網址。需要在新分頁開啟，就把連結設定裡的「在新分頁開啟」打開。
要在同一排放多顆按鈕，不必新增第二個按鈕組，直接在現有按鈕後面繼續新增按鈕即可，它們會自動橫向並排。整組按鈕的對齊方式（靠左、置中、靠右）與按鈕之間的間距，則是選取外層「按鈕組」後在設定面板調整。手機上若一排按鈕擠不下，區塊會自動換行往下排，這點不需要額外處理。
欄位區塊怎麼用，比例、巢狀與手機堆疊怎麼控制
欄位區塊是三件套裡最關鍵、也最多新手不知道的一個。區塊編輯器預設所有區塊都是由上往下堆疊，欄位區塊讓你打破這個限制，把版面切成並排的多個直欄。最典型的用途，就是把「上圖下文」改成「左圖右文」。
新增欄位區塊時，它會先讓你挑一個版型，常見的選項有：
- 單欄滿版
- 兩欄各半（50 / 50）
- 兩欄不均（30 / 70 或 70 / 30）
- 三欄均分（33 / 33 / 33）
選好之後，每個直欄都是一個空容器，點進去按欄內的「+」號，就能放進段落、圖片、按鈕，甚至再放一個表格。這種「區塊裡面再放區塊」的做法叫巢狀，是做出複雜版面的基礎。WordPress 的欄位最多可以切到六欄，不過文章內容用到三欄通常就足夠，欄數太多在手機上會被壓得很窄。
每一欄的寬度都能單獨調整。點進某一欄、到右側設定面板，可以直接輸入百分比寬度，例如把左欄設成 40%、右欄設成 60%，做出刻意不對稱的版面。
手機版的處理是欄位區塊最該注意的地方。預設情況下，桌機上並排的欄位，到了手機會自動「堆疊」成上下排列，每一欄各佔滿整行的寬度——這是好事，因為手機螢幕窄，並排會擠到看不清楚。設定面板裡有一個「在行動裝置上堆疊」的開關，預設是開啟的，建議大多數情況都維持開啟。只有在欄內放的是很窄的內容（例如一排小圖示），確定手機上並排也不會擠，才考慮關掉讓它維持並排。
把三個區塊組合起來，做出一段完整版面
單獨用這三個區塊只是基本功，真正能拉開版面層次的，是把它們疊在一起。因為欄位區塊是容器，表格和按鈕都能放進欄位裡，組合的空間就出來了。
舉幾個實際可以馬上套用的組合：
- 左說明、右按鈕的行動呼籲：插入兩欄欄位，左欄放一段介紹文字，右欄放一顆 100% 寬度的填滿按鈕。比起單獨丟一顆按鈕，旁邊有說明文字會讓讀者更清楚點下去會發生什麼。
- 並排的優缺點對照：插入兩欄，左欄標題寫「優點」、底下用清單條列，右欄標題寫「缺點」、同樣條列。視覺上左右對照，比上下排列更直覺。
- 欄位裡放表格做產品卡：三欄欄位，每一欄放一個小表格列出單一方案的規格，下方各放一顆按鈕，就成了常見的方案比較版型。
組合的版面一旦多了起來，區塊的層級關係會變複雜，這時候編輯器左上角的「清單檢視」就很有用。點開它會列出整篇文章所有區塊的巢狀結構，哪個按鈕在哪一欄裡、哪個表格被包在哪一層，一目了然，也能直接點選跳到該區塊編輯，不必在畫面上慢慢找。
三件套用順了，版面就有了基本骨架
表格負責把資料排整齊、按鈕負責引導下一步動作、欄位負責決定東西怎麼並排——這三個內建區塊搭起來，一篇文章該有的版面骨架就齊了，全程不必裝任何外掛，也不用碰任何程式碼。
接下來最好的學法不是繼續看教學，而是新增一篇測試文章，照著上面的設定逐一點過：建一個三欄表格、放一顆填滿按鈕、切一個左圖右文的兩欄，再試著把按鈕塞進欄位裡。每個設定都動手撥一次，遇到手機破版就回頭調堆疊與欄數，實際操作過一輪，這三件套就會變成你排版時的反射動作。版面這關過了，後面要寫多複雜的文章都不再卡手。