WordPress主題選購指南

11/16 | wordpress分享留言(10)

最近觀察了許多部落格、粉絲團或討論區,以及身旁週遭的友人,大家對於 wordpress 的接受度越來越高,尤其是針對剛起步的中小企業,也都慢慢知道 wordpress 不僅僅是部落格工具,更是能架出企業形象網站的好幫手,原因不外乎是它所提供的主題設計質感佳,以及多數可以免費下載,這對於不需要太多功能的企業主而言,是非常適合的架站工具。

 

而所謂的 wordpress 主題可以把它想像成是網站的外觀,因為這幾年來網頁標準化的推行,網站的功能與外貌可以分開設計,也因此就有許多設計師針對 wordpress 的架構來設計不同的風格,只要下載回來安裝使用,只要十秒,整個網站就能煥然一新!

 

how-to-buy-wordpress-theme-img

剛安裝完成的 wordpress 就有內建兩款主題可供選擇,其它免費主題也可透過「安裝佈景主題」功能進行搜尋。

 

而有免費的 wordpress 主題,想當然也會有付費的,他們之間的差異性主要是在於網站架構的完整度與後臺操作功能的便利性,付費的主題往往會根據消費者的使用意見,去逐步完善產品內容,再加上可能光是首頁,付費的主題就會貼心的提供數款不同呈現方式的 slidershow ,或是部落格的版型也會先設計好不同的風格,使用者都可以在後臺自行做變更,這是免費主題所沒有的。

 

付費的 wordpress 主題那裡買?

 

在國外,針對 wordpress 主題已經有像現在智慧型手機 app 下載市集類似的商業模式,可以直接上去挑選合適的商品,像 Themeforest 就是目前非常受歡迎的平臺,商品數目也非常之多,而且分類很細,幾乎各行各業都能在上面找到相對應的主題。他們開放全球的設計師投稿,因為競爭十分激烈,許多設計師無不攪盡腦汁設計出最棒的視覺風格、最彈性的豐富內容、最直覺的操作介面,常常會看到許多最新的技術在上面出現,透過這樣的良性競爭,不僅對開發者能獲得利潤,對企業主而言也能買到全球頂尖設計師的優秀作品。

 

另外一種市集模式,相較於 Themforest 就顯得較為封閉,譬如像 Elegantthemes ,他們雇用設計師來設計商品,產品的數量較少、功能或介面也不一定是最新的,但好處是只要付一次費用,就能使用他們全站的 86 款 wordpress 主題,再加上中央式的管理,買到的主題比較好容易上手操作,不會像在 Themeforest 買到的主題,常常不同設計師做的就會有不同的操作邏輯,在學習上的時間成本較能有效減少。

 

但考量到企業主對於現階段架站需求多為一次性,再加上有足夠的商品數量較有機會找到合適的主題,因此本篇文章先就 Themeforest 的商品內容做介紹。

 

茫茫主題大海如何尋?

 

Themeforest 目前擁有 wordpress 主題的商品數約為 3500 個,如果沒有目的性盲目搜尋,很容易就會被他們美不勝收的照片與炫麗的新穎功能給迷惑,建議是在選擇前能清楚明白網站的目標,這樣在選擇上才會有個方向,也才能看出來那些新功能對我們的網站是有加分的作用,其它選購前的事前準備可以參考這篇文章

 

通常如果是單純要介紹公司內容、企業文化、聯絡我們的企業形象網站,可以從 creative 和 corportate 這兩個類別開始下手,而這兩者的差別是, creative 會比較多需要大張、有質感的圖像做為網站主視覺,或在色彩上較為繽紛、比較跳 Tone 的設計方式,如果公司的企業文化比較偏屬這一類的,就可以從該類別去選購,

 

how-to-buy-wordrpess-theme-img1

 

相較之下,如果是需要較穩重、專業形象的企業網站,從 corportate 類別進行選購會是比較好的方向,另外進入類別頁面後右側還會有子分類,可以再進行更精準的類別篩選,目前他們沒有提供以顏色篩選的功能,如果想針對企業標準色進行搜尋還沒辦法,另外也無法針對網站功能進行篩選,而且每件商品都必須進入頁面後點選 demo 才能看到全貌,應該在列表時就要有提供捷徑更能方便瀏覽。

 

how-to-buy-wordrpess-theme-img2

 

另外還有一種篩選方式,就是可以透過不同的篩選條件進行列表排序,其中以 sales 銷售量進行排序我認為最有參考價值,雖然條件中有 rating 評價的篩選條件,以實際銷售量還是能最準確看出這主題好不好用,以及他們的售後服務做的好不好,因為目前好像還沒有提供退款的功能,所以一定要慎選再慎選。

 

how-to-buy-wordrpess-theme-img3

 

商品說明霧煞煞?

 

我相信簡單的英文大家一定都看的懂,但是網站的專業術語可能就不那麼平易近人,再加上隔行如隔山,沒有行內人解釋可能光 Google 也找不到個白話文的解答,在這邊以 Avada 這款在 Themeforest 創下銷售奇蹟的商品說明做為範例,希望大家以後看到這幾個關鍵字就能判斷這商品的重點功能與相關特色。

 

how-to-buy-wordrpess-theme-img4

 

 

<一> 100% Responsive & Retina Ready

Responsive 是最近這幾年網頁開發非常流行的技術,簡單說就像上圖右邊的範例,只要一個網站(傳統是要區分電腦版、手機版網站),就能在桌機、平版、手機改變其網頁寬度,再也不會因為捲來捲去頁面而不方便瀏覽;而 Retina Ready 指的是因為現在手機、平版解析度越來越好,甚至超過桌上型電腦的螢幕解析度,所以這款主題已先針對高解析度的裝置進行圖像優化,不然就會非常模糊,甚至根本看不清楚而無法瀏覽。

 

<二> Premium Sliders, 5 Header Designs

Sliders 在台灣俗稱輪播廣告、Banner 廣告,就是一進首頁常會看到的最大圖片,而所謂的 Premium 就是有提供更多的進階功能,除了基本的換圖外,像是可以設定輪播方式、輪播速度、輪播效果,或是開啟自動播放等附加功能;Header 通常指的是網頁最上方包含 logo、主選單、搜尋欄等功能的區塊,而在這主題中設計師設計五種不同的配置方式供使用者自行切換。

 

<三>WooCommerce Integration

woocommerce 是 wordpress 目前非常熱門的一套購物車外掛,這款主題已經將程式的功能調整為適合這套外掛使用,也就是說如果買了這套主題,以後要擴建成購物網站也不是難事。

 

<四> Intelligent Admin Panel

Admin Panel 指的是 wordpress 的後臺管理系統,這些付費主題往往會自行開發專門控制他們主題的後臺選項,像是換背景圖、改字大小顏色等等,讓使用者不用去修改程式就能自行變更網站的設定,有主題的修改選項多達上百種,有些不超過十種,選項越多代表可自定的空間就越大。

 

<五> Custom Options & Shortcodes

cuustom options 就是上述提到的部份,而所謂的 shortcodes ,就是設計師會把一大串需要寫程式的功能,用一個很簡單的代碼來取代,讓使用者只要輸入代碼,就能得到想要的效果。譬如說我想增加一個漂亮的大按鈕,設計師會把按鈕的樣子預先設定好,然後設定好關鍵字,像這樣 [漂亮的大按鈕] ,通常會用中括號和英文,然後按儲存發表後,去前臺就能看到原本輸入 [漂亮的大按鈕] 的地方會變成一顆按鈕。

 

<六> Unlimited Colors & Fonts

這代表可以換顏色和改字體,關於 Fonts ,指的是字型,但因為是國外的主題,所以只能針對英文字,而中文字要能更換字型,可能就要等有志之士的努力了,但如果對中文字型很在意的人,可以先使用 Just Font 這套國人開發的服務看看,但他們尚未開發 wordpress 外掛,希望未來會有(亂許願)。

 

<七> Includes PSD’s + Support

PSD 是著名影像編輯軟體 Photoshop 的原始檔案,通常設計師在設計網頁的版面、圖像、元素時,都會透過 Photoshop 來創作,有了這原始檔案,日後網站如果想在現有的版面架構下進行重新設計,就能把 PSD 提供給網頁設計師進行修改,減少全部重新設計的時間。 Support 指的是這套主題的設計師願意提供售後服務,安裝或設定上有問題都能獲得解答。

 

<八> HTML5, CSS3, Cross Browser

HTML5 與 CSS3 指的是目前最新規格的網頁技術, Cross Browser 指的是用不同的瀏覽器像 IE、Chrome、Firefox 都能正常呈現網頁內容,因為每家瀏覽器是由不同廠商或團體開發的,早期網頁標準規範尚未制定明確,各家瀏覽器都有自己的脾氣,有些程式 A 瀏覽器認他,但 B 卻覺得他是私生子, 所以當時的網頁設計師很辛苦,為了討好後宮(?),都要針對每個瀏覽器各別寫程式,現在的情況有好一些,至於測試這套主題在不同瀏覽器能否正常瀏覽,最快的方式就是開啟它的 demo 網站測試看看,或是商品頁面的右下角都會說明支援的瀏覽器。

 

how-to-buy-wordrpess-theme-img5

 

單頁式的網站好像很流行,能買嗎?

 

Themeforest 設計師對於這產業的趨勢敏銳度相當高,時下流行的網頁設計風格都會成為他們商品的賣點,像是 iPhone 式的產品說明頁面,採用單頁呈現商品特點,搭配高質感產品圖,不用切換頁面的瀏覽模式吸引許多設計師將其做為 wordpress 主題商品,只要在 Themeforest 搜尋 parallax 就可以找到很多

 

Vortex 這一套主題就是標準的單頁式設計。

 

how-to-buy-wordrpess-theme-img6

 

這類型網站的特色就是頂部會有選單,點擊後不會開啟其它頁面,而是會一直自動滾動捲軸到相對應的區塊,豐富的動態效果很能吸引使用的注意,再加上不用等待換頁的時間,許多這類型的產品網站就直接在最下方擺放購買連結,一氣呵成的銷售方式不讓消費者有太多的思考空間。

 

而也因為單頁式網站的瀏覽方式,如果要新增頁面的話,很容易受到限制,新增的頁面勢必要開啟新的網頁來載入,因為單頁式的主題都是一個蘿蔔(選單)一個坑(要捲動到的區域),對於日後要進行網站架構上的調整會非常困難,建議是可以把單頁式的呈現方式做為網站的其中一個頁面,這樣在更新上會較為彈性。

 

The7 就是一套非常彈性的佈景主題,光首頁的設計它就預先歸劃了六大類,每大類還有三到五種的排版示範,另外 Slidershow 有五款、Blog 有六種、商品呈現版面也有八套…,這樣的商品會比較容易調整成符合自己需求的版面。

 

how-to-buy-wordrpess-theme-img7

 

小結

wordpress 主題切換的功能,可以很方便的套用網站的外觀,而付費的主題,提供的功能多更多,在如此眾多的選擇下,根據自己的需求與了解商品特色說明,才能購買到合適的佈景主題,不然很容易就被漂亮的圖片或是炫麗的功能給迷惑了XD~

 

還找不到適合自己企業風格的主題嗎?

 

Themeforest 商品眾多,且全數都是英文,往往很容易忽略中文的排版是否能正確顯示。另一方面該 wordpress 主題是否適合我們的企業風格,只看展示頁面與實際狀況仍存有很大差異,又不可能每一套都買來試裝看看,因此我們開發了一套解決方案。

 

EveryTheme 是一套快速尋找 WordPress 主題的產品,除了可以依產業別、色系來搜尋 Themeforest 的商品外,更可以透過影像合成技術,將企業標誌與主題展示畫面進行合成,讓我們在挑選 WordPress 主題時更能想像最終完成的效果。想了解更多關於 EveryTheme 可以參考這一篇文章—>三十秒, 看見你的理想網站,或

 

試試 EveryTheme

 

 

 

 

10 篇留言

  1. […] WordPress主題選購指南 如何找出 WordPress 網站用的是哪個 THEME 布景主題? What WordPress Theme Is That […]

  2. […] WordPress主題選購指南 如何找出 WordPress 網站用的是哪個 THEME 布景主題? What WordPress Theme Is […]

  3. Huang Chen 說:

    请问能编辑中文吗? 能做成中文网页吗》

  4. Adam Liu 說:

    請問一下,若購買Avada主題後,這是一次性付費可一直使用?還是指在技術支援期間內等於使用的期效呢?
    因爬了很多文都找不到相關的資訊

    • oberon 說:

      您好,它的限制是買一次可以用在同一個網域下,購買後會需要啟動驗證網域,所以買一次只能用在一個網域底下,技術支援是第一次買會附贈,超過保固時間後就要額外購買,這大概是 envato 的玩法,提供您參考!

  5. Babbit Wang 說:

    您好,所以如果每幫一個新客戶製作網站就要重新買授權嚕?

回覆文章