五大WordPress實用的佈景主題

WordPress佈景主題是什麼?

當Wordpress網站架好以後,最重要的一件事,就是要安裝佈景主題。佈景主題可以設定網站的版型、顏色、字體、動效…等等,就像是一間房子的裝潢一樣,幫你把空蕩蕩的房子,搖身一變成有風格有家具的房子。而且只要一鍵就可以安裝,輕鬆的改變整個網站的設計,擁有不一樣的風格。 WordPress提供許多的佈景主題,大部分的可以設定到以下的外觀選項:
  • 全域風格:排版樣式、色彩、內容設定、按鈕形式,這些以往都要利用寫CSS來改變的樣式,佈景主題都已經會先幫你設定好
  • 頁首頁尾:這部分包含網站的標題以及Logo標誌還有主選單,你可以控制Logo的大小以及擺放位置,還有選單的樣式項目也都可自訂
  • 文章以及頁面設計:這部分包含文章的排版形式、字體大小、間距,一些細部的設定
  • 小工具Widge:如果要安裝一些小工具模組,例如:搜尋、文章分類、圖片輪播,也可以在佈景主題裡設定
  • 網站風格:另外有許多針對不同功能的佈景主題,例如:電商網站、新聞類型網站、企業形象網站,也都可以利用佈景主題做大部分的風格設定
以上列的,都是佈景主題可以控制的部分,當然,不同的佈景主題有分免費版或是付費版,可以調整的部分也是會有些差異。但是我們可以知道,只要安裝好佈景主題,其實網站的外觀,有80-90%都已經設定完成,可見,佈景主題的方便性以及功能的強大。

挑選佈景主題需注意事項

挑選佈景主題需注意事項

(圖片來源:Astra

1.速度與效能
挑選佈景主題,一定要把速度與效能放在第一,因為好的佈景主題,擁有良好的程式架構,簡潔的程式碼,也做過速度上的優化,去除不必要的功能,這些都會直接影響你的網站載入的速度,也會影響使用者的體驗。

2.是否與主流編輯器相容
在挑選佈景主題時,我們也可以注意是否有跟主流的編輯器相容,像是:WPBakery Page BuilderElementor 、Thrive Architect,**這幾款常見的編輯器,如果想要使用的話,要先看是否可跟佈景主題相容。另外,有些佈景主題也會有內建自己的編輯器,像是:Avada 的 Fusion Builder,也會是一種選擇。

3.優化SEO排名
一個好的佈景主題,會對網頁的程式碼做SEO的優化,幫助你的網站達到搜尋引擎想要的需求,例如:速度、流暢性、網頁架構等等。你的網站便能夠在搜尋引擎中,以免費和自然的方式來增加你的網站的文章或是頁面的曝光度。

4.支援響應式設計
響應式設計已經是佈景主題的標配,現在的佈景主題大部分都已經支援手機的瀏覽,符合大部分的人需求,所以如果有佈景主題不支援,就代表已經是落伍了。
另外,佈景主題有無支援手機瀏覽介面的設定,也是可以參考的元素之一

5.開發商不斷優化更新
WordPress本身是屬於一個開放性的資源,而且使用者還在不停的增加,所以會不斷做系統優化以及版本的更新。而有些佈景主題剛安裝時,使用者體驗不錯,但如果開發商沒有隨著不同的Wordpress版本做定期維護,久了就會出現許多Bug或是網站速度變慢。這類型的佈景主題,就建議別安裝較好。 

 6.下載數量&評價
我們在下載佈景主題時,可以先到網站上搜尋一下,參考一下下載量或是使用者的評價,建議可參考國外最大的優質WordPress主題和外掛集散地,Themeforest 主題森林。當然,一個佈景主題絕對會有其優缺點,我們很難找到完美的佈景主題,但是絕對可以找到適合自己的佈景主題。

以上就是挑選佈景主題的幾個依據,可以作為參考,建議大家多花點時間比較挑選,好的佈景主題,絕對可以幫你的網站外觀設計,奠定很好的基礎。

五大WordPress實用的佈景主題

1.Astra

Astra現為Caryplus網站所使用的佈景主題,由Brainstorm Force開發,是許多人使用的佈景主題之一,最大的優點是它針對WordPress主流的編輯器,像是Elementor、Beaver Builder、Gutenberg等..都可以有很好的兼容,用起來非常的順手。

WordPress佈景主題_Astra

(圖片來源:Astra

Astra Theme提供多功能的WordPress主題樣板,幾乎包含許多常見的類型,例如:基本個人Blog、企業形象網站、電商網站、線上課程網站、旅遊預約網..等。

另外搭配Astra提供的Starter Templates外掛,裡面有70多種樣板,可以一鍵安裝,免費版的也有30多種樣板可供挑選。

WordPress佈景主題_Astra

(圖片來源:Astra

在速度表現方面,Astra的佈景主題都非常的輕量且有著優質的程式編碼,禁用Jquery,以至於速度優於其他的主題,在Google瀏覽器的評比上,有著極高的評價。

WordPress佈景主題_Astra

(圖片來源:Astra

Astra分為免費版跟付費版,但都提供友善的調整介面,且有許多自定義的選項,包含:主題顏色設定,字體自行調整,版面佈局,選單設定…等,你可以隨時調整,讓你的網站更有差異化。

而Astra也支援電腦、平板、手機的即時預覽模式,設定以及編輯版面起來,更快速方便。

WordPress佈景主題_Astra

整體來說Astra表現非常的優良,若你是在尋找功能豐富,穩定快速的佈景主題,且在所有設備都可以使用很順暢的話,Astra會是你很好的選擇。

2.GeneratePress

說到輕量級的佈景主題,一定會提到GeneratePress,此佈景主題最大的優點就是快,且在網路速度、網站安全性、可用性都沒有太多的負擔,是國外最多人使用的佈景主題之一。

WordPress佈景主題_GeneratePress

(圖片來源:GeneratePress

此主題是由Tom Usborne 所開發完成,主題的下載量達到 400w 次以上,將近五顆星的評價,GeneratePress提供一年性費用還有一次性的買斷,而且成為會員後,可以使用在無數個網站,若你是想要同時製作多個網站,GeneratePress是你非常好的選擇。

WordPress佈景主題_GeneratePress

(圖片來源:GeneratePress

GeneratePress同步支援 Elementor、Beaver Builder 這幾款主流的頁面編輯器,並提供許多的樣版,可以一鍵快速套用,因為要達到輕量且快速狀態,一開始只會保留主要的功能,隨著使用者的更多需求,例如:主題顏色設定、頁面佈局、選單設定..等,都可以開啟更多功能,客製化自己的網站。

GeneratePress支援多用途主題,可用來打造部落格、企業網站、電商網站,付費會員可以開啟更多的區塊功能、手機介面設定、Woocommerce購物車功能等服務。

WordPress佈景主題_GeneratePress

(圖片來源:GeneratePress

如果你想要的佈景主題輕量且沒有太多複雜的功能,可以嘗試看看使用GeneratePress這個主題。

3.FLATSOME

如果你想要架設電商網站,FLATSOME主題是你最佳的選擇之一,它完美的結合 WooCommerce和商業主題,在ThemeForest主題森林的電子商務分類上,高居第一名許久。

WordPress佈景主題_FLATSOME

(圖片來源:FLATSOME

Flatsome的主要功能都是為電商而打造,像是產品分類、倒數特賣、促銷活動、加購商品…等,Flastsome都有提供相對應的模組可支援,且提供許多不同類型的電商模板,只需要一鍵安裝即可。

WordPress佈景主題_FLATSOME

(圖片來源:FLATSOME

另外值得一提的是,Flatsome主題,自帶專業的編輯器UX Builder,無需任何編碼的經驗,就可以利用拖曳的方式,編輯好網頁。

Flatsome還提供多種的頁面佈局方式以及大量的區塊模組,讓你利用組合的方式,就可以讓自己的網站看起來跟別人不同,並且一樣支援手機頁面呈現、SEO優化,想要經營電商平台的站長,一定要來試試看這主題。

WordPress佈景主題_FLATSOME

(圖片來源:FLATSOME

4.Divi

Divi主題是許多網頁設計師的最愛,由知名的 Elegant Themes開發,針對網頁設計,Divi提供非常多的網頁設計需要的區塊以及元件,讓設計師可以更自由更有創意的設計網頁。

WordPress佈景主題_Divi

(圖片來源:Divi

設計師不需要擔心程式方面的問題,只要用拖拉的方式,就可以輕鬆的排版,而Divi主題還提供許多高品質的模板,包括:商業、旅遊、零售、新聞..等等主題,一樣可以一鍵套用。

WordPress佈景主題_Divi

(圖片來源:Divi

值得一提的是,Elegant Themes旗下的產品,有Divi Theme佈景主題、Divi Builder頁面編輯器、Extra主題 (更多不同類別的主題)、Bloom電子報註冊行銷工具、Monarch社群工具等。

所以只要購買Divi,連同其他的相關軟體服務,都可以使用,算是CP值非常高的投資,Divi的使用方案分為年租還有一次性的終身方案,這兩個方案都可以應用在無限數量的網站,如果設計師想要長期接不同的案子,Divi主題絕對是值得考慮的。

WordPress佈景主題_Divi

(圖片來源:Divi

這裡有個小提醒,由於Divi主題與相關軟體服務功能非常的強大,區塊模組非常的多,也包含內建的編輯器Woo Builder,學習曲線會比較長,新手需要多多注意喔。

5.Blocksy

Blocksy是最近快速崛起的輕量化主題,擁有彈性以及美觀的 UI、UX 設計,頗受網頁設計社群的青睞。

由於近年Google修改了演算法,注重在網頁的載入速度,以及行動版裝置的網站體驗,所以最近幾年WordPress的佈景主題也轉向了輕量、不帶多餘的CSS、JS代碼的風潮,讓使用者不需要多餘的等待時間,就可以瀏覽到網頁的內容,因此Blocksy或是Kadence這類的輕量化佈景主題,逐漸受到歡迎。

WordPress佈景主題_Blocksy

(圖片來源:Blocksy

Blocksy分為免費版及進階版,針對Gutenberg區塊編輯器的延伸,非常適合習慣使用Gutenberg編輯器的站長,然而Blocksy也能搭配其他的WordPress主流頁面編輯器,像是: Elementor、Beaver、Brizy等,在使用上來說,也非常的方便。

WordPress佈景主題_Blocksy

(圖片來源:Blocksy

值得一提的是Blocksy也提供暗黑模式,讓使用者去調整,以及搭配多樣的Google字體、頁面佈局、 頁首頁尾設定、標題、側邊欄等位置的排版、多樣顏色設置,可以輕易設計出非常專業的網站。

備註:由於Blocksy是採用新的網頁技術,因此IE11或比較舊的瀏覽器,可能無法使用,使用者需要多多注意。

WordPress佈景主題_Blocksy

(圖片來源:Blocksy

結語:

市面上還有許多優秀的佈景主題,當大家在套用前,一定要先思考自己的主要需求,也要多多比較,才不會一直想要更換佈景主題,因為各家廠商出的佈景主題還是會有些差異,所以每次套用後,也是都要花心思去調整,常常無形之中就會浪費掉許多的時間。

建議站長在選定佈景主題後,就不要輕易再更換,應該把心力放在網站內容的產生,我想是比較好的做法。

發佈留言

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

相關文章

2024年獲得UI/UX工作的6個關鍵

2024年獲得UI/UX工作的6個關鍵

現在因為大環境的關係,企業用人偏向比較保守,相對的來說UIUX設計師的職缺或是薪水也回到了一個平均值。

在這樣環境下,如果你想做一名UI/UX設計師或是產品設計師,該怎麼做才能脫穎而出,找到理想的工作呢?

以下我們將一起探討2024年你可以採取的6個關鍵方法,幫助你更有效率的順利找到工作。

閱讀全文 »
UIUX設計師如何因應AI人工智慧的到來

UIUX設計師如何因應AI人工智慧的到來?

在這個快節奏的工作環境裡,UIUX設計師每天都得應對各式各樣的事情,像是處理設計截止日期、應付不斷變化的用戶需求,還有跟上科技的飛速更新。

但是,隨著人工智慧技術的蓬勃發展,我們似乎正站在一個轉捩點:AI的興起即將徹底改變UIUX設計的工作方式和流程。

閱讀全文 »