剛開始要建構你的WordPress網站,大部份的朋友都會開始為如何選擇一個好的佈景主題而傷透腦筋,對於初學者來說,其實最大的原因是不知道一個好的佈景主題可以幫忙做多少事,可以修改網站到什麼程度,而對於已經使用WordPress一段時間的站長們來說,心目中總是有一個理想的佈景主題樣子,但是不知道這個主題在哪裡可以找得到。別擔心,在這一節,作者提供給你世界上最多人使用的佈景主題,以及世界上最大的佈景主題供應網站,保證你目不暇給,反而會因為佈景主題太多,而不知道要選哪一個呢!

  可惜的是,佈景主題目前還是以英語系的為主,中文的部份也有,但是比較少,而且大部份(幾乎)在網路上提供的都是簡體中文版本。好在中間的差別主要是使用的字型檔的差異,所以只要依照我們在4.3節的說明,透過CSS指令碼的幫忙,把字型換掉就可以了。不過,這等於是在佈景主題上的字型變化就比較有限,大家在選用佈景主題的時候,儘量不要選擇很強調各式藝術字體表現的佈景主題,因為到了中文環境都是枉然。

  好了,開始來去選擇一個喜歡的佈景主題了吧!選擇佈景主題,除了從WordPress佈景主題介面中去選擇熱門的主題一個一個去看之外,也可以透過功能篩選的方式來搜尋,如下所示:

ch0424

  在這個介面中勾選你要的特色,然後再按下套用篩選即可。在WordPress中提供的免費佈景主題,也些是完全免費,而有一些則是試用版,安裝之後如果你覺得滿意,但是還想要有更多的功能,可以在他們的介面中選擇付費升級,取得更多功能或是把佈景主題中屬於他們公司的Logo移除。

  另外一個簡單的方法,就是去找找看,全世界最多人使用的佈景主題,從前幾名中挑一個自己喜歡的,不就搞定了嗎!大家還記得之前在第4.2節介紹的偵測別人佈景主題的嗎?因為很多人利用他們的網站來偵測全世界各地的WordPress網站,所以就他們的資料庫中做了一些統計,列出利用他們網站查詢的站台,最多人使用的佈景主題,來看看前五名:(取自WPThemeDetector網站)

ch0421

  在前五名中,除了第4名是免費佈景主題之外,其它的4個都是收費的佈景主題。第4名是一個非常簡單佈景主題,出現在第4名的原因,並不是因為大家喜歡使用它,是因為它是某一個WordPress版本的預設主題,相信很多人是安裝好了不想改變,或是剛安裝好了WordPress之後,就拿這個主題偵測網站來偵測自己的網站所造成的結果。以下是6到10名:

ch0422

  第6名也是同樣的情形,都是某一個WordPress預裝的主題,所以才會出現在排行榜中,其它的主題也都是需要付費購買的佈景主題。而作者在http://skynetbooks.com所使用的佈景主題,就是第10名的Divi,這個主題我們在後面一點的地方再來介紹。在這個網站的排行榜中,免費主題最高的是第16名的(排除WordPress系統在各版本預載的佈景主題不算)Responsive:

ch0423

  這個主題在WordPress中可以搜尋得到,有一個中文網站:http://toolbox.madoupt.com就是使用這個主題。其它的排名,有興趣的朋友可以連結到這個網站去看看:【世界最多人使用的佈景主題】、【世界前幾名的佈景主題供應商

  剛剛有提到,在這些主題中,很多都是需要付費購買的高級佈景主題(Premium Theme),有些還不便,英文還不錯的朋友可以直接去他們的網站看看。但是,這些佈景主題真的值那麼多錢嗎?(每個佈景主題大約都在台幣1,000到3,500元左右),如果你的網站只是個人使用,當然不需要花錢在這上面,但是,如果你的網站是要拿來當做是正式的公司或機構或是電子商店使用,公司或商店的門面,幾千元就算是小錢了。高級的佈景主題,可以做的事情非常多,除了可以讓你有更好的介面可以客製化你的佈景之外,對於版面的安排以及佈置,以及站長們最關心的廣告欄位和SEO,也都有非常好的支援。我們就以其中作者正在使用,購買自ElegantTheme(在所有佈景主題供應商中算是比較便宜的,全部87個佈景主題打包賣,每一年只要付69美元)的Divi主題,幫大家做個介紹。首先,是這個佈景主題自己的主控台(ePanel):

ch0425

  站長們可以在這個主控台中設定很多網站的一些元素,當然包括網站的Logo以及Favicon(瀏覽器上的小圖示),有些站長會利用電子郵件追踪系統來和網友們互動,Divi也支援其中的MailChimp和Aweber:

ch0426

  還有最流行的社群網站連結符號,這裡包括Facebook, Twitter, Google+以及RSS訂閱:

ch0427

  當然還有我們之前有提到過的客製化CSS,在佈景主題中直接就有提供,更容易讓你改變字型以及佈景外觀的設定:

ch0428

  在Navigation頁籤的功能中,可以針對頁面、類別分別做設定,告訴Divi如何去放置給瀏覽者做導覽的一些連結:

ch0429

  以下是關於要顯示在導覽列的類別設定:

ch0430

  另外,在排版的部份,也可以做更細部的設定(文章、頁面以及通用設定):

ch0431

  沒想到吧,佈景主題也預先幫你想要廣告要放的位置了,這是放廣告程式碼和網址的地方。如果你使用的是GoogleAdsense的話,直接把廣告碼放到最後一欄就可以了:

ch0432

  需要做SEO嗎?在Divi的主控台中也有支援,你可以在這裡自訂網站的SEO項目,單篇文章的SEO設定以及索引頁的SEO,非常方便。等於是不用再花錢去買其它的SEO外掛了:

ch0433

  需要在網頁的header或是body加入一些識別用的程式碼,或是加上自己的廣告碼,還是Google Analytics 的追踪碼嗎?沒問題,在Integration的頁籤中通通可以辦到(作者都是用這 個功能來為每一篇文章加入自己的廣告代碼),如下所示:

ch0434

  除了這些功能之外,Divi還有一個頁面編輯的功能,也讓你的頁面排版進入全新的境界,他們自己開發了一個叫做Page Builder的功能,讓我們在新增頁面的時候,不再是單調的文章功能。只要安裝了Divi佈景主題,在進入新增頁面的時候,可以看到以下的畫面:

ch0435

  有注意到嗎?多了一個「Use Page Builder」按鈕。按下這個按鈕之後,頁面的編輯就變得好像在堆積木一樣簡單以及多功能,Page Builder的介面如下:

ch0436

  可以自己加入一些欄位(Column),然後在欄位中加入各式各樣的模組。如果不知道從何開始,可以先選擇「Load Layout」載入一些現成的排版範例頁,再從其中修改即可。按下之後,可以看到有非常多種類可以選擇:

ch0437

  往下捲動還有更多:

ch0438

  選定一個適合自己的要製作的網站外觀,然後按下「Load」按鈕,就可以看到編輯畫面變成了下面這個樣子:

ch0439

  在這裡面就可以做內容的修改以及再新增更多的欄位或模組(Module),可以選擇的模組也非常多:

ch0440

  作者製作了兩個範例(其實沒做什麼,就用預設的Layout新增一個頁面而已),分別是公司網站首頁用的http://hophd.com/divi-company-page以及倒數計時網頁http://hophd.com/divi-coming-soon,大家可以去參考一下。

  由上面的說明大家可以看得出來,WordPress的網站只要選對佈景主題,真的是千變萬化,不一定是部落格,各式各樣的網站(連公司官方的網站)都可以做得出來。對Divi有興趣的朋友,可以去ElegantTheme看看。

By admin

One thought on “全世界最多人使用的佈景主題”
  1. 你好 我想請問一下 我有去http://themeforest.net/ 裡面挑選付費佈景主題,
    我的問題是:
    1.我有看到regular license 和另外一個extended license版本
    這價差非常非常大,請問差別是第二個是買斷嗎?

    2.請問這是購買一次後,終身就不用再付費?還是跟版大的一樣 一年付費一次?

    3.介面都是英文 包含後台也是英文, 所以我頂多只是把內容改成中文,其餘的操作介面都是英文?

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。