想在 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 等頁面編輯器,停用後也常殘留這類短代碼文字,需要一併清理。區塊雖然不會留下中括號文字,但停用第三方區塊外掛後,那些區塊會變成失效或破版的內容區塊,同樣需要處理。這意味著不論選哪一種,重度依賴單一外掛都會帶來一定的轉換成本,挑選時就該把外掛的長期維護狀況納入考量。
實務上最穩健的做法,往往不是二選一,而是各取所長:用短代碼處理跨頁重複與動態內容、用區塊處理單頁排版,並且控制外掛數量、優先選維護穩定的工具。先盤點自己網站的內容型態,再決定主力工具,遇到現成外掛都補不上的需求,才考慮用子佈景主題寫自訂短代碼或自訂區塊。把方向定對,外掛才會替你省時間,而不是變成日後維護的包袱。