每次在文章結尾貼上同一段聯絡資訊、在多個頁面放同樣的行動呼籲,改一次就要逐頁手動更新,是許多 WordPress 編輯最耗時又最容易出錯的日常。可重複使用區塊就是為了解決這件事而存在的功能:你把一組區塊存起來,之後在任何文章或頁面一鍵插入,需要修改時只動一個地方,所有用到它的位置同步更新。
這個功能在 WordPress 5.0 隨區塊編輯器一起登場,到了 6.3 版又改了名字,讓不少人對著新介面找不到舊選單。這篇會從觀念、實際操作到後台管理一路講清楚,包含新版的「同步樣式」與「非同步樣式」差在哪、什麼時候該把區塊「轉換成一般區塊」,以及這些區塊到底存在 WordPress 的哪裡。
可重複使用區塊是什麼,為什麼現在叫「同步樣式」
可重複使用區塊是一組被儲存下來、可以在整個網站重複插入的區塊內容。它跟一般區塊最大的不同在於:一般區塊改了只影響當下那一篇,可重複使用區塊改一次,所有引用它的文章與頁面會跟著一起變。
容易讓人混淆的是名稱。WordPress 5.0 推出時叫「可重複使用區塊(Reusable Block)」,5.5 版引入了「區塊樣式(Patterns,也譯為版面配置)」這個更大的概念,到了 6.3 版,官方把可重複使用區塊整併進樣式系統,正式更名為「同步樣式(Synced Pattern)」。
換句話說,現在的同步樣式,行為跟過去的可重複使用區塊完全一樣——編輯它會更新所有使用到的地方。如果你的網站是從舊版升級上來的,原本建立的可重複使用區塊會自動沿用,只是介面上的名稱換成了樣式。為了過渡,WordPress 在建立流程裡保留了「建立樣式/可重複使用區塊」的提示文字,等你關掉說明提示後才會只顯示新名稱。
本文後面會交替使用「可重複使用區塊」與「同步樣式」兩種說法,因為不同版本、不同教學文件用的詞不一樣,但指的是同一件事。
同步樣式、非同步樣式、一般區塊有什麼差別
理解這三者的差異,是用對這個功能的前提。最快的方式是看「改了一個,會不會影響其他」。
| 類型 | 改動會不會連動 | 適合的內容 |
|---|---|---|
| 同步樣式(可重複使用區塊) | 會,改一處全站同步 | 聯絡資訊、頁尾聲明、固定的行動呼籲 |
| 非同步樣式 | 不會,只是套版面,套進來後各自獨立 | 想重複利用版型、但文字每次都不同的橫幅 |
| 一般區塊 | 不會,本來就只屬於單篇 | 每篇都不一樣的正文內容 |
同步樣式管的是「同一份內容到處共用」;非同步樣式管的是「同一套排版反覆套用、內容各填各的」。一般區塊則是你平常打字寫文章用的基本單位。
舉個例子。如果整站頁尾都要放同一組社群連結,連結網址固定不變,那就用同步樣式,哪天換了社群帳號只要改一次。但如果你常做促銷橫幅,版型想一致、文案每次不同,那就用非同步樣式,套進來後直接改文字也不會動到其他橫幅。
怎麼建立一個可重複使用區塊
建立的核心動作是:選好區塊、打開選單、建立樣式、打開「同步」開關。難度不高,新手照著做一次就會。
第一步、在文章或頁面編輯器裡,先把要重複使用的內容做好。可以是單一段落,也可以是一整組區塊(例如標題加段落加按鈕)。
第二步、選取要打包的區塊。如果要一次選多個相鄰區塊,按住 Shift 鍵,先點第一個再點最後一個,中間會一起選起來。多個區塊建議先用「群組」區塊包起來,後續比較好管理。
第三步、點選工具列右側的三點選單(更多選項),選擇「建立樣式」。舊版或過渡期間這個選項可能顯示為「建立樣式/可重複使用區塊」。
第四步、在跳出的視窗為它取一個好認的名稱,並可指定分類。這裡有一個關鍵開關:「同步」。打開同步,它就是傳統意義的可重複使用區塊,改一處全站連動;關掉同步,它就變成只共用版型的非同步樣式。
第五步、按下「建立」。完成後,這個區塊會出現在區塊插入器(左上角的「+」)的「樣式」分頁裡,同步樣式通常會以一個交錯菱形的圖示標示。
命名時建議用看得懂的名字,例如「文末訂閱區塊」「頁尾聯絡資訊」,網站累積到幾十個區塊以後,好認的名稱能省下大量翻找時間。
怎麼把可重複使用區塊插入文章與頁面
插入已經建好的區塊有三種方式,都很快,挑順手的用即可。
第一種、點左上角的「+」插入器,切換到「樣式」分頁,找到「我的樣式」或你指定的分類,點一下就插入。
第二種、在編輯區任意位置點「新增區塊」按鈕,直接輸入你為區塊取的名稱搜尋。
第三種、在空白行輸入斜線「/」再接區塊名稱,這是最快的鍵盤操作,熟練後幾乎不用動滑鼠。
插入後,這個區塊就跟它的「本體」連動。只要本體沒被改,它在每一篇的呈現都一致;一旦你去改了本體,所有插入點同步更新。如果你發現某一篇想單獨改、又不想影響別處,先別急著編輯,下一節會說明正確做法。
為什麼編輯一個地方,全站都跟著變
這正是同步樣式的設計目的,也是新手最常被「嚇到」的地方。
編輯本體有兩條路。第一,直接在某篇文章裡選取該區塊,點工具列的「編輯原始項目(Edit original)」,進入專屬編輯畫面修改;存檔時系統會提示你,這次改動會套用到所有使用該樣式的位置。第二,從後台的樣式管理介面集中編輯(管理路徑見後面的段落)。
不論走哪一條,只要改的是同步樣式本體,變更就會反映到全站每一個插入點。同理,如果你刪除一個同步樣式,所有用到它的位置也會一起消失,並在原處留下一段「此樣式已被移除」的提示。這代表刪除前要先確認沒有重要頁面還在用它。
很多新手踩的雷是:以為在某篇文章裡點進區塊改幾個字只會動到這一篇,結果一存檔,全站同一個區塊全被改掉。會發生這種狀況,是因為沒有先把它跟本體「脫鉤」。
什麼情況該把區塊「轉換成一般區塊」(脫離同步)
當你只想針對單一頁面客製,又不想牽動其他地方,就要先把它脫離同步,轉成一般區塊再編輯。這個動作在舊版叫「轉換成一般區塊」,新版叫「脫離樣式(Detach)」,意思一樣。
操作方式是選取該區塊,點三點選單,選「脫離樣式」或「轉換成一般區塊」。轉換之後,它就變回獨立的普通區塊,你怎麼改都只影響當下這一篇,不會動到原本的同步樣式本體。代價是它從此不再享有「一改全改」的同步好處,等於是把這份內容複製出來各走各的。
判斷要不要脫離,可以用內容性質來分。內容統一、不會因頁面而變的,例如作者簡介、固定聯絡方式、品牌聲明,不要脫離,保持同步才能一改全改。只是想借用版型、實際文字每篇都不同的,例如引用參考資料、文章列表、各頁不同的促銷文案,插入後就立刻脫離,再拆開來填各自的內容,這樣才不會把別處的內容一起改掉。
新版 WordPress 還提供一個折衷選項:同步樣式的「覆寫(Overrides)」。它讓你保留整體版型同步,同時允許指定欄位(例如某個段落或按鈕文字)在每個插入點各自填寫,不必整個脫離。對於版型要一致、但局部文字要客製的情境,覆寫比直接脫離更省事,不過設定上需要在樣式本體先指定哪些欄位可被覆寫。
後台怎麼管理、匯出與匯入這些區塊
集中管理的入口,依你的佈景主題類型而不同,這是新手最容易找不到的地方。
如果你用的是區塊主題(支援完整網站編輯),路徑是「外觀 → 編輯器」,進入後在左側「設計」分類下點「樣式」,就能看到所有樣式分類與你建立的可重複使用區塊,可以直接編輯、複製、刪除。如果你用的是傳統(古典)主題,舊版的可重複使用區塊管理頁會以列表呈現,類似「文章 → 全部文章」的清單樣式。佈景主題與外掛內建的樣式也會一併列出,但這類內建項目通常不能直接在這裡編輯。
匯出與匯入讓你把區塊搬到另一個網站重複使用,對同時管理多站的人很實用。匯出時,在樣式管理頁找到目標項目的三點選單,選「匯出為 JSON」,會下載一個 JSON 檔。匯入時,在樣式頁點「新增樣式」相關選項,選擇從 JSON 匯入,上傳剛剛那個檔案即可。
至於這些區塊存在哪裡:WordPress 把可重複使用區塊(同步樣式)存在資料庫的一個自訂文章類型裡,名稱是 wp_block。知道這點的好處是,當你做網站搬移或資料庫備份時,這些區塊會跟著資料庫一起被保存,不會因為換了佈景主題就消失。
哪些內容最值得做成可重複使用區塊
最適合的內容有兩個共同特徵:會在多處重複出現、而且內容相對固定。符合這兩點,做成同步樣式的效益最高。
常見的好用情境包括這幾類。第一、文末或側邊的行動呼籲,例如訂閱電子報、加入會員的按鈕區,許多大型內容網站正是用少數幾組固定 CTA 反覆套用,外觀一致又好維護。第二、作者簡介或聯絡資訊,作者改了一次社群連結,全站相關文章同步更新。第三、頁尾聲明、版權宣告、退換貨政策這類法務或制式文字,集中改一次最安全。第四、表格、目錄、固定格式的清單,版型重複度高的內容用它能省下大量重排時間。
要避開的情況也很明確:每篇都需要客製的正文內容不要做成同步樣式,否則一改就互相干擾;如果只是想共用版型、內容各不相同,改用非同步樣式或插入後立刻脫離會更合適。把可重複使用區塊想成「全站共用的內容資產」,用在固定且重複的元素上,它才會真正幫你省時間。
對 WooCommerce 或內容型網站來說,若區塊裡涉及優惠資訊或收款按鈕,同步樣式能讓你一次更新全站的活動文案;至於實際金流串接與付款流程設定,屬於另一個獨立主題,這裡只把它當成「會重複出現的內容」來看待。
掌握建立、插入、編輯、脫離與後台管理這五個動作,可重複使用區塊就能從「不知道在哪」變成日常省時的工具。下次再遇到要在多個頁面放同一段內容時,先想一想:它之後會不會一起改?會,就做成同步樣式;只想借版型、內容各填各的,就用非同步樣式或插入後脫離。先把這個判斷練熟,再把網站上重複出現的元素逐一收進樣式庫,維護網站的負擔會明顯輕下來。