WordPress佈景主題 :最佳推薦下載+購買安裝教學

WordPress佈景主題 :最佳推薦下載+安裝教學(2021)

這是一篇「 WordPress佈景主題 」的最佳推薦下載+安裝教學。

WordPress 商業主題實在太多,不知道如何選擇?還是找到喜歡的主題,但不知道如何購買+安裝?

這篇文章,會傳授你專家挑選 WordPress佈景主題 ,所注意的重點。

還會直接列出目前最熱門、最棒的佈景主題(專家使用的),幫助你節省時間,如下。


1. 優質主題常見特色

wordpress 佈景主題推薦

剛開始架設網站,如果使用免費 WordPress 主題,是可以理解的。

但通常使用一陣子後,會發現你想要的更多,如:想自由編輯頁面排版、想有更多的頁面功能、想提升網站速度、想提升 SEO 排名 ..

挑選優質主題時,可參考下列的條件,幫助你找到心中理想的,本文推薦的佈景主題,都有符合以下標準。

主題速度和性能

多數人都認為只要 選擇對的 WordPress 主機,就可享用超棒的網站速度。

但不知道原來 WordPress 主題也是關鍵因素,許多免費版的主題都會遇到性能問題,這時就建議使用文章推薦的優質主題。

主題評分和留言

挑選優質佈景主題的大絕招,像是主題購買數量、留言評分、留言內容,都是很好的參考,因為別人已經幫你踩過雷了。

themeforest 主題森林,是國外最大的優質 WordPress 主題和外掛的集散地,本文有不少的主題推薦,也是來自於此。

手機響應式頁面支持

佈景主題支援手機版已經是基本,一個優質的主題應該要有手機頁面設計的功能,幫助你在移動端上,爭取更多的訪客。

SEO 關鍵字優化

WordPress 主題有依照網站 SEO 優化規則編寫程式,會幫助你取得更好的網站排名。

主題是否有支援頁面編輯器

有支援主流頁面編輯器,是優質 WordPress 主題的基本條件,因為它能幫助你客製化網頁佈局和設計。

WordPress 主題,主要有分「 內建自有的頁面編輯器 」和「 支援主流的頁面編輯器 」兩種類型。

許多暢銷的佈景主題,都有內建 WordPress 頁面編輯器,不用再額外安裝。

像是:Newspaper 的 TagDiv Composer、Avada 的 Fusion Builder、Flatsome 的 UX Builder。

另一種是,WordPress 主題有支援 主流頁面編輯器,但沒有內置在主題裡面,需自行安裝。

像是:AstraSoledad、OceanWp.. ,這類主題的頁面編輯器需額外安裝,但可享有最強的網站客製化威力。


2. 如何安裝 WordPress 佈景主題?

WordPress安裝 :安裝完成後,需準備?

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

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

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


3. Newspaper

wordpress佈景主題 :newspaper 推薦
wordpress佈景主題 :newspaper 推薦

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

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

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

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

這是一個簡單 3 分鐘的 Newspaper 教學示範影片,會幫助你了解更多。

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

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

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

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

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

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

4. Avada

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

Avada 是一款超熱門的 WordPress 綜合型佈景主題,它在 themeforest 主題森林 狂銷 60w+ ,是目前銷售數量的 No.1,這是極為驚人的。

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

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

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

Avada 展示網站
Avada 展示網站

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

wordpress avada 主題:多種功能元素
wordpress avada 主題:多種功能元素

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

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

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

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


5. Flatsome

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

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

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

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

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

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

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

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

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

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

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

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


6. Astra

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

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

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

許多用戶在使用主題時,常會擔心是不是會和其他人版型很像,沒有差異化。

Astra Theme 內建多種主題樣板

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

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

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

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

Astra 主題速度評測

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

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

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

Astra 多種佈局調整功能

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

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

Astra 多種主題設定調整
Astra 多種主題設定調整

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

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

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


7. Divi

wordpress佈景主題 :Divi 推薦
wordpress佈景主題:Divi 推薦

Divi 是由 Elegant Theme 公司設計的高級 WordPress 佈景主題 ,是很受歡迎的綜合型主題。

主題有內建出色的頁面編輯器,代替了 WordPress 有限度的設計方式,不需要會任何程式碼概念,就可用視覺化拖放方法,完成頁面設計。

如果想對 Divi 了解更多,可以看影片快速進入狀況,或許會非常吸引你。

豐富的頁面區塊功能,可組合成完全客製化頁面,也能自行調整視覺風格,並支援電腦、平板、手機瀏覽編輯。

Divi 內建多種主題模板,像是商業、電子商務、科技、藝術、服務、健康等 .. 不同類型,只需一鍵安裝就可套用模板,如下圖。

wordpress佈景主題 :Divi 多種預設佈局和模板
wordpress佈景主題 :Divi 多種預設佈局和模板

網路開店平台盛行的時代,Divi 主題在架設購物網站上,也有完美支援。

Divi 與 WooCoomerce 外掛完全兼容,使兩者成為完美的一對,主題有專門的 WooBuilder 購物頁面編輯器,幫助你客製化網路開店。

開店平台頁面設計:Divi 的 WooBuilder 購物編輯器
Divi 的 WooBuilder 購物頁面編輯器

以上就是 Divi 主題簡單介紹,除了主題客製化程度高,它的視覺風格和多功能頁面編輯器,也是許多人喜愛的原因。


8. Soledad

wordpress 的 soledad 佈景主題推薦
wordpress 的 soledad 佈景主題推薦

Soledad 是一個功能強大且靈活的 WordPress 佈景主題,不需會任何編碼能力,能幫助短時間內自架網站。

它是熱門的部落格、雜誌、多功能的佈景主題,有多種不同風格的主題模板,同樣一鍵安裝即可使用。

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

Soledad 可調整簡單的網頁佈局、主題顏色、選單設置 .. ,且與主流的頁面編輯器有完美的支持,像是 Elementor、wpbakery。

Soledad 主題在 Elementor 頁面編輯器上,有擴充多種版型樣式、區塊功能,可直接用來網頁設計。

在架設購物網站流行的時刻,Soledad 主題也同步支援 Woocommerce 線上商店 的功能,讓流行延續。

這邊有一個 Soledad 主題安裝和匯入的小影片,可讓你了解它更多。

Soledad 是一個很棒的 WordPress 網站架設軟體,相信會對你有所幫助。


9. OceanWP

OceanWp 主題推薦
OceanWp 主題推薦

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

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

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

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

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

OceanWP 除了有免費版可使用,也有進階版方案,它和線上主流頁面編輯器 Elementor 完美結合,可讓你自由的設計網頁佈局。

且進階版有多個 OceanWP 擴充外掛,讓你擁有更多的一切。

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

看起來很棒吧,但不論是免費版或進階版,OceanWP 可能是你快速架站的好夥伴。


10. Themify Ultra

Themify Ultra 佈景主題推薦
Themify Ultra 佈景主題推薦

Ultra 是一個很棒的 WordPress 佈景主題,它由 Themify 團隊開發而成,你可用它架設多種官網設計。

它有多種內置版型和多種功能區塊,任你進行設計編排,像是部落格、購物網站、雜誌、餐廳、新聞、時尚 .. 。

你可以參考 Ultra 特色影片,更了解它們的運作。

Ultra 自有的 Themify Builder 頁面編輯器,兩者完美的集合而成,可用它製作不同的網站佈局和設計,只需發揮你的想像力。

themify 的出色頁面編輯器:Themify Builder
themify 的出色頁面編輯器:Themify Builder

Ultra 有多種不同的價格方案, 可用來建置一個至多個網站,有更多的編輯器功能和網站外掛。

喜歡這個 WordPress 佈景主題,可前往購買安裝下載。


11. GeneratePress

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

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

它採取 WordPress 標準頁面編輯器(Gutenberg),和 Beaver Builder 頁面編輯器,製作了一系列的形象樣板。

你不需會任何編碼能力,就可以使用它們。

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

GeneratePress 可以讓你調整簡單的頁面佈局、主題顏色、選單佈局 .. ,讓你自己架設品牌網頁。

如果現有的滿足不了你,GeneratePress 也有進階版服務,可讓你得到更多的區塊功能、Woocommerce 網路開店進階支援、多元頁面佈局 .. 。

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


12. The7

wordpress佈景主題 :The7 推薦
wordpress佈景主題 :The7 推薦

The7 是一個多功能 WordPress 佈景主題,能夠幫助個人或是企業架站,像是教育網站、物流網站、時尚網站、商業網站、服飾品牌 .. 。

它可在 themeforest 主題森林 取得,The7 有多種現成的形象樣板,你可直接安裝下載。

wordpress佈景主題 :The7 推薦
wordpress佈景主題 :The7 推薦

The7 把功能選項設計的很細微,你可以幾乎做出與眾不同的網站,而不會重複。

並搭配主流的頁面編輯器,像是與 Wpbakery 完全兼容,拖曳元素區塊就能設計網站。

它累積許多的購買紀錄、支持SEO、對手機版有好,會是你自架網站的好夥伴。


13. BeTheme

wordpress佈景主題 :Betheme 主題推薦
wordpress佈景主題 :Betheme 主題推薦

Betheme 是一款綜合型的 WordPress佈景主題 ,它可在 themeforest 主題森林 取得,有許多的內建形象網站,只要安裝即可快速使用。

如同它們官網上寫的 500+ 版型,一鍵即可快速使用,果然很多。

betheme 多種形象模板
betheme 多種形象模板

Betheme 有自己的 Muffin Builder 頁面編輯器,可完美製作網頁,只要發揮你的創意,下面有一小段示範教學。

除此之外,Betheme 也支援主流的頁面編輯器像是 Elementor,讓區塊元素都能互相搭配。

輕量級的主題、手機版支援、SEO關鍵字優化 .. ,跟其他推薦主題一樣,都是基本配備。

Betheme 這個強而有力的主題,或許是你的網站好隊友。


常見問題整理

關於 WordPress 主題相關問題,這裡做個簡單統整,希望也對你有所幫助。

新手第一次使用主題,選擇哪種比較好?

WordPress 安裝 完成後,選擇一個優質的佈景主題是重要的,可讓網站有基本的門面。

對於新手來說,可能整體架站預算有限,一開始使用 Astra 免費主題,是非常棒的選擇。

原因是它提供多種模板,只需一鍵就能套用,且有多種功能設定選項,可打造心中理想的樣子。

不論是 架設部落格 / 媒體網站架設形象官網架設購物網站,都能架設完成。

有使用免費主題經驗,想開始用進階版主題,哪一種比較好?

免費版主題使用一陣子後,可能對網站設計有更多需求,或是對原來主題某些表現不滿意,就能考慮升級成進階版,或是購買第三方主題。

優先選擇方案,是使用 Astra 主題(進階版)+Elementor 頁面編輯器(進階版)。

這兩者幾乎是完美搭配,也是許多 WordPress 玩家喜歡使用的組合,能完成大部分網頁客製化需求。

第二選擇方案,就是購買第三方優質主題,我選取常見的 3 大類型做推薦。

架設部落格 / 媒體網站,Newspaper 是代表性主題,可參考 Newspaper 完整教學

架設形象官網,Avada 是代表性主題,可參考 Avada 完整教學

架設購物網站,Flatsome 是代表性主題,可參考 Flatsome 完整教學

這幾個都是網路評價前幾名的優質主題,themeforest 主題森林 都能看到真實的購買數字,也是我親測實用推薦。

找到適合的 WordPress 主題,要如何安裝呢?

通常第三方平台上購買的 WordPress 主題,都是使用「 上傳主題 」方式安裝。

不然通常在 WordPress 後台搜尋主題名稱,就可以直接安裝了,流程也比較簡單。

可參考 WordPress 佈景主題安裝,這裡有不同的安裝方法。


WordPress 學習資源

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

或是給我一些鼓勵也可以,讓我更有動力提供學習資源給大家,我會非常感謝:)

當然,如果怕問題描述不清楚,可以加入 WordPress 教學時光屋 – 小犬網站 ,我同步也會在社團中幫忙。

小犬網站:wordpress教學社團
小犬網站:wordpress教學社團

希望這對你有所幫助,祝架站順利啦。

發表迴響

Scroll to Top