[blog] wordpress themes之簡略比較
想做這件事情很久了…
用wordpress.com已經快一年,後台提供的佈景主題我總忍不住手癢要去換來用用,但常會碰到些不適用的理由。
- 有的字體不適合放中文字(會太擠、太糊或不清楚)
- 有的文章欄位太窄,所以我的圖片會跨越欄位。
- 有的佈景主題可以自訂banner,但幾乎每個佈景主題適合的banner尺寸都不一樣…
- 文章欄位的底色也是我在意的地方。個人偏好白色,才不會導致我的圖片放上去變得很難看。
- 有的主題有navbar,就是導覽列,可以列出「pages」的地方。沒有navbar就表示一定得自己放「search」以及「pages」,如果需要的話。將子sidebar多放兩個widgets,會拉比較長。
阿阿天哪~有夠麻煩的說~
(這樣一行任性抱怨的文字突然冒出來,亂詭異一把的。這不是我的風格阿)
應該這麼客觀又理性的說:
ok,於是,我就簡略的邊試邊記,並筆記之。
在下列preview的抓圖裡,我自訂的banner圖檔的高跟寬不合適的問題,可以暫且不用去管。
幾乎每個可以放自己banner的theme,適合的圖檔長寬都不一樣,我會盡量在下面列出來。
[A字部]
1. “Almost Spring" by Becca Wei
- A light and simple two-column theme graced with greens and oranges.
- 很耐看,我用了很久。連結的顏色不會刺目,即使sidebar連結文字再多也不會喧賓奪主。
- 唯一缺點是banner不能放圖檔。也沒有navbar。
2. “Ambiru" by Phu Ly
- A calm, relaxing theme one-column theme with a customizable header.
- BANNER尺寸:500 x 225 pixels
- 單欄。widget要放到底下。但字體的大小跟顏色都挺好的,看起來很舒服。navbar的字體擠了些,不管是中文或英文,大概是粗體然後字又小的關係吧。

3. “Andreas04″ by Andreas Viklund
- A three-column silver and blue theme with two sidebars on the right.
- 很科技感的配色,顏色不能自訂。三欄不錯。但相對的文章欄位就窄了。
- banner不能自訂,有navbar,沒有預設的搜尋框。
- 網站名稱如果太長會被折行,然後網站敘述會被壓縮。

4. “Andreas09″ by Andreas Viklund and Ainslie Johnson
- A three-column theme with customizable colors and sidebars on the left and right.
- 簡潔的三欄版面。中文字在sidebar上略擠,有navbar。顏色可以自己配喔。

[B字部]
5. “Banana Smoothie" by t0mmy
- A smooth two-column theme adorned with a banana. Very personal.
- 右邊的sidebar有點不夠寬,一些widget長度會超過,就醜了。
6. “Benevolence" by Theron Parlin
- A two-column simplistic theme with an inclination to perform kind, charitable acts.
- banner尺寸:700 x 225 pixels
- 中文字擺在裡面擠的很小。尤其是文章的標題,擠到比內文還看不清楚。
- banner裡面的字型也不大美觀。沒有navbar。但是可以自訂banner網站名稱顏色,也可使隱藏。
7. “Blix" by Sebastian Schmieg
- A tried and true two-column theme with widgets and a customizable header.
- banner尺寸:690 x 115 pixels
- 有navbar,navbar裡有預設搜尋框。(讚!)
- banner部份的網站名稱可以自訂使隱藏、改變顏色,還可以上傳自己的圖檔作為banner。(讚!)
[C字部]
8. “ChaoticSoul" by Bryan Veloso
- A dark 2 column theme based off of a certain designer’s old website.
- banner尺寸:760 x 151 pixels(注意!中間會被切一半喔!)
- 中文字在裡面的顯示大小沒啥問題。可以自訂banner圖檔。
- 不過沒有navbar,banner上方的網站名稱文字不能調整。
- 還有,banner圖檔會被切一半(厲害的人應該照尺寸做一張「假的兩張圖」來上傳吧?)
9. “Connections" by Patricia Muller
- A super classy two-column theme with widgets and a customizable header.
- banner尺寸:741 x 142 pixels
- 這也是我很喜歡的一個佈景主題。banner內的網站名稱文字可以調整顏色、使隱藏。
- 有navbar。文章標題前方的日期設計的頗美,sidebar的背景也是。中文字顯示沒有問題。
10 “Contempt" by Michael Heilemann
- A more professional version of Kubrick, sporting hard lines and 2-columns.
- banner尺寸:750 x 140 pixels
- 中文沒有問題,不會太擠。
- 有navbar,可以自訂banner圖檔,網站名稱也可以隱藏或改變顏色。
- 唯一我不喜歡的只有,線條太直方了,感覺太銳利。大概這就是說明文字裡所指,「更專業的」意思吧?
11. “Cutline" by Chris Pearson
- A squeaky clean, minimalistic two-column wonder with loads of extras.
- banner尺寸:770 x 140 pixels
- 線條簡單到不行,虛線、單線、粗線。有navbar,中文字顯示沒問題。
[D字部]
12. “Day Dream" by Jim Whimpey
- A narrow one-column theme with four color schemes and custom header support.
- banner尺寸:527 x 273 pixels (很高,但很窄。如果有一張banner圖檔適合這種長跟寬,不妨採用這一版)。
- 窄,窄到不行的單欄版型。
- 中文字顯示ok。甚至,字體還蠻大的,到了一個不甚優雅的地步。
- 有navbar。
- banner可以自訂圖檔,網站名稱也可以自訂顏色以及隱藏。
- 另外網站名稱位置有左中右可以選擇,連顏色也有四種色調藍/綠/粉紅/灰可以選擇喔!(這點算是蠻特別的啦)
13. “Dusk" by Becca Wei
- A dark blue and grey two-column theme adorned with flowers.
- 晦暗的灰藍色調。其實還蠻美的。
- 不能自訂banner。中文放上去沒有太擠的問題,字體大小合宜。
[E字部]
14. “Emire" by Phu Ly
- A professional green and gray two-column theme complete with shape burst.
- banner不能自訂。
- 在新文章的標題前方會有一個小icon標示。
- 中文顯示沒有問題。有navbar。
[F字部]
15. “Fadtastic" by Andrew Faulkner
- A bright and fluid 3-column theme with double the widgets for double the fun.
- 這個版型我用了很久。後來因為顏色太鮮艷而換掉,簡單來說就是,不耐看。因為主色調是很鮮艷的藍和草綠(連結),sidebar連結一多,就顯得整版都是刺眼的綠…
- 但三欄的配置真的很好用,當我的sidebar想放的東西太多,又不想拉太長的時候。
- 有navbar,中文顯示也沒問題。
- banner不能自訂。
- 特別處在於,首頁的主文下方,會出現最近文章的標題及連結。所以如果把首頁設定秀出十篇文章,那麼下面就會出現九篇recent posts。也就是說,sidebar就不用再多放一個recent posts的widget(省了一個widget的空間)。
16. “Fauna" by Joen Asmussen
- A beautiful two-column theme with a gigantic flower header.
- 有navbar,網誌的描述被低調的放在banner的右下方。
- 中文顯示,內文部份字體略小,但還不至於糊掉。
- banner不能自訂。有navbar。
17. “Fjords04″ by Peterandrej
- A 4-column theme with split custom header.
- banner尺寸:900 x 200 pixels(會被切成四塊喔)
- 很少見的四欄版型阿~文章那一欄就變得很窄囉。
- 可以自訂banner。網站名稱也可以隱藏,或是更改顏色。
- 中文顯示ok。
- 沒有navbar。
18. “Fleur De Lys" by Sadish Balasubramanian
- A very classic looking two-column theme with typographic flourishes.
- 中文顯示沒有問題。
- 不能自訂banner,也沒有navbar。
19. “Flower Power" by TalkXHTML.com
- A narrow two-column design with red and blues that just screams personality.
- 版型相當窄。還不置中。
- 中文顯示ok。沒有navbar,banner也不能自訂。
20. “Fresh Bananas" by Jeff Wheeler
- Light blues and reds compliment the lack of yellow in this two-column theme.
- 中文顯示ok。沒有navbar,banner也不能自訂。
21. “Freshy" by Julien De Luca
- A darker theme with header image and page navigation.
- banner尺寸:780 x 95 pixels
- banner可以自訂。純放圖檔。網站名稱跟描述的文字部在banner範圍裡,所以也不能調整。
- 有navbar。中文顯示ok。
[G字部]
22. “Garland" by Stefan Nagtegaal and Steven Wittens
- A flexible, three-column theme with customizable colors. Design based on Themetastic for Drupal by Stefan Nagtegaal and Steven Wittens.
- 這是一個很難得的,即使有三個欄位,文章欄也不會過窄的版型。
- 沒有辦法上傳圖檔放在banner。但是整個網頁卻可以用調色盤來修改顏色阿~
23. “Girl in Green" by Stacey Leung
- A journal-style theme with many shades of green and an illustrated girl in the top right.
- 文章欄位很寬,sidebar卻相對過窄。
- 不能自訂banner。中文顯示ok。沒有navbar。
24. “Greenery" by LEMONed
- A green, fresh and clear two-column theme. Did we mention it was green?
- banner尺寸:740 x 171 pixels
- 太綠。刺傷了我的眼睛…
- banner可以自訂(幸好),網站名稱也可以調整為隱藏或者改顏色。
25. “Green Marinée" by Ian Main
- A very versatile green two-column theme with widgets and lots of style.
- 這款我也挺喜歡的,覺得配上中文字還蠻均衡的。
- banner不能自訂,配色也沒得修改。
[H字部]
26. “Hemingway" by Kyle Neath
- A staggered-column theme with excerpts on the front and a customizable footer.
- 這是既漂亮又特別的一個佈景主題阿~(嘆) 以後等我的部落格走向改變,這是我一定要嚐試的主題。
- 上半部是兩欄,分別放最新的兩篇的文章。所以如果剛好兩篇文章長度差很多,擺起來就會很詭異了。下半部則可以放三欄的widgets。
- 「海明威的選項」也很特別。配色可以選擇黑或白。下半部的widgets也在此選擇。反而一般的「presentation \ widgets」標籤裡的選項卻失效。
- 中文字擺在裡面,內文的部份字體偏小,但還算清楚。
[I字部]
27. “Iceburgg" by Astereostudio & Devlounge
- A blue and white holiday theme with a custom header and three widget columns at the bottom.
- banner尺寸:790 x 150 pixels
- 單欄。widgets要擺在下半部。
- banner可以上傳自己的圖檔。
[J字部]
28. “Jentri" by Phu Ly
- A vintage red and white two-column theme complete with matching pattern.
- 既古典又簡潔。中文字顯示ok,內文字體篇小。
[K字部]
29. “K2-lite" by Various Artists
- A clean two-column blue theme with widgets and custom header.
- banner尺寸:780 x 200 pixels
- banner可以自訂圖檔。網站名稱也可以改隱藏或換顏色。
- sidebar裡的中文字體偏小,有點糊了。有navbar。但navbar裡沒有預設搜 尋框。
30. “Kubrick" by Michael Heilemann
- The default WordPress theme complete with customizable header and widgets.
- banner尺寸:760 x 200 pixels(如果把自訂圖檔擺進去,也會變成圓角框嗎?)
- banner是圓角框,這一點讓網站看起來比較舒服。然後,網站文字可以修改顏色或隱藏。banner本身顏色也可以修改(可以作成漸層效果喔)
- 中文顯示都ok。
[L字部]
31. “Light" by Stephen Reinhardt
- A two-column theme with tabbed navigation and crisp colors.
- 有navbar,但沒有預設搜尋框。banner不能自訂。
- 文章欄位,有左邊的border,很像一般的引言div。而且還有淺淺的藍色做背景色。
- 中文顯示ok。
[M字部]
32. “MistyLook" by Sadish
- A two-column white theme with top-level page navigation and large custom header.
- banner尺寸:760 x 190 pixels
- wp提供的預設feed連結被拉到最上方,很引人注目。但是反而不適合我們這種,希望讀者訂閱我們自己用feedburner燒過的固定feed這種情況。
- 有navbar,也有預設搜尋框。
- banner可以自訂圖檔。
- 中文顯示ok。
[N字部]
33. “Neat!" by Topi Peltonen
- Just another stylish two-column dark blue theme with customizable header.
- banner尺寸:700 x 200 pixels
- banner可自訂圖檔。網站名稱可以選擇隱藏,但不能更改顏色。
- 中文顯示部份,內文偏擠。
- 沒有navbar。
34. “Neo-Sapien" by Small Potato
- A black and red theme with prominent photo header.
- banner尺寸:480 x 250 pixels
- 很強烈的紅黑配色,沒有自信不要用。
- banner可以放自訂圖檔。
- 有三欄的sidebar可以放widgets(驚!),左、右,還有中間的下面。
- 有navbar,但沒有預設的搜尋框。
- 中文放上去還ok。
[O字部]
35. “Ocadia" by Becca Wei
- A clean yet stylish two column blue-grey theme with lots of rounded edges.
- banner不能自訂,顏色也不能更改。
- 中文字體不管是標題或內文都很ok。
36. “Ocean Mist" by Ed Merritt
- A blueish two-column theme with a large customizable header, visible post author, and category navigation at the bottom.
- banner尺寸:736 x 229 pixels
- banner可以自訂圖檔。有navbar,沒有預設搜尋框。
- 中文顯示,內文字體略小。
[P字部]
37. “Pool" by Borja Fernandez
- A blue two-column with tabbed page navigation, custom header, and widgets.
- banner尺寸:795 x 150 pixels
- 有navbar,也有預設搜尋框。
- banner可以自訂圖檔,網站名稱也可以更改顏色或隱藏。
- 中文顯示ok,相當清楚。
38. “PressRow" by Chris Pearson
- Feel like a journalist with this two-column theme with customizable header.
- banner尺寸:770 x 200 pixels
- 有navbar,沒有預設搜尋框。
- 以中文字體來看,文章標題字體太大,文章內文又不夠清楚。
[Q字部]
39. “Quentin" by Mike Purdy
- A rustic, older feeling and dignified two-column theme.
- banner不能自訂。也沒有navbar。
[R字部]
40. “Redoable Lite" by Dean Robinson
- A slimmed-down version of Dean Robinson’s Redoable theme.
- banner尺寸:730 x 180 pixels
- 又是一個強烈的紅黑配色。
- banner可以自訂圖檔,網站名稱也可以隱藏或改顏色。
- 有navbar,沒有預設搜尋框。
- 中文顯示相當清楚。
- 在文章欄位裡,edit、comment、author以及category前方,都有精緻的小icon喔。
41. “Regulus" by Ben Gillbanks
- A versatile two-column theme complete with custom header, blues and yellows.
- banner尺寸:730 x 140 pixels
- banner可以自訂圖檔。除了可以使用自己上傳的圖檔外,預設還有八個banner可以變換。網站名稱也可以隱藏。
- 整體色彩搭配有六種配色可以選擇變換。
- 有navbar,也有預設搜尋框。
- 中文顯示ok,都還算清晰。
42. “Rounded" by Ghyslain Armand
- A brown, flexible width theme with a unique navigation and lots of flowers.
- banner不能自訂。
- 這個主題阿,它一上線那天我就換來試用過,但馬上發現有些圖片連不到。也曾經通報過站方,也曾經修好過。但在我這次測試以及擷圖的時候,右邊第三個區塊再度發生連不到圖的狀況。可說是個,無法控制的主題吧~
- 有navbar,沒有預設搜尋框。
- 中文顯示還算ok。
43. “Rubric" by Hadley Wickham
- A flexible and clean two-column theme with a pen on top.
- banner尺寸:215x 150 pixels
- banner可以自訂,但是位置跟一般的不大一樣,尺寸也不大相同。網站名稱可以修改顏色或隱藏。
- 沒有navbar,也沒有預設的搜尋框。
- 中文顯示很清楚,行距夠高。閱讀起來還蠻輕鬆的。
[S字部]
44. “Sandbox" by Andy Skelton & Scott Allan Wallick
- A theme with powerful, semantic CSS selectors and the ability to add new skins.
- 這個主題裡面,還藏了六種模板。一欄、兩欄、三欄。選好之後再重頭打造css。

- 剩下的,就得自己來囉~
45. “Sapphire" by Michael Martine
- A two-column blueish theme with that professional “Apple” feel.
- banner尺寸:740 x 180 pixels
- banner可以自訂,網站名稱也可以隱藏或改顏色。
- 沒有navbar。
- 中文顯示很清楚。
46. “Shocking Blue Green" by Chris M.
- A light and flexible theme in, you guessed it, blue and green.
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文顯示方面,內文的字距有點擠。
47. “Silver is the New Black" by Gregory Auld
- A clean two-column fluid-width greyscale theme with rounded corners.
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文字體,內文字體有點小,行距倒是頗適中。
48. “Simpla" by Phu Ly
- Can’t get much more minimal than this two-column design and its accents.
- 好簡單,好簡單的主題阿。幾乎沒有任何色塊。
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文顯示ok。內文的行距略擠。
- 有幾個可愛的icon.
49. “Solipsus" by Tiffany Nguyen (Rikkye)
- A black and brown two-column design with flowers, clouds and a sun.
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文顯示蠻清楚的,不管室內文或文章標題。但文章標題顏色設成白色,不大有辨識度。
- 但是banner就不大清楚了…如果網站名稱長一點,就會跟banner上的圖案壓在一起,難捨難分。
- 網站名稱如果是英文,會被改成全部是大寫字。
50. “Sunburn"by Jim Whimpey
- A dark black and orange theme. Sidebar only on home page.
- 橘黑配,而且banner還不能換圖檔。
- 中文顯示的文章標題字體略大,(好像跟網站名稱一樣大了?)感覺不那麼優雅。內文字體倒是蠻清楚的。
- 網站名稱如果是英文,會被改成全部是大寫字。
- 補充:這款有一個唯一的特性,就是sidebar只會出現在首頁。不過其實,點進去單篇文章,欄位也沒有變寬成整欄啦,還是在它原來的地方。
51. “Supposedly Clean" by Alvin Woon
- A simple theme with color choices and a sidebar that switches position.
- sidebar可以選擇放左或右。配色也有紅、藍、綠三種可選擇。
- 文章部份的版型很窄。相對的sidebar就頗寬的。
- 中文字體還算清楚.
52. “Sweet Blossoms"by TalkXHTML.com
- A narrow two-column design that satisfies the pink lover in all of us.
- 很窄的欄位,不管是文章部份或是sidebar部份。
- 很粉,連sidebar的連結文字都是粉紅色…
- banner不能自訂。連sidebar上要放的widgets都不能自訂。
[T字部]
53. “Tarski" by Benedict Eastaugh and Chris Sternal-Johnson
- A simple and light fluid two-column look with a few color options.
- (阿…看久了上一號,這一號真的救了我的眼睛)
- banner尺寸:720 x 180 pixels
- banner可以自訂圖檔。有navbar,有預設的搜尋框,但藏在最下面,預設的rss icon被拉到navbar裡(但下面也有)。
- 中文顯示非常清楚。
- 放widget的地方有sidebar和footer喔,蠻特別的。
54. “Thirteen" by Becca Wei
- A stylish fixed-width two-column theme in green adorned with interesting flora.
- banner不能自訂。
- 中文顯示部份,文章標題因為粗體+暗橘色顯得有點糊。內文還ok。
55. “Toni" by Chris M.
- A simple and light fluid two-column look with a few color options.
- 一整個靠左對齊。
- 有四種色彩搭配可以選:藍、灰、綠、紫。
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文顯示ok。內文字體偏小但還清楚。「文章標題」字體不比「文章日期」大…
56. “Treba" by Phu Ly
- A simple brown two-column theme that’s easy on the eyes.
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文字體在內文部份有點小,看不大清楚(還是我眼睛累了?)。
57. “Twenty-eight Thirteen" by Eli Foner
- A clean white theme with three columns, minimalist.
- 三欄版型。兩欄sidebar在右側。
- banner無法自訂,也沒有navbar,更沒有預設的搜尋框。
- 中文字體好大好清楚(我的眼睛又活了!),內文行距再高一點就更好了。
- 底色全白。
[U字部]
58. “Unsleepable" by Ben Gray
- A simple two-column theme that appeals to the monochrome amongst us.
- 放widget的地方有兩個,一個是sidebar(右邊),另一個在下半部。
- banne不能自訂,有navbar,沒有預設搜尋框。
- 中文顯示很清楚,不管內文或標題。
[V字部]
59. “Vermilion Christmas" by Christmas WordPress Themes
- A holiday theme with a vivid red and green color scheme.
- totally的聖誕節節慶專用佈景主題。
- 沒有自訂banner,也沒有navbar,也沒有預設的搜尋框。
- 中文字體不大好看。
[W字部]
60. “White as Milk" by Azeem Azeez
- A very minimal two-column theme for those who love dairy.
- 純白的底色,完全沒有色塊。
- banner不能自訂,沒有navbar,也沒有預設的搜尋框。
- 中文顯示還算清楚。
61. “WordPress Classic" by Dave Shea
- The grandfather of two-column fluid width themes just asking for custom CSS.
- 網站名稱的英文是斜體字,我個人不大喜歡。
- 中文字體,內文部份不大好看,是字體選擇的關係嗎?
- 沒有banner自訂圖檔,沒有navbar,沒有預設的搜尋框。
- sidebar被拉高到跟banner一樣高的位置。
[後語]
邊做邊想到可以列出來的還有:
- font-family:醬子就可以知道,到底哪種字型最適合中文字了。
- 還有,剛好我最近的文章都沒有放圖,於是擷圖的時候就沒辦法一起檢視圖片的css長相了。小失誤。
另外:
- 我應該要附上作者的連結才對。告知原作者的動作永遠不嫌多。(終於都加好了)





























































辛苦了….. 很實用的一篇文!
sacofat
2007/08/20 at 22:53
真的很實用耶~ 以後如果有要換theme可以先看看這篇
cy77922cy
2007/08/21 at 09:35
謝謝!謝謝!我真的是花點時間啦。不過這是一勞永逸之事阿~
畢竟後台提供新themes的步調還算挺慢的…
angie
2007/08/21 at 12:06
雖然我沒用wp,但61個….好猛o_o,還是blogspot好~可以自己亂改一通XD
hguei
2007/08/21 at 14:57
哇!真的是辛苦了耶!
非常的實用!而且每篇都還有試用後的筆記,可供人馬上知道優劣的分別!
大感謝~
driad013
2007/08/21 at 16:09
大飽眼福!
想必花了很多時間寫這篇
vsy
2007/08/22 at 02:28
You may like Bogart theme as well.
Zachary
2007/09/25 at 12:23
很棒的一篇文章,真的很仔細還有耐心的測試
hohobear
2010/04/02 at 22:08