WordPress 佈景主題:最棒推薦下載+中文教學(2021)

WordPress佈景主題:15 個最棒推薦下載+中文教學

這是一篇「 WordPress佈景主題 」的最佳推薦下載,推薦好用的主題跟大家分享。如果關於外掛,則可參考 WordPress 外掛推薦

在文章中,除了介紹這些主題的優點,對於不同類型的網站適合用哪一款主題,我會根據以往使用的經驗,做出簡單的重點分析給大家參考。

舉例來說,你要架設的是電商網站,可參考這篇 WooCommerce 電商主題推薦 以及 WooCommerce 外掛推薦,裡面會有適合你的主題選項。

另外,下面介紹的有些主題,會有獨立一篇詳細的教學文章,如果你有興趣使用的話,就能搭配主題教學文一併學習起來。

會誕生出這篇文章,主要原因是不少網友私訊我主題的問題,大多數人都詢問我「推薦使用哪一種佈景?」、「犬哥,這個佈景主題推薦嗎?」,於是我才會想要寫這一篇主題的介紹文章,好好為各位解惑!

根據我以前使用過 50 幾種佈景主題的經驗,整理出 15 個我覺得最實用、最推薦的佈景主題,希望這篇文章是有效幫助到你!

好囉,那我們就趕快開始吧!

10 個最棒的 WordPress 佈景主題推薦,含方案費用+重點整理分享影片:

10 個最棒的 WordPress 佈景主題推薦,含方案費用+重點整理分享影片

WordPress 主題是什麼?

這個章節,我們會簡單向你介紹,WordPress 是什麼?佈景主題是什麼?以及 WordPress 佈景主題的功用,那麼開始囉!

WordPress 是什麼?

使用 WordPress,響應式設計更輕鬆
WordPress 是什麼?最好用的免費架站軟體!

WordPress 在國內外是許多人愛用的 網頁製作軟體,在全世界有將近 40% 的使用者,這是極為龐大的比例。

不論是 架設 Blog品牌官網製作購物網站設計 等多種類型的網站,只要使用 WordPress,你都能輕鬆製作出來!

WordPress 擁有豐富完整的架站資源(上千種佈景主題 & 上萬種網站外掛),對於不同預算的站長都能自行搭配組合。

假如你的預算有限就用免費版即可,若是網站的預算充裕,能考慮使用進階版功能,享受更高階的客製化服務。更多 WordPress 費用了解

WordPress 軟體主要可拆為三大塊,分別是核心結構佈景主題網站外掛,下面簡單整理之間的差別。

  • 核心結構:主要為 WordPress 核心程式碼、網站資料庫、基礎前後台系統等多項重要裝置。舉例:人的身體組成。
  • 佈景主題:各種不同的風格模板,新手站長不需要懂程式碼,就直接簡單套用,馬上擁有現成網站可使用。舉例:人所穿的衣服&配飾等 ..。
  • 網站外掛:各種功能的外掛,不論是部落格功能、電商平台建置等 ..,只要安裝相關外掛就能馬上套用此能力。舉例:使用手機安裝各種不同功能的 APP。

WordPress 佈景主題是什麼?

全套用模板網頁,是公司已完成網站模板,接到案件時,會直接套用,不經過客製化
WordPress 佈景主題是什麼?有什麼作用?

WordPress佈景主題可以控制網站版型&設計,就像是人類的衣服,或是房子的佈景裝飾,一鍵即可輕鬆更改網站外觀設計。

WordPress佈景主題可以更改許多網頁設計選項,大部分都可做到更改以下外觀選項:

  • 網站 Logo&網站圖示:網站圖示是搜尋引擎列表,網站會顯示的圖樣,網站 Logo 則通常會顯示於頁首&頁尾。
  • 入門版型套用:通常市面上免費&付費主題,都會有各種不同的網站模板,像是商業形象、電商網站等 .. 都可直接套用,馬上就有現成網站修改細項即可,不用重頭設計。
  • 頁首 / 頁尾 / 側邊欄:外觀及顯示選項、側邊欄顯示小工具項目等 .. 都可自由設計。
  • 文章 / 頁面設計:可修改文章 / 頁面設計,搭配 優質頁面編輯器 可獲得更好的效果唷。

以上只是列出基本的可控制項目,還有更多種的客製化選項,依據不同主題,可調整的選項也會有所不同,但通常只會更多,不會更少!

那這篇文章,主要會挑選優質的「 WordPress佈景主題 」做分享,繼續往下看囉:)


如何挑選優質主題?

wordpress 佈景主題推薦
如何挑選優質主題?

WordPress 有上千種佈景主題,對於新手站長可能不知如何選擇,這邊我整理一些挑選重點,方便大家找到自己喜歡的。

重點 1:主題速度和性能

影響網站速度的關鍵之一,在於是否使用了 優質 WordPress 主機,基本上主機選得好,網站速度都能夠在滿意的標準內。

除了主機選擇以外,使用優質 WordPress 主題也是影響速度的重點之一,好的主題程式碼是被設計得簡潔俐落,不好的主題程式碼則是被設計得笨重繁雜,很容易拖累網站速度。

重點 2:主題下載量&評價

挑選優質佈景主題的大絕招有以下這幾項,像是主題購買數量、留言評分、留言內容,這些都是很好的參考,因為別人已經幫你踩過雷,你不必花錢誤踩雷。

Themeforest 主題森林 是國外最大的優質 WordPress 主題和外掛的集散地,文章內有不少主題是來自於此,主要都挑選各類型領域的前幾名進行分享。

重點 3:對 SEO 排名良好

優質的 WordPress 主題,會對網頁做些程式碼的 SEO 優化,能夠幫助你更有效的取得網站排名。

如果再搭配 WordPress SEO 外掛,有助於單一頁面、文章做進一步 SEO 調整及優化,形成優良的加乘效應。更多 SEO 是什麼

重點 4:開發商定期維護

優質的 WordPress 主題是處於一個不斷更新的狀態,會隨著 WordPress 核心軟體、使用者需求、資安防護 等多項條件下,持續進行主題的改版&優化,給予用戶最佳的使用感受及網站效果。

挑選主題要注意軟體商(或個人開發者),是否有定期做維護,這會影響主題未來的可用性&安全性。

重點 5:手機版瀏覽支持(響應式設計)

佈景主題支援手機版已經是基本,優質主題應該要支援 響應式瀏覽功能 ,幫助你在移動端爭取更多的訪客。

除此之外,主題是否有提供 手機版的頁面設計功能,也是可以評量的項目之一。

重點 6:是否有支援頁面編輯器?

WordPress 頁面編輯器 是強大的武器,能讓站長用拖曳方式就能客製化網頁設計,所以主題是否有此功能(或是有支援),就是需留意的地方。

WordPress 主題,可簡單區分為「 內建頁面編輯器 」和「 支援主流的頁面編輯器 」兩種類型。

主題內建頁面編輯器:

許多暢銷的佈景主題,都有內建 WordPress 頁面編輯器,所以不用再額外安裝,直接用內建的整合度會最高。

像是 Newspaper 的 TagDiv Composer、Avada 的 Fusion Builder、Flatsome 的 UX Builder,這幾款知名的主題都有內建此功能,都能夠善加使用。

更多完整 Newspaper 主題教學Divi 主題教學Flatsome 主題教學Avada 主題教學

支援主流的頁面編輯器:

這是比較常見的類型,主題支援常見的頁面編輯器,而且有些還會對頁面編輯器,進行功能擴充。

舉例像是 Astra 主題Soledad 主題 都有在 Elementor 上進行擴充,有許多額外的元素功能可用。

好囉,這樣大家應該對如何挑選優質的主題,有一些基本概念了:)


如何安裝佈景主題?

WordPress安裝 :安裝完成後,需準備?
如何安裝佈景主題?

WordPress 佈景主題有幾種安裝方法,如果是免費版主題,通常在 WordPress 後台搜尋主題,就能直接安裝。

如果是進階版外掛,例如從 Themeforest 主題森林 或是任何第三方平台上所購買的外掛,可能就需使用 WordPress 上傳功能或是 FTP 功能,進行外掛安裝。

備註:想知道如何在 Themeforest 購買優質主題 / 外掛,可參考 Envato ThemeForest 購買教學

不知道如何安裝主題,可以參考 WordPress 佈景主題安裝,有詳細的教學流程。


Astra

wordpress佈景主題 :Astra 教學推薦
WordPress佈景主題 :Astra 教學推薦

Astra 是 Brainstorm Force 開發的主題,你無需會任何編碼,就可完美的 WordPress 網站製作,有免費版&進階版可使用。更多 Astra 主題教學

它是多功能的 WordPress 主題,不論是 Blog 建立企業形象網站電商購物網站線上課程網站預約網站 .. ,或是其他常見類型, Astra Theme 幾乎都能幫助你完成。

Astra Theme 內建多種主題樣板

Astra 有提供 Starter Templates 外掛,裡面有 70 多種樣板風格,一鍵安裝就能快速架站,非常的方便。免費版也有 30 多種可使用。

Astra 的 Starter Templates 外掛,提供多種樣板安裝
Astra 的 Starter Templates 外掛,提供多種樣板安裝

Astra 會如此流行的原因,其中一點是它對主流的 WordPress 視覺化編輯器,有著完美的兼容。

像是 Elementor、Beaver Builder、Gutenberg 等 .. ,可用這些頁面編輯器搭配 Astra 主題,完整製作個人或公司品牌網站。更多 Elementor 教學

Astra 主題速度評測

有關於主題速度表現,輕量的佈景主題、禁用 Jquery、優質的程式編碼,都是 Astra 速度優於其他主題原因。

這讓 Astra 在多個速度評測軟體上,都獲得了優異的表現。

Astra 主題,多種速度軟評測,優異速度
Astra 主題,多種速度軟評測,優異速度

Astra 多種佈局調整功能

Astra 有多種自定義選項,可充分設定網頁佈局,讓你的網站更像是客製化的效果。

有提供網站頁首 / 頁尾修改、主視覺顏色調整、字體字型調整、選單佈局調整、各頁面版面配置等 ..,輕量但精悍。

Astra Theme 輕量級 WordPress 主題

這意味著,你可以做大方向的調整,把網站設計成喜愛的樣子。

Astra 也支援電腦、平板、手機的即時預覽模式,加上有視覺化編輯效果,編輯起來更快速。

簡單來說,Astra 是多功能輕量級主題,支援主流頁面編輯器,絕對是值得使用的一款優質主題!


Blocksy

Blocksy 主題推薦

Blocksy 分為免費版及進階版,是一款針對 Gutenberg 頁面編輯器延伸的輕量化主題,非常適合習慣使用 Gutenberg 的站長。

它擁有多樣化的設計功能,能完成:頁面佈局、頁首頁尾、標題、側邊欄等位置的排版,也可以進行顏色設置,以及多變化的 Google 字體,可供站長們盡情設計頁面。

另外,Blocksy 也提供黑夜模式可讓站長去調整,是一項不錯的新穎設計。

Blocksy 設計功能+主題黑夜模式

額外安裝 Blocksy Companion 外掛,可一鍵匯入多款網站模板,輕鬆建立不同類型網站,例如:商業品牌形象、電商平台、部落格、作品集等 .. 。

Blocksy 配合 Blocksy Companion 外掛,可一鍵套用多款模板

除了Gutenberg 外,Blocksy 也能搭配其他 WordPress 頁面編輯器,像是:Elementor、Beaver Builder、Visual Composer、Brizy 等 .. 。

因此不是使用 Gutenberg 的站長也可放心使用。

Blocksy 可搭配多款流行的 WordPress 頁面編輯器

Blocksy 採響應式網站設計,任何裝置都能夠完整呈現網頁的編排與設計,且網站速度測評上,也有不錯的表現。

Blocksy 具備優良的速度測評

小備註: 因採用新網頁技術,因此 IE11 以及更低版本的舊瀏覽器可能無法使用 Blocksy ,需要使用較新版本的瀏覽器運作 Blocksy。

以上是免費版功能的簡單講解。

Blocksy 進階版功能則有:加強版的標題編輯、頁首頁尾多元編輯、自定義側邊欄、新增短代碼等 .. 功能。

Blocksy 進階版功能

如果你對 Blocksy 的進階版有興趣,可以點擊按鈕查看 Blocksy Pro 相關方案唷。


Divi

WordPress頁面編輯器 :Divi 佈景主題和頁面編輯器
Divi 佈景主題和頁面編輯器

Divi 是由知名 Elegant Themes 公司開發,是許多網頁設計師喜愛的一款軟體,除了功能強大且有很多高質感的元素(和現成模板)。更多完整 Divi 中文教學

不需要任何程式概念,用拖曳方式就能設計漂亮的網站,就像官網所描述的,視覺化設計和佈局排版都將變得更加容易。

使用 Divi 主題,完整架站教學(全攻略分享)

【一頁式網頁製作】掌握簡約設計,創建引人入勝的網站|WordPress Divi 主題實戰‌

Elegant Themes 旗下產品,有全功能 Divi Theme 佈景主題、Divi Builder 頁面編輯器、Extra 主題(可用在部落格 / 新聞雜誌 / 作品集 ..)、Bloom 電子報註冊行銷工具、Monarch 社群工具等 ..。

所以使用 Divi 軟體,不會只有一種軟體可用,而是能享受它們公司的所有服務,非常的划算。

加上多種區塊模板和完整的網站樣板,有商業風、線上開店平台、科技風、服務類型等 .. 多種主題風格。

你只需幾點擊按鈕,即可引用區塊樣板,或套用整個網站設計。

WordPress頁面編輯器 :Divi 多種佈景主題樣板
Divi 多種佈景主題樣板

Divi 對 Woocommerce 開店平台外掛有完美的支持,並提供多種線上開店的區塊功能,一樣用拖放方式即可放入頁面。

WordPress頁面編輯器 :WooBuilder 購物網站編輯器
WooBuilder 購物網站編輯器

使用 Divi 會是個很棒的選擇,因為它能幫你做到很多事。

方案評論

Divi 的使用方案很簡單,它提供基本的「 Divi 」方案和更多功能的「 Divi Pro 」方案,兩者都有「 年租方案 」和「 終身方案(一次性)」

每種方案都能應用在無限數量的網站,費用也維持在合理範圍,犬哥建議可以選擇「 Divi 」終身方案。

有個好處是,Divi 整體系列包含自開發的多功能 WordPress 佈景主題,且和旗下產品有完美兼容,這代表你可能不需再額外購買 WordPress 主題。

特別一提,終身使用方案在 WordPress 頁面編輯器市場中,是比較棒的收費方式

這代表你只需負擔一次性的小額費用(和外包網頁設計相比),就能終身享用所有 Divi 功能。

產品定價

Divi 的年租用方案,原定價是 $89 美元 / 年(約 $2,700 台幣 / 年),可應用在無限數量的網站。

Divi 的終身方案,原定價是 $249 美元(約 $7,500 台幣 / 終身),一次性費用即可終身使用,可應用在無限制數量的網站。

但有個好消息要告訴大家,請看下面享有全方案的折扣優惠!

★☆ — 重要資訊 — ☆★

犬哥網站與 Divi 有長期合作關係,點擊此連結 Divi 10% 折扣,將可享用任一方案 10% 的限時折扣優惠,請一定要把握唷:)

終身方案是一次性費用,購買之後隔年不會有額外費用,你可享有 Divi 軟體終身更新+優先的客戶服務(建議優先選擇,比較划算)。


Soledad

WordPress 的 Soledad 佈景主題推薦

Soledad 是一個功能強大且靈活的 WordPress 佈景主題,不需會任何編碼能力,就能幫助你短時間內架站成功。更多 Soledad 主題教學

它是一款專門為部落格、雜誌、媒體類型的網站,所特別打造的主題,而且它的銷售數量非常的好,是許多站長愛不釋手的佈景主題。

Soledad 有非常多種風格的主題模板,你只需找到自己喜歡的,同樣一鍵安裝即可馬上套用!

soledad 多種風格的主題模板
Soledad 多種風格的主題模板

Soledad 可調整的設定項目非常的多種,像是頁首 / 頁尾設定、輪播圖功能、文章列表佈局、單一文章排版、社群媒體分享、文字翻譯等 ..,都充分整合在主題功能裡面。

再來是 Soledad 在主題速度提升方面做了很大的優化提升,在 Google、Pingdom、GTmetrix 都有良好的表現。

Soledad 良好的主題速度
Soledad 良好的主題速度

Soledad 與主流的頁面編輯器也有完美的支持,像是 Elementor、WPbakery 等 ..。

並且在 Elementor 頁面編輯器上,同步新增擴充多種版型樣式、區塊功能,可直接用來做網頁設計。

Soledad 對 Elementor 有完美的功能擴充

當然,Soledad 強大的地方還不僅於此,這裡只列舉部分特色。

總結來說,Soledad 是一款很棒的 WordPress 部落格 / 媒體 / 雜誌主題,如果有這方面的需求,相信它會是你的強大幫手!


Flatsome

flatsome 主題推薦:WordPress 購物網站主題
Flatsome 主題推薦:WordPress 購物網站主題

Flatsome 是最暢銷的 WooCommerce 購物網站和商業主題,它在 ThemeForest 主題森林的電子商務分類上,蟬聯 No.1 許久。更多 Flatsome 完整教學

如果你正打算架設購物網站,可參考下面影片將會帶你從 0 到 1,直接晉升成專業電商主。

架設購物網站:如何設計建置+購物車教學(WordPress 網路開店平台)

Flatsome 的主要功能都是為網路開店打造,有多種不同的線上商店、企業形象版型,只需一鍵安裝即可套用。

不論是服飾、運動用品、倒數特賣、服務購買 .. ,讓你自由挑選。

flatsome 主題:多種精美線上開店版型
Flatsome 主題:多種精美線上開店版型

UX Builder 它是 Flatsome 的專業頁面編輯器,你無需任何編碼經驗,就可以用拖曳方式,打造出精美的網路開店平台。

它有多種的頁面佈局方式,讓你品牌網站獨一無二。

flatsome 的 UX Builder 專業頁面編輯器
Flatsome 的 UX Builder 專業頁面編輯器

Flatsome 還有多功能區塊元素,可讓你的網頁設計天馬行空,出色的組合建置網站。

同步支援手機頁面呈現、優質的主題速度、SEO優化 .. ,這是很正常的事。

flatsome 多功能的區塊元素
Flatsome 多功能的區塊元素:僅部分截圖(來自 Flatsome 官網)

Flatsome 是打造完美的線上開店平台的最佳幫手,如果想經營電商平台,絕不能錯過它。


Woodmart

WoodMart 佈景主題介紹

WoodMart 是專為 WooCommerce 量身打造的佈景主題,主要提供給線上開店者使用,在銷售成績也有很好的表現。

優異的 AJax 整合技術,為顧客提供高速、不間斷的購物車流程,不用不斷的刷新頁面影響使用者體驗,這是它的重要特色。

有多款現成模板,只需一鍵安裝即可套用,且對移動端手機支援良好,切換至手機版操作,幾乎沒有不順暢的地方,所以有許多的推薦者。

WoodMart 多種樣板,可一鍵套用
WoodMart 多種樣板,可一鍵套用

有多種頁首頁尾佈局、商品列表、單一商品、購物車版型等 .. 可自由搭配,無需任何的技術背景,在後台動手切換就可以。

WooCommerce佈景主題 :WoodMart 商品列表頁面(其中一種)
WoodMart 商品列表頁面(其中一種)

至於頁面編輯器部分(視覺化編輯),WoodMart 把 WPBakery 整合到自己主題中,在 WoodMart 就能拖放設計頁面。

下圖是 WPBakery 示範影片,在 WoodMart 主題使用也差不多這樣。

WPBakery 頁面編輯器範例

除此之外,WoodMart 對主流 WordPress 外掛有良好整合,像是 Elementor(頁面編輯器)、Yoast(SEO優化)、MailChimp(電子報)、Revolution Slider(輪播圖設計)等 ..,增強了它的知名度。

以上就是 WoodMart 主題簡單介紹,如果對它有興趣或喜愛,可點下面連結前往。


OceanWP

OceanWp 主題推薦
OceanWp 主題推薦

OceanWP 是一款適合入門的 WordPress 優質主題,可進行多種類型的網站架設,不論是部落格、品牌官網、購物網站設計等 .. ,是輕量的綜合型主題。

多種設計風格的內建套版,只需一鍵安裝,不用會任何程式碼,也能自架網站。

它同步支援 WooCommerce 外掛,可快速打造自己的電商平台,不費吹灰之力。

漂亮的 RWD 手機版頁面,滿意的網站速度表現,內置 SEO 關鍵字優化基礎,都是新手、老手愛使用的原因。

OceanWp 主題的多種形象模板
OceanWp 主題的多種形象模板

OceanWP 免費版就有提供許多可設定的功能,並和線上主流頁面編輯器 Elementor 完美結合,可讓你自由的設計網頁佈局。

如果你想進一步客製化網站頁面,OceanWP 也有進階版方案,能夠滿足你的需求。

OceanWp 進階版的擴充外掛
OceanWp 進階版的擴充外掛

看起來很棒吧,如果你喜歡 OceanWP 的設計風格,那它可能是你快速架站的好夥伴:)


Newspaper

WordPress佈景主題 :Newspaper 推薦

Newspaper 是 TagDiv 團隊開發的一款 WordPress 主題,暢銷部落格 / 新聞 / 雜誌類主題分類的 No.1,這是很競爭的比賽。更多 Newspaper 完整教學

它有多種專業網頁設計的樣板,只要一鍵安裝即可輕鬆使用,不需從頭開始製作網頁。

wordpress佈景主題 : 多種元素功能和佈景主題,可一鍵使用
多種元素功能和佈景主題,可一鍵使用

超棒的頁面編輯器是重要的,TagDiv Composer 是 Newspaper 開發的一款專業頁面編輯器並內建在其中,讓你可用拖曳方式,快速設計漂亮的頁面。

這是一個簡單 3 分鐘的 Newspaper 教學示範影片,會幫助你了解更多。你也可參考以下教學,幫助你使用 Newspaper 建置新聞網站。

使用 Newspaper 主題,製作多媒體新聞網站教學

Newspaper 幾乎為你提供了建立設計 Blog 平台、新聞、雜誌和商業網站所需的所有工具,唯一要做的就是開始使用它。

wordpress佈景主題 :newspaper 的頁面編輯器 tagDiv Composer
newspaper 的頁面編輯器 tagDiv Composer

Newspaper 佈景主題,歷經多個版本進化歷練,不斷的自我優化。

它比大多數主題更小更輕,網站速度更快,且支援 SEO 優化、手機版頁面。

簡單來說,它可讓你的網站速度更快,更獨一無二。

wordpress佈景主題 :newspaper 高性能的表現
newspaper 高性能的表現

GeneratePress

wordpress佈景主題 :generatepress 主題推薦
GeneratePress 主題推薦

GeneratePress 是一個完美的輕量級主題,沒有太多的容量累積,對網站速度、網站安全性、可用性沒有負擔,它有免費版和進階版。

此主題是由一位年紀輕輕的天才兒童 Tom Usborne 所開發而成,主題下載量達到 300w 次以上,和將近 5 顆星的評價(數據來自 WordPress.org)。

GeneratePress 只保留主要的功能,目的是可以保持主題在一個「輕量且快速」的狀態,並讓使用者針對自身需求,再啟用相關功能。

它可以同步支援 Elementor、Beaver Builder 這幾款主流的頁面編輯器,且製作了一系列的形象樣板,讓站長隨時都能快速套用。

還有一個好處是,你不需會任何編碼能力,就可以輕鬆的擁有現成佈局。

generatepress 主題的多風格模板
generatepress 主題的多風格模板

使用 GeneratePress,我們可以調整簡單的頁面佈局、主題顏色、選單佈局 .. ,根據自身喜好及需求,客製化網頁設計。

如果現有的功能已經滿足不了你,不妨可以考慮 GeneratePress 的進階版方案,得到更多的區塊功能、多元頁面佈局、Woocommerce 網路開店功能等高級服務。

一切可依照你的需求選擇,想簡單網站架設就用免費版即可,想更進階客製化再升級方案即可。


Betheme

WordPress佈景主題 :BeTheme 主題推薦
Betheme 主題推薦

Betheme 是一款多功能的主題,可用於任何網站類型,從部落格、商業網站製作、各類型行業別、各類型電商等 ..。

它是由國外 MuffinGroup 軟體公司所開發而成,旗下的開發軟體大多是 WordPress 主題類型,而 Betheme 是裡面銷售、評價最好的一款。

以下這幾點是 Betheme 的優點,讓我們一起來看!

1. 650 種以上的可套用模板

Betheme 提供大量精美的整站模板&區塊模板,如同官網所說大約有 650 種以上的模板,可自由安裝套用。

Betheme 多種形象模板

2. 自有的 Muffin Builder 頁面編輯器(也支援 Elementor、WPBakery)

Betheme 內建有自己開發的 Muffin Builder 頁面編輯器,可完美製作網頁,只要發揮你的創意就能打造客製化網站。

有關 Muffin Builder 功能的優化,也是 Betheme 近期的重點優化項目。

Muffin Builder 官方 Youtube 介紹影片

除了自身的 Muffin Builder 頁面編輯器,Betheme 也有跟 WPBakery(以前稱為 Visual Composer)、Elementor 頁面編輯器有著完美的相容,不需寫任何一段程式碼,只要用拖曳方式就能製作網站。

3. 可自訂的頁首樣式

Betheme 提供多種頁首版型,可以自由的把頁首放置在頂端、左右側等等多元的呈現方式,也可隨意調整字體、顏色、大小等設定。

另一個好處是,Betheme 允許你在不同頁面,顯示不同的網站頁首。

4. 多種視差滾動&視頻背景效果

Betheme 有多種模板都有視差滾動效果,這可增加網站設計的品質。

如果你有現成的影音,Betheme 有支持全屏背景、視頻背景,將讓你的網站看起來更精緻!

再考慮使用哪款主題嗎?Betheme 這個強而有力的主題,將成為你的網站好隊友:)


Avada

avada佈景主題推薦
Avada佈景主題推薦

Avada 是一款超熱門 WordPress 綜合型佈景主題,它在 ThemeForest 主題森林中,狂銷 90w+ 是目前銷售數量的 No.1,這是極為驚人的。更多 Avada 完整教學

你不需任何編碼知識,Avada 幾乎可設計任何風格的網站,只需發揮想像力。

不論你想架設部落格、形象官網設計、架設網路開店平台 .. ,對 Avada 都不是難事。

超過 90+ 個展示網站,可直接一鍵導入,再修改成自己的網頁設計即可。

Avada 展示網站

網頁可使用元件高達 120 多種,能客製化網站架設,組合成任何你想要的網站設計。

Avada3
WordPress Avada 主題:多種功能元素

Avada Builder 是 Avada 的頁面編輯器,所見即所得的方式,用拖曳直接就能網頁製作,得來全不費功夫。

且能幫助你修改網站頭部、尾部、側邊欄、網站頁面,幾乎你看得到的地方,交給 Avada 就對了。

Avada4
Avada 頁面編輯器

同步支援手機頁面呈現、優質的主題速度、SEO優化 .. ,這是很正常的事。

Avada 是專家網頁設計的絕佳拍檔,也可以成為你的好夥伴。


The7

WordPress佈景主題 :The7 推薦

The7 主題是由專業的 Dream Theme 公司所開發而成的,擁有 10 多年 WordPress 主題開發經驗,此款主題在 2013 年就發行至今,現今也經過很多版本的迭代優化。

內建有超過 60 個網站精美模板,分別有支援 Elementor、WPBakery 等主流的頁面編輯器。

像是電商網站、教育網站、物流網站、時尚網站、商業網站、服飾品牌等 ..。不需要任何程式碼概念,就能簡單的一鍵激活套用。

The7 多種企業形象模板( 僅列舉部分 )

The 7 特別針對文章類型網站新增了許多 Elementor 區塊小工具。除了可自訂一行要顯示幾篇文章,也能輕鬆調整各個文章之間的間距大小,製作乾淨舒服的文章區塊。

此外也能新增輪播區塊,擺放像是顧客心得回饋、團隊成員介紹等,讓瀏覽者對你提供的服務更有信心。

The7 新增多個 Elementor 可使用的小工具

近期 The 7 也針對 WooCommerce 進行開發,你可以自訂 WooCommerce 產品頁面、列表、結帳、購物車等佈局。

另外像是商品輪播功能、相關商品的功能,也都能自行做添加,讓站長可以快速打造獨特的電商購物網站!

The7 擁有 WooCommerce 主題建構器,可客製商品頁面佈局

與其他主題比起來,The 7 的價格算是比較親民的,功能也都非常夠用,預算有限的站長可以試試 The 7 唷!


Neve

WordPress佈景主題 :Neve

Neve 是一款由 Themeisle 開發的 WordPress 佈景主題,不論是部落格、企業形象網站或是電商網站,都能使用 Neve 輕鬆建立。

Neve 致力於讓使用者打造輕量快速、簡單易用的網站,所有預設主題的檔案都很輕量,以確保網站能在最短的時間內載入。

Neve 佈景主題可打造輕量快速的網站

Neve 擁有大量精美的現成模板可以套用,包含商務模板、作品集、電商網站、部落格等..,可以滿足你任何需求。

此外,Neve 每個月都會推出新的設計,讓你永遠都有挑不完的選擇!

Neve 大量現成模板,適用於商務、作品集、電商、部落格等網站

Neve 可以透過拖曳的方式輕鬆編輯,對於新手站長來說比較容易上手,可以輕鬆客製屬於自己風格的排版。

目前 Neve 提供免費及 付費版本,如果剛開始體驗的話,也可先嘗試使用免費版,若要經營電商網站則可考慮升級付費版本,獲得更高階的電商功能:)


Kadence

WordPress佈景主題 :Kadence 推薦

Kadence 由 Kadence WP 團隊所開發,是一個輕量化且功能齊全的 WordPress 主題,可快速創建多種類型網站,並且有免費版本及進階版本。

多類型網站模板庫

Kadence 具備完整的入門模板庫,其中有適合多種類型網站的模板,只需要一鍵套用模板就完成,後續即可在自訂的設定裡,客製化專屬於自己的網站。

Kadence 具備多款入門模板可立即套用

佈局功能 / 多款第三方外掛串接

設計佈局方面,Kadence 具有易於使用的拖放式頁首及頁尾編輯器、顏色按鈕、排版以及佈局,可供站長進行多樣化的設計。

與多款第三方外掛有串接,適合中小型企業建立品牌形象、電商平台、線上課程網站 等 .. 多類型網站。

Kadence 可搭配多款頁面編輯器/ 第三方外掛

擁有自有的頁面編輯器(Gutenberg Blocks by Kadence Blocks)

配合同團隊開發的強大 Gutenberg 頁面編輯器外掛: Gutenberg Blocks by Kadence Blocks ,可更加輕鬆建制完整的網站。

Gutenberg Blocks by Kadence Blocks 擴充強化 Gutenberg 的功能,除了有多款編輯器元件可套用,也能自由編輯頁面排版。若是使用 Kadence 主題,也可搭配此擴充外掛綜合使用。

Gutenberg Blocks by Kadence Blocks 古騰堡區塊編輯外掛

Kadence 亦可搭配其他編輯器,像是: Elementor 、Beaver Builder 等 .. 進行使用,同樣也有不錯的成效。

Kadence Pro 功能

進階版本功能:頁首設定、主選單、固定元素等 .. 更多元的自訂義選項,以及新增短代碼功能。

若想瞭解更多 Kadence 進階功能,可點選下方按鈕前往 Kadence Pro 頁面。


Hello Elementor

WordPress佈景主題 :Hello Elementor 推薦

Hello Elementor 是由知名頁面編輯器 Elementor 所開發的輕量化主題。更多 Elementor 基礎教學

若是使用 Elementor 的站長,可以考慮使用 Hello Elementor 佈景主題,體驗 Elementor 整套系列的完整服務。

Hello Elementor 佈景主題相較其他主題,更強調其輕量化的特色,可達到:網站速度升級、非侵入性的代碼,刪除不必要的樣版等 .. 成效。

而主題本身整體容量只有 6 KB ,其輕量化的特色在眾多主題中確實表現的較為優質。

Hello Elementor 主打提升速度、輕量化主題

另一個優點是,Hello Elementor 為輕量化主題,優化頁面速度和性能,可強化 SEO ,提升網站在搜尋引擎中的排名,降低使用者跳出率。

Hello Elementor 強調其提升網站 SEO 功能

設計頁面方面,我們可以從完全空白的頁面開始建構,也可以套用多樣化模板。更多 Elementor Pro 進階教學

Hello Elementor 有許多不同類型的網站模板,可供站長依據自身需求選擇套用。

Hello Elementor 可套用多樣化模板

同時 Hello Elementor 具備多種基本主題設計功能:頁首及頁尾編輯器、響應式網頁、串接多款第三方外掛、保持開源等 .. 。

以 Elementor 開發的佈景主題來說,一定會是最兼容 Elementor 編輯器,我們也可以期待 Hello Elementor 日後的表現:)


綜合比較,哪款比較適合我?

感恩 WordPress 有這麼多優質主題,可讓不懂程式的站長們都能用最簡單的方式,就能搭建精美的網站。

這邊列出幾個比較常見的 WordPress 主題應用方式(也是我比較喜歡的模式),也可參考看自己適合哪一種。

方法 1:使用 Astra 多功能主題(或其他輕量型主題)

對於新手來說,如果一開始你的架站預算有限,使用 Astra 免費版 同樣是很棒的選擇。

它提供很多現成模板可讓你一鍵套用,不論是 架設部落格 / 媒體網站架設形象官網架設購物網站,都能順利完成。

但因為 Astra 本身的設計是比較簡約的(這也是他的優點,因為速度快),所以有些功能在免費版主題不一定會有。

如果有更多的客製化需求,可能就需使用 Astra 進階版 應對,或是自行搜尋相關功能的 WordPress 外掛安裝(像是 Elementor 頁面編輯器)。

你也可以把 Astra 想像成是一台空的手機,使用者可針對個人需求安裝各種 APP(也就是 WordPress 外掛),這樣就不會有用不到功能擱置在那邊,而間接影響到網站速度。

簡單來說,如果你習慣自己從零打造網站,或是不想要讓網站有太多亂七八糟的功能,使用 Astra 會是很好的選擇:)

Astra 架設作品集網站

方法 2:使用 ThemeForest 裡的熱門主題

如果新手剛入門架站,會建議直接選購 ThemeForest 裡的熱門主題(下面有挑選熱門的推薦),因為上手難度會比較低一點。

好處是這些付費主題(通常都是一次性買斷的性質),基本上都幫你把多種現成模板、功能模組都準備好了,你只需學習怎麼使用它即可,且做出來的成品都有一定的水準。

這些主題能調整的選項通常都很多,上手後要客製化網站絕不是難事。

Soledad 部落格 / 媒體主題,完整教學
Flatsome 電商主題,完整教學

方法 3:使用 Divi 主題

Divi 是許多網頁設計師愛用的一款主題(銷售的也很不錯),原因是設計風格流行、前衛,而且可客製化的程度高,能夠讓專業設計師們無限的發揮創意。更多 Divi 主題教學

Divi 擁有自身完整的生態圈,不論是從主題、頁面編輯器、週邊外掛、全球龐大社群等 .. 都自成一格,這很像 APPLE 的生態圈一樣,一切都幫你整理好了。

★☆ — 重要資訊 — ☆★

犬哥網站與 Divi 有長期合作關係,點擊此連結 Divi 10% 折扣,將可享用任一方案 10% 的限時折扣優惠,請一定要把握唷:)

這對不想花太多時間搭配 WordPress 外掛的站長,無疑是很好的解決方案。

所以如果打算用 Divi 製作網站,可能要知道踏入的是一個完整的解決方案,而非僅有使用 Divi 主題而已。

【一頁式網頁製作】掌握簡約設計,創建引人入勝的網站|WordPress Divi 主題實戰‌

常見問題

WordPress 主題是什麼呢?

WordPress 主題是網站的穿著,也就是實際展示在訪客前面的樣子,通常優質 WordPress 主題都有內建多種模板,可以一鍵套用,方便站長迅速架站成功。

WordPress 主題要怎麼安裝呢?

通常在 WordPress 外觀 > 安裝佈景主題,直接搜尋就能找到主題。更多 WordPress 主題如何安裝

但如果是付費版主題,有很多是搜尋不到的,就需到購買主題的地方下載起來,再到 WordPress 後台手動上傳,就可以使用囉。更多 在 Envato ThemeForest 購買 / 安裝主題教學

如果想使用新的 WordPress 主題,可隨時更換嗎?

可以的。WordPress 主題隨時都能做更換,站長可享用不同的網站風格。

用不到的 WordPress 主題,可以刪除嗎?

可以的。長期用不到的主題,也會建議刪除掉,一來可節省網站空間,二來可避免網站的資安漏洞。


WordPress 學習資源

學習 WordPress 網站架設流程中,或許會遇到一些解決不了問題,可以在下方留言給我,我會盡力協助解答!

接下來,額外分享 3 項架站資源,可有效幫助大家處理網站問題。

資源一:犬哥數位(專業 WordPress 網頁設計公司)

如果你沒時間自己架站、或是遇到解決不了的網站問題。歡迎洽詢 犬哥數位(WordPress 網頁設計公司),請專家製作會更有效率!

WordPress 網頁設計公司|犬哥數位

資源二:WP 精選模組攻略書

由於 WordPress 主題 / 外掛有非常多種,很多網友私訊我不知道安裝哪一款,才有辦法實現功能。或是已經試了很多款外掛,但始終找不到適合自己的。

對此我整理了 高達 100 多款精選主題&外掛大全(電子書),這些都是我們團隊協助客戶開發案件時,會搭配使用的。一來外掛品質優良,二來功能性也足夠強!

WordPress 模組指南書
WordPress 模組指南書

資源三:官方教學資源(含 FB 社群解答)

如果你偏愛自架網站,也歡迎持續關注 犬哥網站 Blog,我們都持續有發布新的網站架設、網路行銷教學。

或是你比較喜歡看影片學習,也可關注 YouTube 頻道,幫助你更容易進入狀況。

當然,如果你在操作過程中遇到問題,也可以加入 WordPress 架站 x SEO 教學時光屋 – 犬哥網站 ,除了有網友一同幫你解惑外,犬哥團隊也會同步在社團幫助大家。

犬哥網站|交流社團
犬哥網站交流社團

關於作者

犬哥網站:網頁設計 x 網路行銷教學平台

犬哥網站

我們分享 WordPress 架站 x 網路行銷知識,不需會任何程式技術,就能自己建立各種網站。 搭配豐富的網路行銷教學,幫助你被更多人看到。 趕快跟著我們的腳步,開始學習吧:)

在〈WordPress佈景主題:15 個最棒推薦下載+中文教學〉中有 2 則留言

  1. 嗨!犬哥 您好
    因為 Astra 特價到這幾天結束,想買 Astra Pro,請問您是購買 終生版 還是年度版呢?
    如果購買完放著來沒要用 請問會怎麼樣嗎?
    然而目前網站是使用 Soledad 如果直接更換 Astra Pro 會有什麼影響嗎?

    1. 犬哥網站

      嗨,冠辰,

      抱歉沒及時回覆你,我們網站購買的是終身版,因為相較年度版,會更划算,也不用每年付費,

      當然你也可以評估自身情況,在考慮購買:)

      買來放著沒用不會怎麼樣,只是如果是年度版的話,就要每年付費而已。

      另外如果網站要更換主題,需要停用主題,再套用新主題,否則會容易導致主題 CSS 衝突唷!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

返回頂端