如何找到自己合意的WordPress版型是很花時間的,雖然每一個人對於版型的喜好都不同,而且往往就是你使用版型的主要依據,但是這一篇文章的目的是要告訴你如何先跳出這一個框框,用比較理性的角度來評估一個版型的功能。

而方法就是請你善用每一個版型的「預覽」功能,在還沒有下載這個版型之前就先看看這個版型的一些條件是不是符合你的需求。

所以當你到WordPress版型官網:http://wordpress.org/extend/themes 挑選一個版型時:

WordPress如何挑選版型

例如現在最多人用的這個「iNove」為例,你在版型官網最好利用那個綠色的【Preview】好好地研究這一個版型的特色。

WordPress如何挑選版型

我想很多人也都會按【Preview】來看,但是所謂「內行的看門道,外行的看熱鬧」,你知道怎麼看門道嗎?

首先當然是看第一印象,看你對整個版型的元件排列以及顏色是否喜歡?如果覺得有使用的意願的話,最好再詳細檢查一下這個版型的每一項設定是不是符合你的需求,基本上都符合的話再考慮,不然可是會改死你的!

除了顏色之外,還請你再看看網站的名稱是用文字或是圖片來當Logo的?要判斷很簡單:用滑鼠左鍵按下去選取,如果可以選到一個個的字的話就是文字的站名,不行的就是圖片Logo,而如果你有漂亮的圖片Logo,但是卻找一個只有文字站名的版型,那就還要去修改版型才能用,是要多花一些時間的!

再來看看你是否需要「分類」或是「分頁」的功能表選單,也請你看一下位置是不是符合你的需求,還有如果有子分類的話,看看版型能不能正確顯示?

再接下來最上面的一篇文章「Worth A Thousand Words」是要看什麼你知道嗎?這個是讓你看圖片是不是有加外框以及Caption圖片註解的功能是否正常?

WordPress如何挑選版型

接下來「Elements」這一篇文章是讓你檢查文章中的各種元件是否正確顯示?

首先看一下H1~H6的字體以及大小、顏色等設定,像這一個iNove的H2會加一條線,以及H4的字體是綠色的,在這裡就可以看到。

WordPress如何挑選版型

接下來看文章中的<p></p>的章節設定,還有文章中有一個連結網址,看一下該連結的型式是不是你要的?

WordPress如何挑選版型

接下來看看List列示,包括有數字的以及沒有數字的是不是正確?高登之前改過的幾個版型常常在這裡出錯要注意一下!

WordPress如何挑選版型

再來是各種的輸入表單及按鈕的顯示方式,請看看是不是正常?

WordPress如何挑選版型

再看看Table表格的顯示方式是不是符合你的需要?

WordPress如何挑選版型

這一篇文章的最後是上標、下標文字以及引用文字方塊和pre, code等等的元件,還有當你把游標停在「NBA」上面時,會出現說明文字,請看看這個功能是不是正常?

WordPress如何挑選版型

接下來的「More Tags」這一篇文章則是要看標籤的顯示的,但是iNove這個版型可以設定要不要顯示標籤,所以在這裡看不到標籤文字。

WordPress如何挑選版型

正確顯示出來的標籤像這樣子:

WordPress如何挑選版型

再接下來的「HTML」這一篇文章則是更複雜的List列示語法,請注意縮排是否正確以及數字是否正確?

WordPress如何挑選版型

再來的「Links」這一篇文章則是看連結的型式(有時候會跟章節中的不同)。

WordPress如何挑選版型

接下來「Category Hierarchy」則是看子分類是否能正確顯示,像這裡要再點選進去才會看到分類,這一篇文章有設定四個分類(分為三階),這是拿來檢查分類功能表的主要依據。

WordPress如何挑選版型

最後「Hello world!」這一篇文章則是一樣要點進去,看它的留言顯示方式以及大頭貼的顯示是否正常?如果有支援WordPress 2.7以後的巢狀留言功能的話,在這裡就會看到有「Reply」可以回覆留言。

WordPress如何挑選版型

再看看留言的表單是否正常?

WordPress如何挑選版型

最後是邊欄的結構及寬度等等的考量,以iNove這個版型為例,據我所知有很多人都是因為它的「上下左右」四個邊欄而使用它的,但是我比較在意的是邊欄的寬度,因為如果你要放廣告而寬度又不夠的話就慘了!

WordPress如何挑選版型

還有一點很重要:請你用市場主要的瀏覽器像是IE6/IE7/IE8/FF/Chrome都預覽一遍,以免版型都改的差不多了才發覺IE不正常,那就Orz了。

但是以上的檢查方法僅限於版型官網的預覽,但是有一些版型沒有放到官網怎麼辦?以現在絕大部份的版型都有提供預覽的頁面,你還是可以透過他們的預覽頁面看出一些端倪,但是有時候一些版型需要特定的條件配合才會正常,這個時候在版型的網站是看不出來的!

解決的方法呢?我是另外架了一個專門測試版型的站,並且將WordPress版型官網的測試用文章內容完全複製一份(直接找網頁原始碼來貼),在自己的主機上來試,有興趣的可以看一下: http://gordon168.freewebhostx.com 這樣子就可以自己丟各種版型上去試,就算WordPress官網沒有的也都可以試!

再補充一點:記得先到 http://validator.w3.org 檢查版型是不是有很多的錯誤(包括HTML及CSS),太多的話建議還是放棄好了!