前幾天又有朋友給我留言說想要我博客的模板。模板給了他，結(jié)果三兩天又來問我這里怎么回事，那里怎么改。這就是我最怕的事，往往要模板的人，都是對模板不太懂的人。我是真沒時間幫他們查代碼，因?yàn)楹芏嗟胤揭驗(yàn)闀r間太久我自己都忘了怎么弄，但還是要硬著頭皮幫忙解決，因?yàn)槲也幌胍驗(yàn)檫@點(diǎn)小事讓朋友不開心。

　　所以呢，我決定還是專門寫一篇文章來教大家如何自己制作模板，比直接送我這個亂模板要好得多。

　　我做模板的方法很簡單，人人都可以學(xué)會。嚴(yán)格的說，我的方法不是制作模板，而是改模板，把別人設(shè)計(jì)好的模板修改一下，背景顏色改一下，加入自己喜歡的一些元素就行了。

　　說實(shí)話，我的博客模板根本不能算好看，因?yàn)槲腋疽膊欢裁丛O(shè)計(jì)、也不懂復(fù)雜的代碼。我記得大概十年前的一天，我站在書店里看了幾個小時的

　　我以前(z-blog1.8)的模板是修改于“心諾的紅色cms主題”，現(xiàn)在(z-blog2.1)的模板是修改于“盧松松的主題”，之所以這次選擇盧松松的主題，是因?yàn)槲矣X得盧松松本身在博客

　　我在原模板的基礎(chǔ)上改動很小，只改了幾處而已。高手可能一小時就能搞定，但是我最后卻用了大概一周的時間。原因是每一個地方我都會試著換各種顏色來看一看效果，有時候改了后面又覺得跟前面的不太協(xié)調(diào)，再返回來調(diào)整。

　　很多時候我測試了十多種不同效果，最后發(fā)現(xiàn)其實(shí)就是第一種才是最好的，這時候有些人可能覺得這十多種測試是多余的，是在浪費(fèi)時間。其實(shí)完全不是的，沒有這些“多余的”測試，我們怎么能證明第一種是最好的呢?

　　我覺得，為自己的博客或者網(wǎng)站設(shè)計(jì)一個心儀的模板，花上一周甚至更長點(diǎn)的時間是值得的。我們雖不能滿足所有人的審美觀，但至少自己看著是舒服的，以后我們給博客添加內(nèi)容才會更有動力，更持久。付出越多，才會越珍惜，才會更努力把它做好。

　　下面開始講我改模板的方法，如果你也不愿意用跟別人一樣的千篇一律的主題，想讓博客哪怕有那么一點(diǎn)點(diǎn)自己的個性，那么，請跟我一起來學(xué)習(xí)如何用最簡單的方法讓博客變得與眾不同吧!

　　一.選主題

　　我們不可能從0開始完全自己設(shè)計(jì)一個主題，那對我們來說難度太大了，最佳的方法應(yīng)該是下載一個現(xiàn)成的主題，然后我們在這個現(xiàn)成主題的基礎(chǔ)上進(jìn)行修改。

　　你的博客可能是z-blog，也可能是wordpress或者別的，不管是什么博客程序，出于安全和規(guī)范方面的考慮，我建議大家只用官方驗(yàn)證過的主題，亂七八糟網(wǎng)站提供的免費(fèi)主題盡量不要安裝，要防患于未然。

　　有時候我們很難選到一套完全讓自己滿意的主題，沒關(guān)系，那就選一套相對比較滿意的吧!別太糾結(jié)細(xì)節(jié)問題，以后可以慢慢完善。

　　二.改顏色

　　把下載的主題安裝好，預(yù)覽一下，如果顯示都正常，我們就可以開始對主題進(jìn)行“手術(shù)”啦!

　　首先要“開刀”的，也是最重要的部分，就是改變主題的整體顏色。

　　大家看我現(xiàn)在的這個模板，看上去是不是跟盧松松的博客差很多，如果我不說的話，可能一般人也看不出是修改至盧松松的模板。

 

　　雖然跟原模板反差非常大，但我改動的地方其實(shí)很少。之所以變化這么大，最重要的就是改變了整體色調(diào)。就像我們穿的衣服，如果你只是在衣服上繡了幾朵花，別人還是能看出是原來那件衣服，但如果你把原來的白衣服染成黑色的，別人就很難看出還是同一件衣服了。所以說，制作個性模板最重要的一步就是——改變模板的主色調(diào)。

 

　　現(xiàn)在大部分的模板網(wǎng)頁，顏色等各種屬性都是由CSS控制的，我們想改顏色，又不太懂CSS該怎么辦呢?我給大家推薦一個好用的工具。

　　遨游、Chrome、火狐這些瀏覽器在網(wǎng)頁上點(diǎn)擊鼠標(biāo)右鍵都有一個選項(xiàng)叫“審查元素”，我修改模板的秘密武器就是它。(我最喜歡用遨游)

　　“審查元素”的作用是幫助我們定位網(wǎng)頁元素，并且可以直接調(diào)整和修改這些元素，網(wǎng)頁上會同步顯示修改后的效果。

　　我們在網(wǎng)頁想要修改的地方右鍵選擇“審查元素”，在出現(xiàn)的窗口中，就會看到控制這個地方的所有CSS屬性，試著把屬性后面的“對號”去掉，看看頁面發(fā)生了什么變化，這樣就可以知道各元素的功能是什么了。

　　在網(wǎng)頁背景的地方使用“審查元素”功能，很容易就可以找到設(shè)置背景顏色的CSS值。雙擊后就可以修改。

　　多換幾種不同顏色，看哪種顏色自己最喜歡(如果不懂顏色代碼，可以百度搜索一下“顏色代碼表”)。選好顏色后，我們再進(jìn)入博客后臺修改模板，因?yàn)閯偛盼覀冎皇窃诰W(wǎng)頁的“審查元素”中修改的顏色，而沒有修改模板文件。所以我們要打開模板中的CSS文件，把測試好的顏色在CSS中修改一下，這回就大功告成了。

　　同樣的方法，我們還可以把博客頭部，文章列表，側(cè)欄等區(qū)域的顏色進(jìn)行修改。

　　三.調(diào)整字體和段落

　　有些人喜歡讓文章中的字體大一些，行與行之間的間距大一些，讓文章看起來更清爽干凈;當(dāng)然也有人喜歡小一些的字體，或者其他特色的文字和鏈接顏色。這些也都可以通過“審查元素”進(jìn)行調(diào)試，調(diào)試好后再進(jìn)入博客模板中的CSS文件進(jìn)行修改。

　　四.修改圖片

　　博客的LOGO和一些廣告圖片，根據(jù)自己的喜好修改一下吧!

　　五.增刪模塊

　　博客的側(cè)欄是很重要的一個區(qū)域，一般我喜歡在這里加上QQ訂閱列表和重要的廣告。也有人喜歡在這里推薦電子書和重要的文章列表。你喜歡在側(cè)欄放置什么模塊，就去博客后臺設(shè)置一下吧!新版的z-blog修改側(cè)欄很方便，不用改代碼，直接拖拽就行了。

　　六.調(diào)試

　　以上的每一步，都不是一氣呵成的。每改動一個地方，就要刷新預(yù)覽一下，這樣如果出現(xiàn)什么錯誤可以當(dāng)時就發(fā)現(xiàn)。別怕麻煩，看著自己的博客一步步變成自己理想中的樣子，其實(shí)是件挺有趣的事。

　　經(jīng)過以上的幾個步驟，你的博客模板應(yīng)該會變得連原作者都不認(rèn)識了。洗根黃瓜，然后坐下來慢慢欣賞自己的杰作吧!

　　我介紹的，其實(shí)是很笨的方法，只適用于跟我一樣不懂設(shè)計(jì)，不懂代碼，又想讓自己的博客與眾不同的人。有人可能會說，直接花錢找專業(yè)的人做一個不就行了。其實(shí)找別人做，跟你下載網(wǎng)上的模板是一樣的，可能很好看，但還是沒有你自己的個性。如果再來回溝通修改，時間成本就更高了。

　　“審查元素”這個功能絕對是站長的好幫手，大家在以后修改自己的網(wǎng)頁和“抄襲”別人的網(wǎng)頁時，一定要多加利用。