WordPress

WordPress佈景主題挑選法與視覺化編輯器經驗分享(2019.12.22 WordPress台中小聚分享)

WordPress網站建置後,我通常會做點基本設定後,就先安裝佈景主題了,那麼到底要怎麼挑呢?

我從早期WordPress2.9版本開始把玩到現在,除了以前在公司內幫架設WordPress網站外,後來陸續幫朋友架設,在我成為自由工作者後,我大約有1/3時間都是幫客戶採用WordPress架站,一路走來,用過(踩雷過)不少付費佈景主題,就綜合整理分享給大家!

WordPress佈景主題挑選法

1. 外觀:是否符合你審美觀?

因為每個佈景主題的視覺設計有其風格,有些主打精簡版,顏色單一,編排乾淨低調。但若要用在行銷網站上,你可能會選顏色對比更清楚,色彩稍豐富的。這種外觀的取捨就看個人主觀與公司品牌需求了。

2. UI設計:是否有你需要的現成元素?

譬如你很明確是要做婚紗攝影官網或作品集網站,那麼在你挑選布景主題時,最好是選擇Wedding類(給婚紗業者的版型)的,一般大型佈景主題販售平台或免費版型都可以找到這種類別。如果你是醫生診所類的,也有,這種分類版型的好處是,主題設計的元素一定、至少會有較多數符合你網站屬性的元素。譬如婚紗版型網站一進去就是一大張美圖輪播 (Carousel/Slider),接著列出作品分類或是服務項目等等,選對版型,你就不用事後手動去拉這些元素,或是找一堆外掛達成,既省時也省事。所以我製作網站之前都會先選好幾個適合的版型,給組織內部或客戶確認。

3. 頁面編輯器的支援:這個版型相容那些頁面編輯器?

首頁與其它行銷單頁都很仰賴「頁面編輯器」(Page Builder),用拖拉元件或是搭配語法就能產生漂亮的網頁,不過熱門常用的頁面編輯器有很多種,有些佈景主題能相容多種,但有的是已經跟某一種綁定在一起才能發揮最棒的作用,所以挑選佈景主題時,這一部分也是我會注意的。

4. 現成範本:是否有現成的頁面版型可匯入呢?

Themeforest版型網站上,不少熱門佈景主題都支援範本網站 (Demo Content)的匯入,這是什麼呢? 就是佈景主題商把整個版型套上內容與圖片,可能你購買一個主題,但他還提供10幾種類別的範本網站 (譬如公司用、網誌用、醫療用等等) 讓你一鍵匯入現成設定好的版面/選單/網頁內容/圖片,你再來修改網站內容與圖片等編排。

常用兩大WordPress付費佈景主題網站

我自己比較常用的是:ThemeForest 以及 Creative Market,後者比較多設計感強的佈景主題,不過我近幾年都只用ThemeForest了,因為好用的佈景主題大概就那幾套,下一段會大概介紹給大家。就我目前用過的免費版型,自覺都不敷使用,尤其我要替客戶架設WP網站時,都一律使用付費版型好獲得較多功能。

(上圖就是進入ThemeForest後可以點選Web Theme& Template再於WordPress項目中先選擇Popular Item,用大多人使用的佈景主題通常比較保險囉!)

如上圖左邊第二個熱門佈景主題就是The 7,它還會贈送幾套常用的plugins(外掛),會讓你覺得划算,同時也有不少範本網站(Demo Content)可以一鍵匯入。

佈景主題能顯示中文字型嗎?

如上圖,當我找到適合的佈景主題後,我會看一下該主題的說明文件 (通常英文是 Docs 或 Documentation),通常大一點的佈景主題商會提供搜尋功能,就可以輸入關鍵字:font,來找找是否支援 Google Font,因為Google有出幾款中文字型,也可以被引用 (不用下載到電腦或傳到網站上) 也就是所謂的 Web Font,如果有支援,通常佈景主題內就能在字型那邊選擇 “Noto Sans TC” 就能顯示好看的黑體了! 如果遇到不支援Google Font的我大概就會先放棄了。

可以看出別人用的佈景主題:Scan WP

如上圖,有使用Chrome的你,建議安裝這個擴充應用,啟用後就會在你網址旁出現icon,當你逛一個WordPress站或疑似站,按下這個icon,馬上就會有資料顯示它是否是WordPress站、有用了哪個佈景主題、哪些外掛(顯示部分外掛而已啦XD),那麼你就可以不用上網問大神,自己就能參考欣賞的WordPress站,使用相同的佈景主題啦!

以上是我2019年12月在台中WordPress小聚分享的簡報內容摘要,當場真的會聊比較多,也比較能示範更多,不論如何,如果你有相關問題,歡迎留言或按網站右下角FB訊息我,我會抽空回覆或研究更多議題喔!

 

 

Add a Comment

Your email address will not be published. Required fields are marked *