fbpx
了解 Elementor 編輯器最新優惠

什麼是 WordPress 可重複使用區塊 (Reusable Block)?合適使用情景與常見問題

WordPress 為了便利創作者更有效率和節省時間整理資訊,WordPress 從第 5.0 版本之後開始試驗加入這個可重複使用區塊 (Reusable Block)。老用戶從前可能是用複制和貼上的方式,把文章相同的部份逐篇貼上合適的位置,雖然可以達到相同的目的,但長遠來說是費時失事的做法,也沒有什麼效果可言,這次介紹的可重複使用區塊能讓你儲存單一或一組區塊,日後便可用於網站的任何文章或頁面。如果你經常新增同樣的內容到同一個區塊或區塊群組,使用可重複使用區塊將能夠節省大量時間。

備注:可重複使用區塊其實可以分成兩類,主要差異在於你引用「可重複使用區塊」之後,你會否將它們 [轉換成一般區塊] ,兩者會產生不同的後續影響。

❌ 不適合 [轉換成一般區塊] 的例子舉例「文章作者」區塊,由於作者的資訊是統一和不會變動,所以在引用區塊之後,不需要再按 [轉換成一般區塊] 。

✅ 適合 [轉換成一般區塊] 的例子舉例「引用參考資料」或「文章列表」區塊等等,我們只是希望重複利用這類格式和外觀而已,裡面的參考資料來源和引用什麼文章,每次都不同的,所以這種類型的例子,必須在引用區塊之後,要立即按下 [轉換成一般區塊] ,然後拆成不同小內容區塊再編輯,這樣才不會影響到可重複使用區塊的「可重複性」。

Youtube 教學影片:

影片長度:15 分鐘
語言:國語
字幕:繁體中文

可重複使用區塊是免費的嗎?

完全免費,這不是一個付費的服務,這正是為什麼我們強列推薦您需要善用這功能來提升您寫作效率的主因之一,當您累積到一定數量的「可重複使用區塊」,並善加以利用在文章的不同的部位和位置,您會發現原本只是 2,000 字的內容,會變成 3,000 字的內容,而且更大地補充您 (文章的結構) 和 (可再利用性),這是新手必學的小技巧喔。

WordPress 初學者可以學得會嗎?

這個技巧的難度是 ★☆☆☆☆,接近沒什麼難度可言,但又非常容易讓新手忘記掉,變成 (每次重複) 輸入相同的內容,或者重複貼上,白白浪費掉寶貴的寫作時間和心力,在下方我們會展示數個常用的範例和操作,保證讓您活學活用,立即就能上手。但使用的時機和如何打包複數的區塊成為「可重複使用區塊」,還是需要透過不斷的練習和操練。

合適使用情景 (01) | 作者簡介和聯絡

合適使用情景 (01) | 作者簡介和聯絡
合適使用情景 (01) | 作者簡介和聯絡

Elementor 除了是知名的 WordPress 頁面編輯器,他們也撰寫了數百編網站架設的文章,有來自全球數之不盡的多國藉作者 (Author)。所以如果要記下不同的作者的簡介 Bio 資料,是不太可能的,但如果把他們的資料放進可重複使用區塊的庫裡,編輯們只需要認得作者的名稱即可,然後一鍵套上作者們的資料,如果作者需要更改自己的簡介?只需要在可重複使用區塊的庫調整一次,立即所有相關的文章都會自動變更成最 Update 的狀態,工作效率又再次提升了不少,包含那些作者的社交媒體連結、作品集或網站連結等,都能這樣一次處理。

合適使用情景 (02) | 文章結尾或延伸閱讀

合適使用情景 (02) | 文章結尾或延伸閱讀
合適使用情景 (02) | 文章結尾或延伸閱讀

Pinkoi 是亞洲領先的設計購物網站,販售設計商品、數位創作和體驗活動,除了一般的商業活動,他們也積極地撰寫不同的內容文章 (Blog Post)。每當網站的訪客和瀏覽者滑到 (文章的底部) 時,會發現 Pinkoi 巧妙地運用延伸閱讀來吸引訪客閱讀其他相關的文章,增加訪客在網站的停留時間,這意味他們有更大的機會購買東西或瀏覽廣告。

合適使用情景 (03) | 各類產品優惠推廣

合適使用情景 (03) | 各類產品優惠推廣
合適使用情景 (03) | 各類產品優惠推廣

AppSumo 提供大量數碼和線上工具,以極低的合作價格吸引大量的潛在顧客,他們的網站是採用兩欄式的設計,側邊欄會放上隨機的推廣產品,如果我們動動腦筋,其實也可以把各類隨機文章、隨機優惠、隨機活動、隨機圖片和影片等,放進可重複使用區塊 (Reusable Block),制作萬千變化的可能性,不要被重複限制您的想象力。

合適使用情景 (04) | 表格 / 列表 / 目錄

合適使用情景 (04) | 表格 / 列表 / 目錄
合適使用情景 (04) | 表格 / 列表 / 目錄

對於資料性和豐富數據的頁面,這一類重重複複的工作,相信世界上沒有人喜歡做這種事,就拿我們每年一次的美國感恩節促銷活動,每年我們都要為這個【黑色星期五】的活動頁面,把大量的優惠資料和超連結放上去,平均要花 3 天時間才能整理完成,上一年我們透過 Qubely Block 區塊 來完成這項重複性的工作,再加上可重複使用區塊 (Reusable Block) 的幫助。現在我們每年不用重新由零開始,只需要從上一年的區塊拿來重用,並改動需要變更的內容即可,3 天的工作變成 1 天就能完成,效率提高極多。

合適使用情景 (05) | 訂閱電子報

合適使用情景 (05) | 訂閱電子報
合適使用情景 (05) | 訂閱電子報

白宮新聞秘書 (White House Press Secretary) 作為美國發佈影響全球新聞的發言平台,不少國家或地區,如果希望追蹤第一手的國際消息,可以透過網站底部的「訂閱電子報」區塊,留下您常用的電郵地址即可,如果美國白宮有任何最新能夠發佈的消息,您可以從您的電郵裡接受到通知。市場上不少網上行銷人員,也經常使用這類功能收集潛在訪客的電郵和聯絡資料,用於作下一步的推廣活動。

市場上大部分的表單外掛都可以辦得到這功能,例如免費的 Contact Forms 7Ninja Forms 也可以。

合適使用情景 (06) | 行動呼籲 Call to Action

合適使用情景 (06) | 行動呼籲 Call to Action
合適使用情景 (06) | 行動呼籲 Call to Action

國際知名的 SEO 服務供應商 SEMrush,善於透過撰寫大量 SEO 教學去獲取大量免費的自然流量,但如果您有經常觀看,會發現他們雖然發表了數百篇教學文章,但當中出現的行動呼籲 (Call to Action) 的廣告是大同小異?大約只有不多於 20 款,這就是應用可重複使用區塊 (Reusable Block) 的極佳例子,當然他們會跟據部落格文章的主題和內容去決定套用那一個重複區塊,外觀上並不讓訪問構成反感和阻礙,如果您的重複區塊可以幫助訪客解決他們的問題和疑難,這就能達到 Win Win 雙贏的目的。

如何 [建立] 可重複使用區塊?

如何 [建立] 可重複使用區塊?
如何 [建立] 可重複使用區塊?

首先,使用 [區塊] 建立內容

WordPress 沒有限制可重複使用區塊 (Reusable Block) 的內容,一定是要什麼類型的資料型態,這完全取決於站長自己的使用需求。像上方我們介紹了【6 個使用合適使用情景】,上方我建立了一個簡單的區塊組合。
區塊內容
[標題]立即訂閱我們的網站
[段落]我們的團隊並不會濫發信息和廣告,每月定期會整理優惠和 WordPress 相關的更新情報,例如系統、外掛和佈景主題相關的更新,也會推送資訊安全的漏洞注要事項,確保您的網站保持和世界的連繫。
[電郵收集] 短碼收集訪客名單,用於電子報用途。

小技巧,善用 Shift 鍵可以 [複選] 多個區塊

小技巧,善用 Shift 鍵可以 [複選] 多個區塊
小技巧,善用 Shift 鍵可以 [複選] 多個區塊

步驟一:從上而下,點擊第一個區塊

首先,點擊您希望納入可重複使用區塊的第一個 [區塊] ,以上方範例來說,標題就是我的第一個 [區塊],接著是關鍵,我需要按住鍵盤的 [Shift 鍵] 不放。

步驟二:點擊最後的區塊

承上,按住鍵盤的 [Shift 鍵] 不放的情況之下,然後點擊最後的區塊即可,在視覺上,會出現如上方圖片的圈選狀態,這就正確地 [複選] 了多個區塊。

如何將區塊新增至可重複使用區塊?

如何將區塊新增至可重複使用區塊?
如何將區塊新增至可重複使用區塊?

步驟一:點擊 [三個點] 的選項

會彈出可以提供您控制的設定選項,基於不同的 [區塊] ,您點擊後會出現的選項會略有不同,這取決於區塊的資料型態和類型。

步驟二:點擊 [新增至可重複使用區塊]

請在點擊 [新增至可重複使用區塊] 之前,確認所有內容是正確無誤,不然往後再更改會比較麻煩,做事審慎永遠都比較好。

為可重複使用區塊取一個易記的名稱

為可重複使用區塊取一個易記的名稱
為可重複使用區塊取一個易記的名稱

區域一:在 [區塊名稱] 輸入易記的名稱

取一個有意義和容易識別的名稱非常重要,不然當區塊慢慢累積後就不容易管理了,這跟我們辦公室的文件檔案管理是相約的觀念。

區域二:點擊 [儲存 Save]

點擊 [儲存 Save] 之後,就可以在往後直接套用,您可以想像自己家中有個小型圖書館,您現在購買了一本新書進去,在有需要閱讀時可以拿出來閱讀。

如何 [編輯] 可重複使用區塊?

如何 [編輯] 可重複使用區塊?
如何 [編輯] 可重複使用區塊?

點擊 [編輯] 按鈕,即可編輯現成的可重複使用區塊

承接上方的教學,在任何時間,當您點擊任何已經存在的可重複使用區塊。這刻,您無法直接 [編輯] 他們,因為他們是從區塊庫裡鏡像出來的,主體只存一個,您看到其他的都是 [複制體],這對新手可能有點抽像難明。如果您按 [編輯] 這個區塊,有機會會影響其他正在 [使用中] 的文章和頁面的相同部份,小心三思而後行,除非是新建立的區塊,如果改變 [舊區塊],不妨先花時間考慮可能會影響到的後果。

方法一:如何找到 [管理] 可重複使用區塊的捷徑?

方法一:如何找到 [管理] 可重複使用區塊的捷徑?
方法一:如何找到 [管理] 可重複使用區塊的捷徑?

步驟一:點擊 [三個點] 的選項

會彈出可以提供您控制的設定選項,這裡是區塊編輯器的設定區域,其他的設定和參數我們會在其實教學章節裡另作說明。

步驟二:點擊 [管理可重複使用區塊]

在您希望點擊 [管理可重複使用區塊] 之前,由於這會載入到另外一個新的介面,系統會要求您請 [儲存 Save] 文章和頁面的進度,謹記這點。

方法二:如何找到 [管理] 可重複使用區塊的捷徑?

方法二:如何找到 [管理] 可重複使用區塊的捷徑?
方法二:如何找到 [管理] 可重複使用區塊的捷徑?

步驟一:在新增區塊時,切換 [可重複使用] 頁籤

在這頁籤會顯示常用的 [可重複使用區塊],你可以直接使用。

步驟二:點擊 [管理可重複使用區塊]

在您希望點擊 [管理可重複使用區塊] 之前,由於這會載入到另外一個新的介面,系統會要求您請 [儲存 Save] 文章和頁面的進度,謹記這點。

[管理] 和 [移除] 可重複使用區塊 | 控制台外觀

[管理] 和 [移除] 可重複使用區塊 | 控制台外觀
[管理] 和 [移除] 可重複使用區塊 | 控制台外觀

區域一:從 JSON 檔案匯入

如果你需從其他網站匯入 [區塊 Block] 至你的網站,請點選 [從 JSON 檔案匯入],在新的網站匯入 JSON 檔案即可

區域二:新增 [可重複使用區塊]

這個選項會建立一個「空白頁面」,你可以新增一個或多個的區塊組合,然後直接儲存成「新的」可重複使用區塊。

[管理] 和 [移除] 可重複使用區塊 | 控制台選項

[管理] 和 [移除] 可重複使用區塊 | 控制台選項
[管理] 和 [移除] 可重複使用區塊 | 控制台選項

步驟一:編輯區塊

這個和編輯文章和頁面相似,點擊後可以直接編輯對應的區塊。

步驟二:移至 [回收桶]

你可以將不再適用和多餘的 [可重複使用區塊] 移至 [回收桶] 或直接刪除。

步驟三:匯出為 JSON 檔案

區塊也可以備份 (Back up),匯出後的檔案,可以在另外新的網站匯入。

如何 [新增] 可重複使用區塊到您頁面?

如何 [新增] 可重複使用區塊到您頁面?
如何 [新增] 可重複使用區塊到您頁面?

步驟一:點擊 [+] 的新增選項按扭

會彈出可以提供您 [新增內容] 的設定選項,這取決於每個網站安裝的佈景主題、外掛和區塊 (Block) 會顯示不同的功能。

步驟二:點擊 [可重複使用] 頁籤

這裡會出現所有您設計的區塊組合供您套用,這端看您早期如何規劃這些組合,沒有劃一的指標,由於每位站長的想法不一,這邊就不限制大家的想像力了。

5 星【重點筆記】:引用 [可重複使用區塊] 之後,「一定」要立即點擊 [轉換成一般區塊],然後才進行編輯

5 星【重點筆記】:引用 [可重複使用區塊] 之後,「一定」要立即點擊 [轉換成一般區塊],然後才進行編輯
5 星【重點筆記】:引用 [可重複使用區塊] 之後,「一定」要立即點擊 [轉換成一般區塊],然後才進行編輯
5 星【重點筆記】:引用 [可重複使用區塊] 之後,「一定」要立即點擊 [轉換成一般區塊],然後才進行編輯
5 星【重點筆記】:引用 [可重複使用區塊] 之後,「一定」要立即點擊 [轉換成一般區塊],然後才進行編輯

這是一個非常嚴重的「WordPress 陷阱」,如果萬一新手在沒有在匯入區塊後,立即點擊 [轉換成一般區塊],然後才進行編輯,那預設會「直接編輯」從前所有引用過的可重複區塊,切記。

這個功能把可重複使用區塊,轉換成獨立存在的一般區塊,編輯它們不會影響現在正在使用中的區塊,十分推薦使用這種模式開展新的內容。但缺點就是無法享有任何可重複使用區塊的優點,請善用不同的設定和選項,每個都有其獨特的用處,沒有對與錯,只有是否合適。

重溫一次使用 [轉換成一般區塊] 的時機

備注:可重複使用區塊其實可以分成兩類,主要差異在於你引用「可重複使用區塊」之後,你會否將它們 [轉換成一般區塊] ,兩者會產生不同的後續影響。

❌ 不適合 [轉換成一般區塊] 的例子舉例「文章作者」區塊,由於作者的資訊是統一和不會變動,所以在引用區塊之後,不需要再按 [轉換成一般區塊] 。

✅ 適合 [轉換成一般區塊] 的例子舉例「引用參考資料」或「文章列表」區塊等等,我們只是希望重複利用這類格式和外觀而已,裡面的參考資料來源和引用什麼文章,每次都不同的,所以這種類型的例子,必須在引用區塊之後,要立即按下 [轉換成一般區塊] ,然後拆成不同小內容區塊再編輯,這樣才不會影響到可重複使用區塊的「可重複性」。

常見問題 FAQ

WordPress 可重複使用區塊是免費的嗎?

完全免費,這不是一個付費的服務,這正是為什麼我們強列推薦您需要善用這功能來提升您寫作效率的主因之一,當您累積到一定數量的「可重複使用區塊」,並善加以利用在文章的不同的部位和位置,您會發現原本只是 2,000 字的內容,會變成 3,000 字的內容,而且更大地補充您 (文章的結構) 和 (可再利用性),這是新手必學的小技巧喔。

WordPress 初學者可以學得會嗎?

這個技巧的難度是 ★☆☆☆☆,接近沒什麼難度可言。不過這技術建基於《區塊編輯器》但又非常容易讓新手忘記掉,變成 (每次重複) 輸入相同的內容,或者重複貼上,白白浪費掉寶貴的寫作時間和心力,在下方我們會展示數個常用的範例和操作,保證讓您活學活用,立馬就能上手。但使用的時機和如何打包複數的區塊成為「可重複使用區塊」,還是需要透過不斷的練習和操練。

使用 [轉換成一般區塊] 的時機?

備注:可重複使用區塊其實可以分成兩類,主要差異在於你引用「可重複使用區塊」之後,你會否將它們 [轉換成一般區塊] ,兩者會產生不同的後續影響。

❌ 不適合 [轉換成一般區塊] 的例子舉例「文章作者」區塊,由於作者的資訊是統一和不會變動,所以在引用區塊之後,不需要再按 [轉換成一般區塊] 。

✅ 適合 [轉換成一般區塊] 的例子舉例「引用參考資料」或「文章列表」區塊等等,我們只是希望重複利用這類格式和外觀而已,裡面的參考資料來源和引用什麼文章,每次都不同的,所以這種類型的例子,必須在引用區塊之後,要立即按下 [轉換成一般區塊] ,然後拆成不同小內容區塊再編輯,這樣才不會影響到可重複使用區塊的「可重複性」。

參考資料和引用文獻

我們提供市場上最新的網站架設新聞、教學和相關知識,我們不會向用戶發送垃圾和推廣內容,而你可以隨時「取消訂閱」。

學員人數:6,600+ 人(持續增加之中)

中文語系的 WordPress - Facebook 社團列表

發表您的留言

加入我們的免費 WordPress 學習社團免費的教學資源、交流和解決問題!

是否覺得孤軍作戰和學習很無趣味?
何不加入學習社團和其他
熱愛網站設計的朋友交流?
分享您建站的喜與樂
學習最新的知識和技術