Tableberg + Patterns，讓網站增加新內容

作者: / / 網站操作

公會網站會需要增加各種不同頁面，這時可以

  • 在區塊裡選擇Tableberg的按鈕創建表格內容
  • 建立好的表格，可以存成Patterns以便日後重複使用
  • 也可以直接copy到另一個頁面再調整內容。

如果會用了，應該就會很簡單。不過在這裡還是詳細說明各個功能。

先講Tableberg

與區塊編輯器整合

Tableberg 原生為 Gutenberg 打造，可謂無縫整合。Tableberg 本身就是一個區塊，安裝啟用後，在區塊編輯器中會新增一個「Tableberg Table」區塊供插入。使用者只需在文章中點擊「+」插入 Tableberg 區塊，或直接輸入/tableberg命令，即可開始建立表格。整個表格的編輯過程都發生在 Gutenberg 介面內，不需要切換到外部頁面或使用短碼。Tableberg 還貼心地提供一鍵將內建核心的 Table 區塊轉換為 Tableberg 區塊的功能，方便已有表格內容的文章升級為更豐富的 Tableberg 表格。總之，Tableberg 讓建立表格跟編輯文章的其他段落一樣直覺。

Tableberg 是 2025 年推出的全新 WordPress 表格外掛，專為 區塊編輯器而設計。它的特色在於區塊原生 (block-native)：使用者可以在 Gutenberg 內直接插入「Tableberg 表格」區塊，立即在文章編輯畫面中建立和編輯表格內容，無需透過短碼或跳轉到別的介面。Tableberg 支援將各種內容作為子區塊置入表格的儲存格內，例如文字段落、清單、按鈕、圖片等；進階的專業版還提供星級評分、圖示、飾帶 (Ribbon)、自訂 HTML 等子區塊。

Tableberg 強調易用性與美觀設計：提供許多直覺的設定選項來調整表格樣式、佈局和響應式行為。使用者不用寫任何 CSS，就能從側邊設定欄控制表格的欄寬、列高、色彩配色、字型大小、邊框線條、間距等等，達到理想的視覺效果。此外，Tableberg 內建多種預設範本 (Block Patterns)，一鍵即可插入設計良好的表格樣板，例如定價表、產品比較表、優點/缺點對照表等。這讓初學者也能快速套用漂亮的表格版型，再替換內容即可，大幅提高製作效率。

值得一提的是，Tableberg 相較傳統表格外掛更注重響應式：它內建設定可讓表格在手機等小螢幕上自動調整，例如切換為橫向捲動或將欄位堆疊顯示，同時也能選擇隱藏次要欄位以簡化手機版表格

Tableberg針對使用便利性做了許多優化，包含預製範本與直覺操作。首先，Tableberg 內建多套表格樣板 (Block Patterns)，使用者在插入 Tableberg 區塊時可以選擇插入預設範本而非空白表格。例如常見的 價格表、功能比較表、優點與缺點列表、產品資訊表等等，都有現成的版型可供套用。選擇後，外掛會自動生成該範本的表格結構與示範內容，使用者只需將文字圖片改成自己的資料即可完成。這對初學者和趕時間的編輯者非常有幫助，不用從零開始設計表格版面。其次，Tableberg 完全在 Gutenberg 中運作，因而操作體驗與編輯其他區塊無異：點選表格後，可直接在畫面上修改文字，使用區塊工具欄調整對齊或合併儲存格，所有變化實時反映。新增列欄可以透過快捷按鈕或右鍵選單完成，整體流程順暢。再加上先前提到的樣式設定直觀，Tableberg 的使用便利性可以說非常出色。對只會用 WordPress 區塊編輯器的人來說，完全沒有學習新介面的負擔。唯一需要注意的是，Tableberg 因為功能較新穎，一些進階功能（如排序、搜尋）需升級 Pro 才能用；但對一般排版類表格用途，免費版已足夠且好用。

再來講Patterns

1. Pattern 是什麼、能解決什麼問題

**Pattern（區塊樣板）**可以把「一組已排好版的區塊（Blocks）」打包成可重複插入的版型。你只要點一下，就能把整段排版（標題、段落、欄位、表格、按鈕、提醒框…）插入文章或頁面，插入後照一般區塊一樣改內容即可。

對您公會網站最直接的價值是：

  • 讓會務人員貼文時不用每次重新排版
  • 把「學術活動 / 最新消息 / 徵才」做成固定格式 → 插入就能填空
  • 減少版面被改壞（搭配「鎖定區塊」更有效）

2. Pattern 的來源與種類

2.1 Pattern 來源（你在插入器會看到很多來源混在一起）

在 WordPress 裡，Patterns 可能來自：

  • **WordPress/主題（Theme）**內建的 patterns（常見分類：CTA、Galleries、Headers…等）
  • **外掛（Plugins）**提供的 patterns（例如 Tableberg、Ultimate Blocks 這類外掛也可能附 patterns）
  • WordPress Pattern Directory（官方樣板目錄）：你可以在目錄找樣板，按 Copy 後回站內貼上使用（等於把 pattern 內容貼進編輯器）
  • 你自己建立的 My Patterns（我的樣板）

2.2 Pattern 類型：不同步 vs 同步（最重要）

WordPress 6.3 起可以自己建立 patterns，同時把「Reusable Blocks」改名/納入為「Synced pattern（同步樣板）」概念。

A) 不同步 Pattern（Unsynced / Standard / Not synced）

  • 插入後會變成「一份新的區塊實例」
  • 你在文章 A 改內容，不會影響文章 B
  • 未來你去改原本的 pattern，也不會回頭改到以前已插入的舊文章
  • 非常適合：學術活動公告版型、徵才版型（每篇內容都不同但格式固定）

B) 同步 Pattern（Synced pattern）

  • 插入到多篇文章/多個地方後，它們都共用同一份內容
  • 你只要編輯一次同步樣板，所有使用到的地方都會更新（就像以前的 Reusable Block）
  • 適合：全站都要一致的內容，例如「固定聯絡資訊、固定報名說明、固定 CTA」

WordPress 官方文件也整理過「Template Part / Synced pattern / Pattern」什麼情境該用哪一個：要全站一致的內容用 Synced；要重複版型但內容不同，用一般 Pattern。

2.3 Template Parts（模板部件）不是 Pattern，但常跟 Pattern 一起出現

在「管理 Patterns」的地方，通常也會看到 **Template Parts（例如 Header、Footer）**的管理入口。Template Part 是網站結構用的（頁首頁尾），不建議把 Template Part 當文章內容模板來用。

3. 在文章/頁面中「插入」Pattern 的操作

以下是在一般文章/頁面編輯器（Post/Page editor）中插入樣板：

Step-by-step：插入不同步 Pattern（一般樣板）

  1. 開啟文章/頁面編輯畫面
  2. 點左上角 「+」插入器（Inserter）
  3. 切到 Patterns 分頁（旁邊通常還有 Blocks）
  4. 用分類下拉選單選類別，或按「Explore」看較大的預覽視窗
  5. 點一下樣板（會插入到游標位置），或用「拖拉」放到你要的位置

插入後，它就變成一堆正常區塊，你可以像平常一樣改文字、換圖片、改按鈕連結。

Step-by-step：插入同步 Pattern（Synced pattern）

在插入器裡通常會有「Synced Patterns」專區（介面會跟一般 Patterns 分開顯示），插入後的內容是同步的。

4. 自己建立 Pattern 的完整方式

WordPress 內建有兩條主路徑建立樣板：

4.1 在文章/頁面內「選取區塊 → Create pattern」建立（最常用）

這是您要教會務人員時最直覺的方式：先排出一次「學術活動格式」，再存成樣板。

Step-by-step：

  1. 在文章/頁面編輯器中，先把你要的版型排好（例如：標題 + Tableberg 表格 + 報名按鈕 + 注意事項框）
  2. 選取所有要存進樣板的區塊
    • 可用滑鼠框選，或用 List View（清單檢視）點第一個、按 Shift 點最後一個一次選一串區塊（這技巧官方文件有提）
  3. 點區塊工具列的 ⋮（更多）
  4. 選 Create pattern（建立樣板）
  5. 輸入：
    • 樣板名稱
    • （可選）分類
    • 是否要 Sync（要同步就開；不想同步就關）
  6. 按 Create 完成

建立後，你會在插入器裡的 **My Patterns（我的樣板）**找到它。

4.2 在「Patterns 管理畫面」建立（適合管理者）

這條路適合您（站長/管理者）集中建立模板庫。

5. 在哪裡「管理」Patterns（Astra / classic theme 也適用）

不同主題會略有差異，但核心概念是：Patterns 都在「Site Editor 的 Patterns 管理介面」中管理。

5.1 Block theme 常見路徑

  • 後台 → Appearance → Editor → Patterns

5.2 Classic theme（例如 Astra）常見路徑（重要）

WordPress 6.6 起，classic themes 的 Appearance → Patterns 會直接導到 Site Editor 的 Patterns 管理視圖（path=/patterns），讓 classic / block theme 有一致的 patterns 管理體驗。

所以您用 Astra 時，請優先找：

  • 後台 → Appearance → Patterns（通常就能看到完整管理介面）

6. Patterns 管理畫面裡有哪些功能（完整整理）

以下內容來自 WordPress.org 的「Site Editor Patterns」官方說明。

6.1 My patterns（我的樣板）

這裡列出你自己建立的 patterns，並可依：

  • Synced（同步）
  • Standard/Not synced（不同步）
    來篩選。

每個樣板右邊的 ⋮（Actions）通常有：

  • Edit（編輯）
  • Duplicate（複製）
  • Rename（改名）
  • Export as JSON（匯出 JSON）
  • Delete（刪除）

另外，如果樣板很多，可以用 **Command Palette（指令面板）**幫你快速找 patterns。

6.2 Theme patterns（主題內建樣板）

主題附的 patterns 通常會顯示「鎖頭」圖示：

  • 不能直接編輯
  • 需要先 Duplicate 複製成可編輯副本
  • 複製後會出現在 My patterns 裡供你修改

6.3 新增 / 匯入 Patterns（Add Pattern）

Patterns 管理畫面右上角有 Add Pattern 按鈕，點下去會看到三個選項：

  • Add Pattern（新增樣板）
  • Add Template part（新增模板部件）
  • Import pattern from JSON（從 JSON 匯入）

這代表你可以把別站匯出的樣板 JSON 檔，帶到這個網站重用（很適合「公會模板庫」搬家或多站共用）。

6.4 匯出 Patterns（Export as JSON）

  • 只能匯出 My patterns 裡你自建/複製出來的樣板
  • 主題鎖定樣板無法直接匯出

也支援「多選」一次匯出多個（會下載 zip），並可批次刪除。

6.5 檢視方式（Grid/List、排序、顯示欄位）

Patterns 管理畫面通常可調整：

  • Grid / List 顯示
  • 排序方式
  • 預覽大小
  • 每頁顯示數量
  • 列表顯示哪些細節

7. Synced pattern 的「Detach」與常見工作流

同步樣板很方便，但也常遇到「這一篇想特殊處理」：

  • WordPress 官方說明：你建立 synced pattern 後，可以在使用時 Detach（解除同步成一般區塊），這樣你改內容就不會影響原本的同步樣板，也不會影響其他文章。

這對教會務人員很重要：

預設用「不同步」做公告模板；只有少數全站固定內容才用「同步」。

8. WordPress 6.6 新增的 Synced Pattern Overrides（進階但很強）

這是 6.6 引入的重要功能：同步樣板也能允許「每個使用處」改內容，但維持版型一致。

概念是：

  • 樣板設計/版型仍由 synced pattern 控制（統一更新）
  • 你可以指定某些區塊「允許覆寫內容」
  • 每個頁面/文章實例可以填不同內容，但不會破壞版型

如何啟用 overrides（簡化版 step-by-step）

  1. 先建立一個 synced pattern
  2. 進入 Patterns 管理畫面，編輯該 synced pattern
  3. 點選要允許覆寫的區塊（目前常見支援：Heading/Paragraph/Image/Button）
  4. 右側設定 → Advanced → 點 Enable overrides
  5. 幫這個 override 命名（例如「活動名稱」「講師照片」「報名按鈕」）
  6. 儲存 pattern

這個功能很適合拿來做「卡片式成員介紹」「活動卡片」這種：版型要統一、但每張卡內容不同，而且你希望會務人員只能改文字/圖片，不要亂動排版。

9. 防止把版型弄亂：Block Locking（鎖定）

Patterns 常搭配「鎖定區塊」使用，避免被移動/刪除造成版面跑掉。

WordPress 的 Block Locking 介面可：

  • 禁止移動（Disable movement）
  • 禁止刪除（Prevent removal）
    也可以套用到容器內所有區塊（Apply to all blocks inside）。

教學用的 step-by-step：

  1. 在編輯器中選到你要鎖的區塊（常見是外層 Group/Container）
  2. 工具列 ⋮ → Lock
  3. 勾選「禁止移動 / 禁止刪除」，必要時勾選「套用到內部所有區塊」

這會讓會務人員比較不會「誤拖誤刪」整段模板。

10. 給您公會網站的實務建議（教人最好用的套路）

如果您要教會務人員「貼文固定格式」，我建議您把 patterns 設計成這樣：

10.1 公告模板（學術活動/最新消息/徵才）→ 用「不同步 Pattern」

  • 因為每一篇內容都不同
  • 插入後就是填空，不會互相影響

10.2 全站固定資訊（例如「聯絡窗口」「報名注意事項」「固定 CTA」）→ 用「同步 Pattern」

  • 改一次，全站更新

10.3 命名規則（讓會務人員搜尋更快）

建議樣板名稱前綴統一，例如：

  • 公會｜學術活動公告（表格版）
  • 公會｜院所徵才（表格版）
  • 公會｜最新消息（簡短版）

並善用分類（例如「公會公告模板」），讓她們插入時不用翻半天。

返回頂端