Wordpress

GeneratePress 免費版能做到什麼程度?跟 Premium 分界一次看懂

新安裝一套佈景主題,頁面通常要背負不少額外的檔案與請求。GeneratePress 官方自己測出來的數字卻是,全新安裝只讓頁面增加 7.5KB、多發 2 個 HTTP 請求,而且不依賴任何額外套件。這組數字放在動輒破百 KB 的免費主題市場裡,算是相當罕見的存在。

很多人挑佈景主題時吃過同一種虧,介面看起來功能齊全,裝上去卻拖慢載入速度,還得再裝幾個外掛補齊原本該有的排版彈性,結果站台越用越重、越管越亂。GeneratePress 是一款以速度、穩定與無障礙為核心訴求的免費 WordPress 佈景主題,而且免費版本身就內建版面、色彩、排版、導覽、小工具區這一整套設定,不必額外裝外掛湊功能。

免費版能設定到什麼程度、哪些功能被劃進 Premium,得先看清楚這條分界,才知道免費版夠不夠用、要不要升級。

GeneratePress 免費版在「外觀 > 自訂」內建版面、色彩、排版、導覽與小工具區五組核心設定,進階功能才劃入 Premium
GeneratePress 免費版把版面、色彩、排版、導覽與小工具區都內建好,不必額外裝外掛湊功能。

GeneratePress 是什麼?頁面增量僅 7.5KB 的輕量佈景主題

官方替 GeneratePress 下的定位其實很簡單,就是一款鎖定速度、穩定與無障礙 3 個面向的免費 WordPress 佈景主題。這句定位聽起來像一般行銷詞,但撐起它的是實測出來的效能數字:全新安裝只讓頁面增加 7.5KB、發出 2 個 HTTP 請求,不依賴任何額外套件;拿到 WordPress.org 主題目錄核對,官方統計的增量數字則是低於 10KB(已壓縮)。兩邊的數字有落差,但方向一致,是同一件事在不同測量條件下量出來的結果,不是誰說錯。

這款主題可以直接在 WordPress.org 主題目錄免費下載安裝,授權方式是 GPL,同一份免費版可以用在名下任意數量的網站上,不需要為每個網站另外付費或申請授權。到目前為止,它在 WordPress.org 已有超過 500,000 個啟用安裝,官方頁面也累積超過 1,000 則五星評價,這個規模讓它在免費佈景主題裡算是相對成熟、長期有人維護的選項,不是曇花一現的新面孔。

免費版本身的設定入口都集中在後台的「外觀 > 自訂」,版面、色彩、排版、導覽、小工具區這幾組核心設定都在裡面,不必額外裝外掛就能調。

容器寬度與五種側邊欄排列組合的版面骨架

在自訂工具裡點開「版面(Layout)」面板下的「容器(Container)」設定,可以直接調整全站的容器寬度、內容與側邊欄之間的分隔留白、內距,以及容器要靠左、置中還是靠右對齊。這幾項設定套用在全站,不必進每篇文章或每個頁面模板重新調一次,換版面骨架就是改這幾個數值。

自訂器「版面配置 > 容器」可調整容器寬度、內容版面配置與容器對齊,套用到全站
在自訂工具的「容器」面板調整容器寬度與對齊,這幾個數值套用在全站,不必逐頁重設。

除了寬度,另一組更常被用到的設定是側邊欄的排列方式。免費版一次提供 5 種排列組合可以切換:內容加單一側邊欄、側邊欄加內容(側邊欄放左邊)、只有內容不放側邊欄、內容夾在兩個側邊欄中間,以及內容加兩個側邊欄(兩個側邊欄都放同一側)。這幾種排列在自訂工具的「版面 > 側邊欄」面板就能即時切換,搭配預覽,不用寫 CSS 也不用改模板檔案。

GeneratePress 免費版提供 5 種側邊欄排列組合,決定側邊欄放哪一側、放幾個
免費版一次提供 5 種側邊欄排列組合;側邊欄要佔多寬的百分比微調才需 Premium。

要留意的是,免費版能切換的是排列方式本身,至於側邊欄實際要佔多寬的比例,也就是用百分比精細微調側邊欄跟內容的寬度分配,則要靠 Premium 裡的間距(Spacing)模組才能做。換句話說,免費版決定側邊欄放哪裡、放幾個,精細到側邊欄佔幾成寬度這一步才輪到付費功能。

全域色彩以 Contrast、Base、Accent 三種角色統一管理全站

免費版光是色彩控制點就超過 60 個,而且不是要一個一個元素分別上色。GeneratePress 用的是一套角色化的全域色彩系統,把顏色分成 3 組角色:對比色(Contrast)、基礎色(Base)、強調色(Accent)。對比色通常用在文字與背景這種需要高對比才看得清楚的地方,基礎色是版面上大面積使用的中性色,強調色則用在按鈕、連結、重點區塊這類需要跳出來被注意到的元素。

自訂器「色彩」面板用一組全域色彩調色盤統一管理各元件的顏色
全域色彩是一組全站共用的調色盤,改一次角色色,套用這組顏色的元件會跟著一起變。

這套命名系統的用意是先建立一組全站共用的調色盤,再讓所有元件預設去讀這組顏色。實際操作時,只要在自訂工具裡改動其中一組角色色,套用這組角色色的所有元件會跟著一起變,不必逐一進每個區塊、每個模組分別改一次背景色或文字色。要換整站配色,改這 3 組顏色比翻遍每個設定頁面快得多。

如果某個特定元素就是需要跟全站配色不一樣,例如某個按鈕想要跳脫全域強調色自己用另一種顏色,一樣可以在該元素自己的設定裡覆寫,不會被全域色彩系統綁死。全域統一管理跟個別例外覆寫這兩件事,GeneratePress 讓它們可以同時存在。

動態排版讓標題與內文各自套用不同字型和字重

標題該粗一點,還是內文該讀起來鬆一點,這類排版決定在 GeneratePress 裡不用碰 CSS。自訂工具的「排版(Typography)」面板,標題文字、內文,以及其他個別元素,都可以各自指定不同的字型家族、字級、字重與行高,而且字型選單直接串接 Google Fonts,不必自己找字型檔上傳。

自訂器「排版樣式」面板可新增字型與動態排版規則,字型選單直接串接 Google Fonts
GeneratePress 的字型與排版都在「排版樣式」面板管理,動態排版規則從這裡新增。

比較特別的是「動態排版規則」的概念,一條規則可以同時套用到多個指定的元素,例如同一條規則同時管到 H2 與 H3 的字重,不必為每一層標題各自建一條規則。除此之外也能反過來,針對網站上任何單一元素另外建一條專屬的自訂排版規則,不受全站規則限制。

這套系統實際帶來的差別是,標題與內文可以用完全不同的字型搭配,例如標題用較粗的無襯線字型撐出視覺重量,內文用行距較寬鬆的字型顧及閱讀舒適度,整個過程都在自訂工具裡點選完成,不需要另外寫 CSS 或碰主題檔案。

五個導覽位置,下拉選單同時支援點擊與滑過

點擊展開,還是滑鼠移過去就展開,GeneratePress 的下拉選單兩種都支援,而且免費版一次提供 5 個可以放置選單的位置。切到行動裝置尺寸,選單會自動收合成漢堡選單圖示,不需要另外設定響應式行為。

免費版沒有的是離屏面板(Off-Canvas Panel),也就是點擊後從畫面側邊滑出、蓋在原本頁面上的那種選單效果,這是 Premium 底下 Menu Plus 模組才有的功能。同樣被劃在付費範圍的還有次要導覽(Secondary Navigation),也就是在主選單之外再加一條擁有同等設定選項的第二排導覽列。免費版的 5 個導覽位置已經能滿足多數常見的排版需求,但要做到滑出式面板或雙層選單,就得升級。

九個小工具區讓不同版型套用不同側邊欄組合

側邊欄要放什麼內容,免費版準備了 9 個小工具區可以填,編排方式也有 2 種:一種是在自訂工具的「小工具(Widgets)」面板裡邊改邊即時預覽,另一種是回到傳統的「外觀 > 小工具」頁面直接拖拉編排。這 9 個小工具區預設狀況下,搜尋與封存這類基本區塊會先自動填進側邊欄,一旦自己加了想要的小工具進去,系統會自動把預設項目移除,不會疊在一起變得又長又亂。

自訂器「小工具」面板列出 9 個小工具區,可各自搭配不同版型
免費版準備了 9 個小工具區,文章頁、單頁、封存頁可以各自顯示不同的側邊欄內容。

前面提到的 5 種側邊欄排列組合,可以各自搭配不同的小工具區內容。換句話說,文章頁、單頁、封存頁可以各自顯示完全不同的側邊欄資訊,例如文章頁側邊欄放熱門文章清單,商品封存頁側邊欄改放篩選器,不必為了統一而犧牲彈性,也不用另外裝外掛才能做到依版型顯示不同內容。

內建的跳至內容連結和鍵盤導覽動線

多數標榜輕量的佈景主題,行銷重點幾乎都放在速度這一件事上,無障礙(Accessibility)常常被當成可有可無的附加項。GeneratePress 官方一開始就把它跟速度、穩定並列成 3 項核心訴求,而且不只是掛在嘴上,是實際內建在免費版的行為裡。

最直接的例子是「跳至內容」連結。一般瀏覽時看不到這個連結,但只要用鍵盤按下 Tab 鍵開始瀏覽頁面,這個連結就會浮現出來,讓使用輔助工具或不用滑鼠操作的使用者可以直接跳過頁首、選單這些重複區塊,一次跳到主要內容。這個功能不用另外裝外掛設定,免費版本身就有。

選單的鍵盤操作也完整支援,不管是主選單還是下拉選單,都能單靠鍵盤的方向鍵與 Tab 鍵展開、切換、選取,不必依賴滑鼠。而且不只是選單,連結、按鈕、表單這類站上所有可以互動的元素,只要用鍵盤切到該元素上,都會出現清楚可見的聚焦樣式(focus style),讓使用者隨時知道目前停在哪一個元素上,不會迷失在頁面裡。這幾件事加起來,是這款主題比多數同類型輕量主題多做的一層。

拿掉 jQuery 依賴是頁面維持輕量的關鍵

前面講的效能數字不是憑空出現的,背後有幾個具體的技術決定在撐。第一個是零相依套件,主題本身不綁定任何額外的前端框架或函式庫,裝上去的就是主題本身,不會因為主題預先載入一堆用不到的東西而拖慢速度。第二個是完全不使用 jQuery。jQuery 曾經是 WordPress 前端幾乎預設會載入的函式庫,本身有一定的檔案體積,GeneratePress 選擇直接不依賴它,改用更精簡的原生寫法完成該有的互動效果。

再加上程式碼本身盡量精簡、輸出符合標準的 HTML 與 CSS,這幾件事疊加起來,才做到新安裝只增加 7.5KB 頁面體積、只發出 2 個 HTTP 請求的結果。頁面載入速度跟 SEO 排名之間本來就有關聯,搜尋引擎會把速度納入排序考量,對讀者來說,載入快也直接影響願不願意留下來繼續看內容。輕量不是一句行銷話術,是這幾個具體的技術選擇加總出來的結果。

零相依套件、不使用 jQuery 與精簡標準碼,讓 GeneratePress 新安裝只增加 7.5KB、發出 2 個 HTTP 請求
三個技術選擇疊起來,新安裝只增加 7.5KB、發出 2 個 HTTP 請求(資料來源:GeneratePress 官方)。

區塊編輯器、頁面建置外掛與 WooCommerce 都相容

GeneratePress 對區塊編輯器(Gutenberg)的支援做得很完整,不是勉強相容而已,官方直接表明主題把 Gutenberg 的功能整合進去用,搭配區塊編輯器排版時不會出現樣式跑掉、或版面跟編輯器預覽對不上的狀況。

除了官方自己的區塊編輯器,主流的頁面建置外掛,像 Elementor、Beaver Builder,也都經過相容性測試。不管是純用區塊編輯器排版,還是另外裝頁面建置外掛做更彈性的版面設計,主題本身都不會跟這些工具起衝突。這個相容性也延伸到其他寫得規矩的外掛,官方的說法是完整相容所有寫得符合標準的外掛。主題本身另外會輸出結構化資料(Schema)標記,這對搜尋引擎理解頁面內容有幫助,但實際帶來多少排名效果因站而異,不必把它當成保證加分的萬靈丹。

WooCommerce 相容但沒有專屬版型模組

WooCommerce 是官方特別點名相容的外掛之一,裝上去可以正常運作、不會跟主題衝突,這點不用擔心。但要留意的是,免費版沒有專屬的購物車樣式、商品頁版型控制介面這類進階客製化工具,這些屬於 Premium 底下的 WooCommerce 模組才有。

換句話說,免費版能保證的是相容、不會壞,商店基本功能都跑得動;但如果想更細緻地調整商品頁排版、結帳流程的呈現方式,免費版能動的空間有限,得往 Premium 那一層找。

客製化不靠改動主題檔案,而是透過掛勾系統擴充

改動主題檔案來客製化外觀,最大的風險是下次更新版本時,自己的改動可能被覆蓋洗掉。GeneratePress 免費版本身就內建一整套動作掛勾(hooks)與篩選器(filters),讓有能力寫程式、或請工程師協助的讀者,能在主題預留的固定位置插入自訂內容,不必直接動到主題核心檔案,日後更新版本也不會受影響。

常見的動作掛勾包括頁首前後(generate_before_header、generate_after_header)、主要內容區前後(generate_before_main_content、generate_after_main_content),以及頁尾前後(generate_before_footer、generate_after_footer)這幾組,分別對應頁面結構裡最常需要插入自訂區塊的位置。官方原始碼倉庫與線上文件都完整列出所有掛勾與篩選器的清單與用法,想深入客製化的人可以直接查對照。

GeneratePress 在頁首、主要內容與頁尾前後預留動作掛勾,不改主題檔案就能插入自訂內容
掛勾預留在頁首、主要內容與頁尾的前後位置,從固定位置插入內容,更新版本也不會被覆蓋。

這套機制不是給一般使用者在後台點選就能用的功能,是給懂得寫 PHP、或有工程師支援的網站準備的擴充管道。如果只是想調整版面、色彩、排版這些基本設定,前面幾節在自訂工具裡就能做完;真正要客製化到主題結構本身時,掛勾系統才會派上用場。

免費版之外,Premium 加上網站範本庫與進階版型模組

升級到 Premium,主要多了兩塊東西。第一塊是網站範本庫(Site Library),收錄數十套已經設計好的完整網站範本,選一套套用之後,只要替換掉裡面的文字與圖片,就能快速拉出一個看起來完整的網站架構,不用從空白頁面開始排版。

第二塊是可視覺化編輯頁首、頁尾,以及各種版型區塊的建置模組,這部分通常要搭配官方另一款外掛 GenerateBlocks 一起使用,兩者搭配起來可以用視覺化的方式建構網站的每一個角落,不只是套用固定範本。

把前面幾節提到的免費版邊界整理出來看,側邊欄寬度要用百分比精細微調、選單要做成離屏面板或加一條次要導覽、WooCommerce 要客製商品頁與結帳版型,這幾件事都得靠 Premium 才做得到。定價方面,官方目前的主題方案是年費 59 美元,可以用在最多 500 個網站上,包含一年份的更新與支援。

GeneratePress 免費版涵蓋版面、色彩、排版、導覽與掛勾,Premium 才有側邊欄寬度微調、離屏面板與範本庫
免費版把地基都做到了,側邊欄寬度微調、離屏面板、範本庫這幾項才明確劃在 Premium。

決定要不要升級的關鍵,不在誰的功能列表比較長,而在網站實際卡在哪裡。挑一款佈景主題,多數人先比的是功能清單,但更該問的其實是免費版能不能把網站撐起來,不必再裝一堆外掛去補。GeneratePress 的免費版把版面、色彩、排版、導覽這幾項地基都做到了,而且沒有因此拖慢速度。

真的需要的是離屏選單、精細到百分比的側邊欄寬度、或是想直接套用現成範本庫省時間,這幾項才明確劃在付費範圍;要的只是一個乾淨、跑得快、無障礙做得到位的骨架,免費版本身就已經給得足夠。升不升級,照自己網站實際卡在哪一點判斷就好。

常見問答

本區問答由 AI 依文章內容自動整理,僅供快速參考,正式內容仍以全文為準。

GeneratePress 佈景主題安裝後會拖慢速度嗎?

官方實測全新安裝只讓頁面增加 7.5KB、多發 2 個 HTTP 請求,且不依賴任何額外套件;這個增量放在動輒破百 KB 的免費主題市場裡算是相當輕量的表現。

GeneratePress 免費版能設定幾種側邊欄排列?

免費版一次提供 5 種排列組合,包含單一側邊欄、側邊欄在左、只有內容不放側邊欄、內容夾在兩個側邊欄中間,以及兩個側邊欄同側;但側邊欄要佔多寬的百分比微調得靠 Premium 才能做。

GeneratePress 的全域色彩要怎麼統一管理?

用對比色、基礎色、強調色三種角色建立一組全站共用的調色盤,改動其中一組角色色,套用這組角色色的所有元件會跟著一起變,不必逐一進每個區塊分別改背景色或文字色。

GeneratePress 有沒有做無障礙設計?

有,免費版內建跳至內容連結,用鍵盤 Tab 鍵瀏覽時會浮現,可以跳過頁首選單直達主要內容;選單與所有互動元素也支援鍵盤操作,並顯示清楚可見的聚焦樣式。

GeneratePress 免費版跟付費版有什麼不同?

差在側邊欄寬度精細微調、選單離屏面板與次要導覽、WooCommerce 專屬版型模組,以及網站範本庫這幾項;免費版已內建版面、色彩、排版、導覽與小工具區這些核心地基設定。

資料來源
  1. GeneratePress, the Fastest WordPress Theme — GeneratePress
  2. GeneratePress – WordPress Theme — WordPress.org
  3. GeneratePress Pricing — GeneratePress