《從零開始學架站佈景篇》尋找及更換WordPress佈景主題

古云:『佛要金裝,人要衣裝』,當然網站也是要穿網裝啦!什麼網裝,就是佈景主囉,先前在架設完Wordpress後是不是感覺外觀不是那麼的合胃口,沒錯,今天就來換個佈景吧!讓你的Wordpress部落格也穿上漂漂亮亮的衣服吧!站長將介紹幾個可以抓佈景的網站以及更換的方法哦。

佈景哪兒找?

現在的網路那麼發達,其實什麼東西都是在搜尋引擎KEY個關鍵字就出來一大堆了,不過說實在的,Wordpress的佈景主題基本上都是丫多仔設計製作的比較多,當然外國人不會用什麼中文的字型,風格也和我們亞洲人有落差,所以要找到自己喜歡的真的有點困難,不過站長也是介紹幾個網站讓你抓佈景可以比較有方向。

首先第一推的網站當然就是Wordpress的官網啦:

http://wordpress.org/extend/themes/

官網上有寫到,目前共有622個佈景主題,不過要從這622個裡面找也是要靠耐心一點一滴,一個一個預覽慢慢看才能找到一個符合自己想要的佈景主題,先來介紹官網的預覽功能及下載:

點選圖片進入佈景的介紹頁面,或者在右邊就有一個Download可以點擊下載佈景

01

點擊紅色的框框是Download下載佈景主題,綠色的框框是Preview預覽佈景主題,當然都是要先給他預覽一下的呀。

02

點擊預覽後就會像下圖一下,出現佈景主題套用後的範例頁給你看看,有喜歡再下載,這就是所謂的購物台最愛講的,有滿意就帶回家吧!!在這個預覽的頁面上,右上角也會有一個Download供你點擊下載佈景,所以像官網的預覽下載功能真的是很方便。

03

看完了官網的佈景主題預覽及下載的介紹後,免不了要多介紹幾個下載的地方啦!香腸兄架設的《免費的喘息》http://sofree.tw/index.php

這個論壇中介紹的一些佈景,有些是已經中文化的,免去了日後自行中文化的麻煩,因為站長前面有說了,大部份的佈景主題都是"丫多仔"製作的,所以幾乎都是英文的啦,在這裡可以找到一些中文的佈景主題哦!

外國的佈景主題站,也是一大堆:http://www.wpthemesfree.com/

這個站台也是有預覽的功能,跟Wordpress官網雷同,點擊圖片進去介紹頁,按下TEST預覽,喜歡再按Download囉!

上傳佈景及安裝:

站長就用目前使用的佈景《iNove》做安裝教學吧,為什麼選這個佈景呢?這佈景內多語系,對初架不會自己修改成中文佈景的人是一套很好上手的佈景,加上介面清爽,真的是不錯用的一個佈景。

選定好佈景後下載解壓縮然後再利用FTP軟體 上傳到WordPress的資料夾/wp-content/themes/裡面

04

再到Wordpress的後台中啟用,(在後台中一樣可以先預覽佈景再啟用哦)外觀→佈景主題→點選你要啟用的佈景縮圖

05

點選縮圖後就會出現像在官網下載時預覽的畫面再點擊右上有一個小小的字眼啟用『iNove』

06

就會看到目前主題變更為剛剛啟用的iNove佈景,如此一來就更換完成,趕緊回到首頁看看換好的佈景吧!

07

是不是和預設的佈景看起來就是不一樣呢,整個有像部落格的感覺了,接下來就是要開始後台的一些設定及外掛安裝等等,讓你的Wordpress更加完善,更方便你個人使用哦!

往後要更換佈景大致上流程就是下載,傳到佈景資料夾,啟用不過如果日後安裝一些外掛有修改到佈景時,每換一次佈景就必需再去修改一一次哦,所以建議各位在第一次挑佈景時就趕緊先挑好一個自己非常滿意的,日後再利用修改PHP及CSS來讓你的佈景耳目一新吧!

08

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

8 個留言

  1. Avatar Ms.Wu表示:

    常常會有佈景主題不相容的問題,尤其是具有圖片輪播效果的佈景主題,非常困擾,請問該怎麼解決呢?謝謝

    阿湯說:

    這要看佈景主題,每個都有不同

  2. Avatar Ms.Wu表示:

    不好意思,Wordpress官網裡的佈景主題有很多我無法使用,格式會完全亂掉,我下載的是Wordpress的正體中文版,想請問如何解決,謝謝

    阿湯說:

    你指的格式是?

  3. Avatar sam表示:

    感恩, 改成UTF8就可以了

    阿湯說:

    嗯嗯

  4. Avatar sam表示:

    請教一下,

    我download一個英文的佈景主題, 部分英文我想改為中文, 因此我修改sidebar.php的部分英文字改為中文, 但顯示出來為亂碼, 請問是什麼問題?

    部分程式碼如下 : Featured Video => 改為 特色影片

    Featured Video
    <param name="movie" value="http://www.youtube.com/v/&hl=en&fs=1&rel=0&border=1“>

    新手留, 謝謝

    阿湯說:

    檔案編碼要改成 utf-8

  5. 之前我也用過 iNove,覺得質感還不錯,不過現在比較常用 Artisteer了。 我的網站也開箱文介紹

    阿湯說:

    我都自己做

  6. Avatar 表示:

    給版主:
    上回的問題我已經知道解答了!!
    對於CSS的修改…應該不用!!
    在這裡介紹給你另一個解決方案
    利用JavaScript 讓IE6模擬成IE7
    建議您發表個新文章,讓還不知道的人多多了解喔^^
    網址: IE6 顯示png圖檔的問題

    IE6 顯示png圖檔的問題 – Yahoo!奇摩知識+

    附註:
    內容提到

    改掉原本網頁中 PNG 圖檔網址的路徑為新的 *-trans.png 圖檔的路徑

    這個部份個人覺得不必要,因為只要在原先下載的IE7.js中把 -trans 去除,就可以省去大半修改檔名的時間,在這裡提供給版主做參考!!

    阿湯說:

    相信很多人都需要這個,我有空試一下寫一篇讓更多人知道,謝謝你的分享

  7. Avatar 表示:

    不好意思…我又有問題了 :as90
    問題是:為甚麼在Firefox看的和IE看的佈景結果有差異

    在Firefox看的情況圖

    在IE看的情況圖

    附註:我使用的是IE6

    阿湯說:

    IE6對於標準的css支援性很低

    在IE6很多網頁都是有問題,要自己修改css

  8. Avatar 真空成型表示:

    謝謝教學

    阿湯說:

    不客氣,歡迎常來

發表留言 »

姓名(*)
信箱(*)