前幾天又有朋友給我留言說想要我部落格的模板。其實跟我要模板的人以前也有不少，但我給的人卻不多。並不是我捨不得，而是我的模板一般人真的是用不了。別人跟我要模板，我總是跟他們說，我的模板是自己改的，非常亂，除了我自己幾乎沒人能用。 但是，既然是喜歡我這個模板的，不管我怎麼說，他們肯定還是想要。 尤其是朋友，我不得不給。模板給了他，結果三兩天又來問我這裡怎麼回事，那裡怎麼改。這就是我最怕的事，往往要模板的人，都是對模板不太懂的人。我是真沒時間幫他們查程式碼，因為很多地方因為時間太久我自己都忘了怎麼弄，但還是要硬著頭皮幫忙解決，因為我不想因為這點小事讓朋友不開心。 所以呢，為了節省大家和我的寶貴時間，我決定還是專門寫一篇文章來教大家如何自己製作模板，比直接送我這個亂模板要好得多。 我做模板的方法很簡單，人人都可以學會。嚴格的說，我的方法不是製作模板，而是改模板，把別人設計好的模板修改一下，背景顏色改一下，加入自己喜歡的一些元素就行了。 說實話，我的部落格模板根本不能算好看，因為我根本也不懂什麼設計、也不懂複雜的程式碼。我記得大概十年前的一天，我站在書店裡看了幾個小時的電腦入門書，那上面教人怎麼撥號上網，怎麼用word和windows的畫圖程式，最後又介紹了一點HTML的基礎知識，我的有限的關於網頁程式碼的知識就是那天學到的一點皮毛。我覺得程式碼方面，我們完全不必做到精通，只要會現用現查就行了。 我以前(z-blog1.8)的模板是修改於“心諾的紅色cms主題”，現在(z-blog2.1)的模板是修改於“盧鬆鬆的主題”，之所以這次選擇盧鬆鬆的主題，是因為我覺得盧鬆鬆本身在部落格運營方面是專家，因此會比那些只懂設計的人多考慮很多使用者體驗方面的細節，而且盧鬆鬆在主題的下載頁中已經說明，允許下載者隨意修改主題資訊。 我在原模板的基礎上改動很小，只改了幾處而已。高手可能一小時就能搞定，但是我最後卻用了大概一週的時間。原因是每一個地方我都會試著換各種顏色來看一看效果，有時候改了後面又覺得跟前面的不太協調，再返回來調整。 很多時候我測試了十多種不同效果，最後發現其實就是第一種才是最好的，這時候有些人可能覺得這十多種測試是多餘的，是在浪費時間。其實完全不是的，沒有這些“多餘的”測試，我們怎麼能證明第一種是最好的呢? 我覺得，為自己的部落格或者網站設計一個心儀的模板，花上一週甚至更長點的時間是值得的。我們雖不能滿足所有人的審美觀，但至少自己看著是舒服的，以後我們給部落格新增內容才會更有動力，更持久。付出越多，才會越珍惜，才會更努力把它做好。 下面開始講我改模板的方法，如果你也不願意用跟別人一樣的千篇一律的主題，想讓部落格哪怕有那麼一點點自己的個性，那麼，請跟我一起來學習如何用最簡單的方法讓部落格變得與眾不同吧! 一.選主題 我們不可能從0開始完全自己設計一個主題，那對我們來說難度太大了，最佳的方法應該是下載一個現成的主題，然後我們在這個現成主題的基礎上進行修改。 你的部落格可能是z-blog，也可能是wordpress或者別的，不管是什麼部落格程式，出於安全和規範方面的考慮，我建議大家只用官方驗證過的主題，亂七八糟網站提供的免費主題儘量不要安裝，要防患於未然。 有時候我們很難選到一套完全讓自己滿意的主題，沒關係，那就選一套相對比較滿意的吧!別太糾結細節問題，以後可以慢慢完善。 二.改顏色 把下載的主題安裝好，預覽一下，如果顯示都正常，我們就可以開始對主題進行“手術”啦! 首先要“開刀”的，也是最重要的部分，就是改變主題的整體顏色。就像我們穿的衣服，如果你只是在衣服上繡了幾朵花，別人還是能看出是原來那件衣服，但如果你把原來的白衣服染成黑色的，別人就很難看出還是同一件衣服了。所以說，製作個性模板最重要的一步就是——改變模板的主色調。 現在大部分的模板網頁，顏色等各種屬性都是由CSS控制的，我們想改顏色，又不太懂CSS該怎麼辦呢?我給大家推薦一個好用的工具。 遨遊、Chrome、火狐這些瀏覽器在網頁上點選滑鼠右鍵都有一個選項叫“審查元素”，我修改模板的祕密武器就是它。(我最喜歡用遨遊) “審查元素”的作用是幫助我們定位網頁元素，並且可以直接調整和修改這些元素，網頁上會同步顯示修改後的效果。 我們在網頁想要修改的地方右鍵選擇“審查元素”，在出現的視窗中，就會看到控制這個地方的所有CSS屬性，試著把屬性後面的“對號”去掉，看看頁面發生了什麼變化，這樣就可以知道各元素的功能是什麼了。 在網頁背景的地方使用“審查元素”功能，很容易就可以找到設定背景顏色的CSS值。雙擊後就可以修改。 多換幾種不同顏色，看哪種顏色自己最喜歡(如果不懂顏色程式碼，可以百度搜索一下“顏色程式碼表”)。選好顏色後，我們再進入部落格後臺修改模板，因為剛才我們只是在網頁的“審查元素”中修改的顏色，而沒有修改模板檔案。所以我們要開啟模板中的CSS檔案，把測試好的顏色在CSS中修改一下，這回就大功告成了。 同樣的方法，我們還可以把部落格頭部，文章列表，側欄等區域的顏色進行修改。 三.調整字型和段落 有些人喜歡讓文章中的字型大一些，行與行之間的間距大一些，讓文章看起來更清爽乾淨;當然也有人喜歡小一些的字型，或者其他特色的文字和連結顏色。這些也都可以通過“審查元素”進行除錯，除錯好後再進入部落格模板中的CSS檔案進行修改。 四.修改圖片 部落格的LOGO和一些廣告圖片，根據自己的喜好修改一下吧! 五.增刪模組 部落格的側欄是很重要的一個區域，一般我喜歡在這裡加上QQ訂閱列表和重要的廣告。也有人喜歡在這裡推薦電子書和重要的文章列表。你喜歡在側欄放置什麼模組，就去部落格後臺設定一下吧!新版的z-blog修改側欄很方便，不用改程式碼，直接拖拽就行了。 六.除錯 以上的每一步，都不是一氣呵成的。每改動一個地方，就要重新整理預覽一下，這樣如果出現什麼錯誤可以當時就發現。別怕麻煩，看著自己的部落格一步步變成自己理想中的樣子，其實是件挺有趣的事。 經過以上的幾個步驟，你的部落格模板應該會變得連原作者都不認識了。洗根黃瓜，然後坐下來慢慢欣賞自己的傑作吧! 我介紹的，其實是很笨的方法，只適用於跟我一樣不懂設計，不懂程式碼，又想讓自己的部落格與眾不同的人。有人可能會說，直接花錢找專業的人做一個不就行了。其實找別人做，跟你下載網上的模板是一樣的，可能很好看，但還是沒有你自己的個性。如果再來回溝通修改，時間成本就更高了。 “審查元素”這個功能絕對是站長的好幫手，大家在以後修改自己的網頁和“抄襲”別人的網頁時，一定要多加利用。
原作者： 蛋蛋空間