WordPress 五大名詞解釋——主題外掛區塊一次搞懂

剛接觸 WordPress 的人幾乎都會卡在同一個地方:後台選單裡「佈景主題」「外掛」「區塊」「小工具」「選單」這幾個詞長得都很像,教學文章又各講各的,看完還是搞不清楚誰負責什麼、彼此怎麼搭。尤其「區塊」和「小工具」現在介面幾乎一樣,「選單」和「小工具」又都能放在側邊欄,光是分辨它們就先耗掉一半耐心。

這篇 WordPress 名詞解釋不打算把每個詞拆成獨立長篇,而是把這五個專有名詞放在同一張地圖上,先講清楚它們各自管哪一塊、再說它們怎麼互相搭配。看完你會知道想改外觀該動哪裡、想加功能該找誰、內容和導覽各自由誰負責,後面看任何進階教學都不會再迷路。

WordPress 名詞解釋為什麼讓新手特別容易混淆

新手會混淆,主因是這些詞在中文翻譯上彼此重疊,加上 WordPress 近幾年把介面大改版,舊教學和新後台對不起來。

把整個網站想成一間店面會比較好理解。佈景主題是裝潢和格局,外掛是你額外添購的設備,區塊是貨架上一件件商品,小工具是擺在固定角落的展示櫃,選單則是門口的指示牌。五者各司其職,但因為都在同一個後台、用詞又接近,新手很容易把「改裝潢」跟「加設備」搞混,或把「擺商品」當成「換指示牌」。

另一個卡關點是版本落差。WordPress 在 5.0 版(2018 年 11 月)導入區塊編輯器,又在 5.8 版把小工具區域也改成用區塊來編輯,於是「區塊」和「小工具」的操作介面變得幾乎一樣。很多兩三年前寫的教學還停在舊介面,讀者一邊看舊圖、一邊看新後台,當然對不上。先建立正確的分工觀念,比急著背每個按鈕在哪更重要。

佈景主題與外掛分別決定網站的什麼

一句話分工:佈景主題決定網站「長什麼樣子」,外掛決定網站「能做什麼事」。

佈景主題(Theme)是一整套設計框架,控制版面配置、字體、配色、頁首頁尾的結構,以及頁面在前台呈現的整體樣式。換掉佈景主題,網站外觀會整個改變,但你寫的文章、頁面內容都還在。安裝位置在後台的「外觀」裡,有免費和付費兩種,台灣站長常用的 Astra、GeneratePress 都屬於這類。

外掛(Plugin)則是替網站加上新功能的程式套件。WordPress 核心本身功能精簡,想要聯絡表單、SEO 設定、網站備份、購物車,就靠對應的外掛補上。一個常見的比喻是:佈景主題像一支剛買來的手機,決定了外型和系統;外掛則像你後來裝的各種 APP,需要什麼功能就裝什麼。電商功能用的 WooCommerce 就是一款外掛,裝上去之後,WordPress 才從部落格變成可以賣東西的商店。

兩者最關鍵的差別在於「可替換性」。佈景主題通常一次只啟用一套,換主題等於換掉整體外觀;外掛則可以同時啟用很多個,各管各的功能,彼此堆疊。判斷一件事該找誰,問自己一句就好:這是在改「樣子」還是在加「能力」。改樣子找主題,加能力找外掛。

區塊是什麼,跟舊版編輯器差在哪

區塊(Block)是現在 WordPress 編輯內容的最小單位。你在文章裡放的每一個段落、每一張圖片、每一個標題、每一份清單或表格,都是一個獨立的區塊。

這套機制來自 5.0 版開始內建的區塊編輯器,也就是常聽到的 Gutenberg(古騰堡)。它取代了過去那個像 Word 一樣的傳統編輯器(Classic Editor)。差別在於:舊版是一整片連續的文字框,所有內容混在一起;區塊編輯器則把內容拆成一塊一塊,每塊都能單獨搬移、複製、設定樣式,操作起來像在堆積木或玩樂高,一塊一塊組出整個版面。

區塊編輯器不需要另外安裝。只要你的 WordPress 是 5.0 或更新的版本,它就是內建的預設編輯器,被歸在核心檔案裡,所以你在外掛清單裡找不到它,也不必去搜尋「怎麼安裝區塊編輯器」。

要注意的是「區塊」和「區塊編輯器」是兩件事。區塊是內容的單位,區塊編輯器是用來排列這些區塊的工具。理解這層關係後,下一個最容易跟區塊搞混的詞就清楚多了——小工具。

小工具其實是放在固定區域的區塊

小工具(Widget)指的是放在側邊欄、頁尾這類「固定區域」的功能元件,例如搜尋框、最新文章列表、文章分類、社群連結。

新手最常問的問題是:小工具跟區塊到底差在哪?答案是,自 5.8 版起,小工具區域改用區塊來編輯,所以你在後台「外觀 > 小工具」看到的介面,跟寫文章時的區塊編輯器幾乎一模一樣,連可用的元件都大量重疊。差別不在「長相」,而在「擺放的位置」。

說得更精確一點:小工具區域是佈景主題預先劃好的幾個固定欄位(最常見的是側邊欄 Sidebar 和頁尾 Footer),你把區塊放進這些欄位,它就會出現在網站的每一個頁面,而不是只出現在某一篇文章裡。所以可以這樣記——同樣是區塊,放進文章內文的,就是內容;放進側邊欄、頁尾這些固定欄位的,就是小工具。

有兩個延伸觀念順帶釐清。第一,每套佈景主題提供的小工具區域位置不一樣,有些主題(例如 Astra)的頁尾另外有自己的編輯器,這時候要去主題自帶的工具裡調,在「外觀 > 小工具」改了不會生效。第二,習慣舊介面的人可以安裝官方的 Classic Widgets 外掛,把小工具區域切回拖曳式的傳統樣式;但如果你沒用過舊版,直接用現行的區塊版即可,不必特地裝。

選單負責的是整個網站的導覽結構

選單(Menu)是網站的導覽系統,也就是訪客用來在不同頁面之間移動的指示牌,通常出現在頁首、跟著網站 Logo 一起。

選單和小工具最容易被搞混,因為兩者都能出現在類似的位置、都是在後台「外觀」裡設定。但它們的目的完全不同:小工具是在固定區域顯示「內容或功能」,選單則是規劃「網站的瀏覽路徑」。一個良好的導覽設計,會讓訪客盡量在三次點擊以內就找到想要的資訊,這正是選單存在的意義。

選單的設定位置在後台「外觀 > 選單」。介面左邊是可以放進選單的素材,右邊是你正在編輯的選單結構,做法就是把左邊的東西勾選後新增到右邊、再拖曳排序。能放進選單的素材包含這幾類:

  • 頁面(Page):像「關於我們」「聯絡我們」這類非文章的固定內容
  • 文章(Post):挑網站裡最重要的幾篇基石文章放上去,不要什麼都塞
  • 自訂連結(Custom Links):連到外部網站,例如品牌的社群頁面
  • 分類(Categories):直接連到某個分類的彙整頁,部落格很常用

一套 WordPress 可以建立多個選單,分別指派到主選單、頁尾選單、行動裝置選單等不同位置,這些位置由佈景主題定義。新手第一次規劃選單,先求「有」再求「好」,用「關於」「服務」「聯絡」這類精簡字眼當項目名稱,項目太多時就用「分類」收納,之後隨時都能回來調整排序和層級。

五個名詞的關係怎麼一次看懂

把五者放回同一張地圖,分工就清楚了。佈景主題是底層的舞台,決定整體外觀與哪些區域可以擺東西;外掛在這個舞台上增添各種能力;區塊是你用來填內容的積木;小工具是把積木放進主題劃定的固定欄位;選單則獨立負責頁面之間的導覽。下面這張表把每個詞的職責、設定位置、影響範圍整理在一起:

名詞 負責什麼 設定位置 影響範圍
佈景主題 整體外觀與版面框架 外觀 > 佈景主題 全站樣式
外掛 增加新功能 外掛 > 安裝外掛 視功能而定
區塊 內容的最小單位 文章/頁面編輯器 單篇內容
小工具 固定區域的功能元件 外觀 > 小工具 側邊欄、頁尾等每頁固定區
選單 網站導覽結構 外觀 > 選單 跨頁面的瀏覽路徑

實際操作時,可以用一個簡單的判斷流程把問題導向正確的地方:

改外觀
佈景主題
加功能
外掛
寫內容
區塊
側邊/頁尾
小工具
換頁導覽
選單

特別記住兩組最容易混的對照。第一組是區塊與小工具:兩者用的編輯介面一樣,差別只在「放在文章內文」還是「放在主題的固定欄位」。第二組是小工具與選單:小工具是在固定區域放內容或功能,選單是規劃頁面之間的動線,一個管「顯示什麼」、一個管「怎麼走」。

搞懂分工之後,下一步該往哪走

這五個名詞不是要你死背定義,而是要建立一張分工地圖:主題管外觀、外掛管功能、區塊組內容、小工具佔據固定區、選單畫導覽。只要遇到問題時先問「這是在改樣子、加能力、填內容、佈置固定區、還是規劃動線」,就能立刻知道該打開後台的哪一個位置。

建議的下一步,是回到自己的 WordPress 後台,照著「外觀 > 佈景主題」「外掛」「外觀 > 小工具」「外觀 > 選單」逐一點開看一遍,再隨手寫一篇文章感受區塊的操作。把這篇的對照表放在旁邊,一邊看一邊對,幾次之後這些詞就會從「混在一起的術語」變成你熟悉的工具。基礎觀念站穩了,之後不論是挑主題、選外掛還是排版面,都會走得比別人順。

相關文章
標籤: 佈景主題, 小工具, 外掛, WordPress, 區塊編輯器