想在 WordPress 裡排出一個漂亮的首頁區塊、一段帶按鈕的行動呼籲、或是雙欄價目表，卻只能對著空白的區塊編輯器一個一個堆疊區塊，調半天還是歪的——這是很多剛從佈景主題內建版型畢業的站長共同的卡關點。WordPress 樣板庫（Patterns）就是為了解決這件事而存在：它是一組事先排好、可以整段插入再改文字的區塊組合，省掉你從零拼版的時間。

這篇會帶你看懂樣板庫的兩個入口怎麼分、同步與非同步樣板差在哪、挑樣板時該用什麼標準判斷，以及套用後預覽跟實際畫面對不起來時怎麼修。最後也會講不用寫程式就能把自己排好的版面存成樣板的做法。

WordPress 樣板庫到底是什麼，跟區塊有什麼不同

樣板庫是一座預先設計好的「區塊組合」倉庫，你挑一個整段插進文章或頁面，再把裡面的文字和圖片換成自己的內容就完成排版。它跟單一區塊的關係很單純：區塊是最小單位，例如一個段落、一張圖、一顆按鈕；樣板則是把好幾個區塊照特定版型先排好的成品，例如「左圖右文加按鈕的介紹區」就是由圖片區塊、標題區塊、段落區塊、按鈕區塊組合而成。

樣板最早在 WordPress 5.5 版引入，當時的官方定位就是讓使用者不必從頭排版，也能把複雜的版面加進網站。對教學站、商品介紹頁這類需要重複出現相似版型的內容來說，樣板等於把「排版」這個步驟標準化，你只負責填內容。

要特別釐清一個常見誤解：樣板不是佈景主題的版型（Template），也不是區塊本身。佈景主題的版型決定整個頁面的框架（頁首、頁尾、側邊欄的位置），樣板則是塞進內容區裡的一段段落版型，兩者層級不同，可以並存。

樣板庫有兩個入口，先搞清楚該用哪一個

WordPress 取得樣板的管道有兩個，新手最常搞混的就是這裡。一個是編輯器內建的「版面配置」分頁，另一個是線上的區塊版面配置目錄網站，兩者來源和操作方式不一樣。

第一個入口在區塊編輯器裡。打開任何一篇文章或頁面，點左上角的藍色「+」新增區塊鈕，把上方分頁從「區塊」切到「版面配置」（英文介面是 Patterns），就會看到佈景主題與 WordPress 核心附帶的樣板。這些樣板點下去會直接插入到游標所在位置，不需要複製貼上，是最直接的用法。

第二個入口是線上的區塊版面配置目錄網站（網址為 wordpress.org/patterns，台灣正體中文版在 tw.wordpress.org/patterns）。這裡收錄的是社群與設計師上傳、數量更龐大的樣板，操作邏輯是「複製到剪貼簿，再回編輯器貼上」。實際步驟是：在目錄網站挑好樣板後點「複製」按鈕，回到區塊編輯器把游標放在要插入的位置，按 Ctrl + V（macOS 用 Command + V）貼上即可。

兩者的取捨很簡單。內建版面配置分頁：樣板會跟著當前佈景主題的色調與字體，套進去通常最和諧，適合想快速出版型又不想額外調色的情況。線上目錄網站：選擇遠多於內建，適合內建分頁找不到合適版型、或想要特定風格時去撈，缺點是貼進來後配色字體未必貼合你的主題，要多花一點時間調整。建議把目錄網站加進瀏覽器書籤，因為它的入口在 WordPress 後台裡並不好找。

同步樣板與非同步樣板差在哪，什麼時候各用哪一種

這是 WordPress 6.3 版之後最重要的觀念，也是 2022 年那批舊教學沒講到的部分。從 6.3 開始，你存下來的樣板可以指定為「同步」或「非同步」，兩者決定了「改一處會不會牽動其他地方」。

同步樣板改一個地方，全站所有用到它的位置都會跟著變。它其實就是舊版「可重複使用區塊」（Reusable Block）改名而來，舊的可重複使用區塊會自動沿用成同步樣板，功能不變。適合放需要全站一致、又會不定期更新的內容，例如固定的聯絡資訊區、頁尾的版權聲明、課程報名的行動呼籲橫幅——資訊改一次，每一頁同步更新，不必逐頁手動改。

非同步樣板則是每次插入都各自獨立，改其中一處不會影響其他位置。它適合當「起手版型」：版型一致但內容每次都不同，例如每篇教學文章開頭的重點提示框、每個商品的介紹卡片。你要的是固定的排版骨架，內容則因地制宜。

判斷準則一句話：要的是「同一份內容到處同步」就用同步樣板，要的是「同一套版型重複套用、內容各自填」就用非同步樣板。 套用前 WordPress 會跳出命名與是否同步的視窗讓你選，選錯了也能事後在樣板管理頁調整。

挑樣板時該看什麼，不是好看就套

樣板庫選項一多就容易眼花，挑樣板前先想清楚這段內容的目的，再用底下幾個準則篩，會比憑直覺點順手很多。

• 對應實際排版需求：先確定這段要呈現的是什麼——三欄並列的功能介紹、單張大圖配標題的主視覺、還是帶按鈕的訂閱區。目錄裡的分類正好對應這些需求，常見分類包含文字內容、多重欄位、按鈕、圖片、圖庫、精選與標題，從分類縮小範圍比一頁頁滑快得多。
• 跟主題的色調與字體一致：內建版面配置分頁的樣板會自動套用當前佈景主題的樣式，和諧度最高；從線上目錄複製來的樣板配色可能跟你的網站不搭，套進來要預期需要重新調整顏色和字級。
• 欄位數量符合內容多寡：別為了版型好看硬塞。內容只有兩項卻選了四欄樣板，剩下兩欄留白或硬湊，畫面反而鬆散。欄位數要跟你手上的實際內容量對得起來。
• 先用回應式預覽確認手機版：所有官方樣板都符合回應式網頁設計，但版型在手機上的折行未必如你預期。目錄網站提供目前寬度（約 960px）、中等寬度（480px）、窄幅寬度（320px）三種寬度切換，套用前先切到窄幅看一眼，避免上線後手機版擠成一團。

套用後預覽跟實際畫面對不起來，怎麼調整

這是套樣板最容易讓新手挫折的地方：目錄裡的預覽圖很精美，貼進自己網站後卻不太一樣。原因不難理解——樣板本質上是純文字格式的區塊內容，它帶的是版型結構，但最終呈現會受你的佈景主題樣式、字體、調色盤影響，所以套用的版型未必能百分之百還原預覽圖。

實務上的調整順序是這樣。第一步、先把樣板裡的佔位文字和示意圖換成自己的內容，光是換完內容，畫面通常就會貼近你要的樣子。第二步、逐一點選裡面的區塊調整樣式，例如把標題區塊的字級調大、把按鈕顏色改成品牌色、把欄位間距收緊。第三步、用編輯器上方的裝置預覽切到手機與平板，確認折行正常。

關鍵心態是：把套進來的樣板當成「半成品骨架」，而不是「完成品」。理解了它只是一段可編輯的區塊組合，剩下的就是用平常編輯區塊的方式微調，沒有額外的魔法。

不用寫程式，把自己排好的版面存成樣板

如果你已經在某篇文章裡排出滿意的版型，想之後重複使用，完全不必碰程式碼。在區塊編輯器裡選取要保存的那組區塊，從區塊工具列的選項選「建立樣板」（舊介面可能還顯示為「建立樣板／可重複使用區塊」的過渡字樣），幫它取個好認的名字，並選擇要同步還是非同步，存好之後就會出現在版面配置分頁裡，隨時插入。

管理已存的樣板要看你用的是哪種主題。區塊主題（支援全站編輯的主題）：所有樣板會集中在「外觀」底下的「網站編輯器」的樣板區，點進去能進入專注編輯模式修改，由佈景主題與外掛提供的樣板也會一起列出，但那些只能瀏覽、不能直接改。傳統主題：已存的樣板會集中在一個類似「全部文章」的列表頁管理，操作邏輯跟管理文章接近。

進階一點、想讓樣板隨佈景主題一起發佈給其他網站使用，才需要動到程式碼，做法是在佈景主題的 functions.php 或外掛裡用 register_block_pattern() 這個函式註冊。這對一般站長不是必要步驟，多半是主題開發者或接案做給客戶用時才會用上；若只是自己站內重複用版型，前面的視覺化存法就夠了。

找不到「版面配置」分頁，先檢查這幾件事

少數情況下打開新增區塊選單，會發現根本沒有版面配置分頁，或樣板數量少得可憐。最常見的原因是佈景主題或外掛沒有支援樣板功能，這時可以先暫時切換回 WordPress 內建的預設主題試試，若切換後分頁就出現了，代表問題出在原本的主題，可以向主題開發者確認支援狀況。

另一個情況是 WordPress 版本太舊。同步與非同步樣板、編輯器內直接建立樣板這些功能是 6.3 版之後才完整的，版本過舊會看不到完整的樣板管理介面，先把核心更新到最新的穩定版再操作。線上的區塊版面配置目錄則不受這些限制，任何版本都能用複製貼上的方式套用，是分頁失靈時的備援管道。

排版這件事的本質，是把重複的版型工作交給工具、把心力留給內容。樣板庫先幫你把骨架搭好，你只要判斷該用內建還是線上來源、選對同步或非同步、套進來後耐心把內容填滿並微調樣式，原本要慢慢拼的版面就能在幾分鐘內成形。下次再要排一段新區塊前，先打開版面配置分頁逛一圈，多半能找到一個比從零開始更快的起點。