WordPress 短代碼外掛與區塊外掛怎麼選

想在 WordPress 文章裡放一個漂亮的頁籤、手風琴或按鈕,又不想碰程式碼,最常見的兩條路就是「裝一個短代碼外掛」或「裝一個內容區塊外掛」。多數教學要嘛只教你怎麼用 Shortcodes Ultimate 貼短代碼,要嘛只列一堆古騰堡區塊外掛,卻很少有人把這個選擇講清楚:你的網站到底適合哪一種,兩者能不能並存,日後換主題或停用外掛會留下什麼後遺症。

這篇就把 wordpress 短代碼外掛與區塊外掛擺在一起比較,從運作原理、實際使用情境、維護風險到挑選準則,幫你在動手裝外掛前先想清楚方向,而不是裝了一堆又互相打架。

短代碼外掛是什麼,為什麼到現在還有人用

短代碼外掛是一種讓你用一段中括號指令就能插入複雜功能的外掛,背後把上百行程式包成一行 [shortcode],貼到文章、頁面或小工具就能在前台渲染成完整畫面。WordPress 從 2.5 版(約 2008 年)就導入這個機制,當時是為了在「不允許直接寫 PHP」的內容區裡,仍能動態產生圖庫、表單、影片這類內容。

短代碼主要有三種寫法。自閉合是單獨一行,例如 帶參數是加上屬性調整顯示,例如 [products limit="4" columns="2"]包覆內容則是把中間的文字一起處理,例如 [box]這段文字會被加上外框[/box]。外掛或主題在程式裡用 add_shortcode() 註冊名稱並綁定函式,WordPress 解析內容時遇到該短代碼,就呼叫對應函式、把回傳的 HTML 放到那個位置。

到現在還有人用短代碼,主要是因為它有兩個區塊難以取代的特性。第一是跨編輯器通用:同一行短代碼在古騰堡區塊編輯器、傳統編輯器、小工具、甚至主題範本檔裡都能跑。第二是集中維護:一組輪播或促銷區塊做成短代碼後,貼在十個頁面,日後只要改外掛設定一處,十個頁面同步更新。WooCommerce 的購物車、結帳、會員中心頁面,本質上就是各放一行短代碼(如 [woocommerce_cart][woocommerce_checkout])撐起整個前台畫面;Contact Form 7、Gravity Forms 這類表單外掛,也是靠短代碼把表單塞進任何頁面。

內容區塊外掛是什麼,跟短代碼差在哪

內容區塊外掛是擴充古騰堡區塊編輯器的外掛,讓你用拖拉、即時預覽的方式排版,所見即所得,不必記憶任何指令。WordPress 5.0(2018 年底)正式把古騰堡區塊編輯器放進核心,目的就是統一「插入內容」的方式:不論文字、圖片、按鈕、頁籤,全部都是一個個可視覺化操作的「區塊」,插入方式一模一樣。原生區塊雖然好用,但客製化選項偏少,連設定圓角、陰影、漸層都做不到,於是 Stackable、Kadence Blocks、GenerateBlocks 這類第三方區塊外掛就補上了這塊。

短代碼與區塊最根本的差別在於「資訊存在哪裡」。短代碼在內容裡只留下一行文字指令,真正的呈現邏輯在外掛或主題的程式裡,前台輸出時才即時翻譯。區塊則是把樣式與結構直接寫進內容(區塊本身帶有 HTML 與設定註解),編輯時就能看到最終長相。這個差異延伸出兩者各自的優缺點。

[ ]
短代碼

區塊
比較項目 短代碼外掛 內容區塊外掛
操作方式 輸入或插入 [ ] 指令 視覺化拖拉、即時預覽
學習門檻 要記得短代碼名稱與參數 直覺、所見即所得
跨環境通用 文章、頁面、小工具、範本檔都能用 主要在區塊編輯器內
集中更新 改一處、所有引用同步 每個區塊各自獨立
適合情境 重複功能、跨系統共用、動態內容 單頁排版、圖文編排
主流趨勢 維持穩定,新外掛變少 WordPress 官方主推方向

兩者不是互斥的。值得注意的是,現在不少外掛同時提供短代碼與區塊兩種版本,包含本文要談的 Shortcodes Ultimate。判斷要走哪一條,重點不在誰比較新,而在你的內容需求屬於哪一型。

Shortcodes Ultimate 適合誰,提供哪些功能

Shortcodes Ultimate 是目前最具代表性的短代碼外掛,免費版就提供超過 50 種功能短代碼,付費的 Pro 版進一步擴充到更多元件,安裝啟用數超過 60 萬,是同類型外掛裡規模最大的之一。它把頁籤、手風琴、按鈕、滑塊、輪播、燈箱、欄位、文字框等可重複使用的內容元件,整理成七大類,讓不會寫程式的人也能組出比原生編輯器更豐富的版面。

它的操作流程相當直接。在 WordPress 後台的「外掛、安裝外掛」搜尋 Shortcodes Ultimate 安裝啟用後,文章編輯畫面的工具列會多出一個外掛圖示;點開可以看到所有可用短代碼,選好功能後在彈出視窗裡調整參數並即時預覽,確認後按 Insert shortcode 就把短代碼插入內容,發布後前台即呈現對應效果。這種「視覺化生成短代碼」的設計,解決了短代碼最大的痛點:不必死背指令與參數。

值得單獨點出來的是,Shortcodes Ultimate 並非只活在短代碼時代。它同時提供了可在區塊編輯器中使用的版本,也能用在傳統編輯器、小工具與範本檔裡。換句話說,它本身就橫跨了短代碼與區塊兩種使用方式,這也是它在區塊編輯器成為主流後仍能維持高安裝量的原因。對於想用「單一一套維護的工具包」取代多個單一用途 UI 外掛的網站,它是合理的選擇。

如果現成功能還是不夠,短代碼的世界也允許你自己寫一個。最基本的做法是在子佈景主題的 functions.php 裡用 add_shortcode() 註冊,例如註冊一個 [hello],回傳一段帶名字的問候字串,之後在文章輸入 [hello name="小明"] 前台就會顯示對應內容。實務上,自訂短代碼常用來輸出固定的 CTA 按鈕、促銷區塊或特定商品列表這類需要重複使用的內容。要提醒的是,直接改 functions.php 有一定風險,務必用子佈景主題並先備份,避免主題更新時被覆蓋或語法錯誤導致整站白畫面。

區塊外掛怎麼選,五個挑選準則與代表性外掛

挑區塊外掛時別只看廣告版面漂不漂亮,要從速度、穩定性、功能性、維護團隊、程式碼結構五個角度評估,因為一個拖慢網站或三天兩頭出狀況的外掛,比沒有功能更麻煩。速度上,區塊外掛理應只在前端載入必要的 CSS 與 JS;穩定性看的是每次 WordPress 大版本更新後會不會壞;功能性指它能不能補上原生區塊缺的客製化選項;維護團隊與程式碼結構則決定它的長期可用性與好不好二次客製。

依這套準則,市面上有幾款代表性外掛各有定位。Stackable 設計庫龐大、上手快,免費版就提供大量進階區塊與設計樣式,適合想快速做出好看排版、又不想花太多時間調整的人。Kadence Blocks 主打客製化選項最齊全、RWD 控制項目多、穩定性高,適合想精細掌控排版細節的進階使用者,背後團隊同時推出 Kadence 佈景主題。GenerateBlocks 走極簡路線,免費版只給少量區塊,但程式碼非常乾淨、幾乎不拖慢速度,適合凡事從零自己排版、把效能擺第一的架站者,搭配同團隊的 GeneratePress 主題尤其受開發者歡迎。

除了純加區塊,也有外掛走「擴充原生」的路線,例如 Editor Plus 直接強化古騰堡既有區塊的圓角、陰影、寬度等控制項,用起來接近頁面編輯器卻仍是原生區塊,效能負擔小。另外像 WP Engine 開發的 Genesis Blocks,主打速度極快、介面簡約,適合追求快速開發的情境,較進階的功能區塊則需付費版。

挑選時有個常被忽略的原則:裝兩個第三方區塊外掛大概就夠了。區塊外掛之間的樣式與資源容易重複,裝太多不只拖慢速度,日後版本更新或除錯也更難釐清是哪一個出問題。先確定一款主力、最多再補一款補足缺口,比一次裝五款穩當得多。

短代碼還是區塊,你的網站該怎麼決定

決策的核心是問三件事:這段內容會不會在很多地方重複出現、要不要在區塊編輯器以外的環境使用、未來換主題或停用外掛時你承不承擔得起殘留風險。把這三題想清楚,方向就出來了,而不是看哪個比較流行就裝哪個。

如果你的需求是「同一組元件要在大量頁面重複、且要集中維護」,或要把功能放進小工具、範本檔這類非區塊環境,短代碼外掛仍是最通用的解法。經營商品數量多的電商、需要在多支文章嵌入相同 CTA 或表單的內容站,用短代碼能省下逐頁重排的工。反過來,如果你主要是在做單頁的圖文排版、追求所見即所得的編輯體驗,而且整站都用區塊編輯器,那麼區塊外掛會讓你編得更快、更直覺,也更貼近 WordPress 官方主推的方向。

維護風險這一關特別容易被忽略,卻最該先想。短代碼一旦失去定義,就會在前台露出 [xxx] 這類純文字,常見原因有三個:提供該短代碼的外掛或主題被停用或移除、短代碼名稱拼錯或參數格式不對、把含短代碼的內容從別的網站貼過來而本站沒有對應功能。先前若用過 Elementor 等頁面編輯器,停用後也常殘留這類短代碼文字,需要一併清理。區塊雖然不會留下中括號文字,但停用第三方區塊外掛後,那些區塊會變成失效或破版的內容區塊,同樣需要處理。這意味著不論選哪一種,重度依賴單一外掛都會帶來一定的轉換成本,挑選時就該把外掛的長期維護狀況納入考量。

實務上最穩健的做法,往往不是二選一,而是各取所長:用短代碼處理跨頁重複與動態內容、用區塊處理單頁排版,並且控制外掛數量、優先選維護穩定的工具。先盤點自己網站的內容型態,再決定主力工具,遇到現成外掛都補不上的需求,才考慮用子佈景主題寫自訂短代碼或自訂區塊。把方向定對,外掛才會替你省時間,而不是變成日後維護的包袱。

相關文章
標籤: WordPress 外掛, 區塊編輯器, 短代碼, Shortcodes Ultimate, 古騰堡