445IT之家
首頁 運營策劃 推廣優化 網上賺錢 站長新聞 網站制作 站長雜談 網頁制作 服務器 編程 電腦相關 論壇
您現在的位置:首頁 >> 網頁制作 >> 網頁設計 >> 內容

不用學代碼也可制作博客模板

時間:2013/6/18 18:11:23 點擊:

  核心提示:前幾天又有朋友給我留言說想要我博客的模板。模板給了他,結果三兩天又來問我這里怎么回事,那里怎么改。這就是我最怕的事,往往要模板的人,都是對模板不太懂的人。我是真沒時間幫他們查代碼,因為很多地方因為時間太久我自己都忘了怎么弄,但還是要硬著頭皮幫忙解決,因為我不想因為這點小事讓朋友不開心。  所以呢,我...

    前幾天又有朋友給我留言說想要我博客的模板。模板給了他,結果三兩天又來問我這里怎么回事,那里怎么改。這就是我最怕的事,往往要模板的人,都是對模板不太懂的人。我是真沒時間幫他們查代碼,因為很多地方因為時間太久我自己都忘了怎么弄,但還是要硬著頭皮幫忙解決,因為我不想因為這點小事讓朋友不開心。

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

  我做模板的方法很簡單,人人都可以學會。嚴格的說,我的方法不是制作模板,而是改模板,把別人設計好的模板修改一下,背景顏色改一下,加入自己喜歡的一些元素就行了。

  說實話,我的博客模板根本不能算好看,因為我根本也不懂什么設計、也不懂復雜的代碼。我記得大概十年前的一天,我站在書店里看了幾個小時的電腦入門書,那上面教人怎么撥號上網,怎么用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修改側欄很方便,不用改代碼,直接拖拽就行了。

  六.調試

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

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

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

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

作者:不詳 來源:網絡
發表評論
  • 大名:
  • 內容:
評論列表
  • 好站推薦
  • 笑死人不償命的笑話
  • 文章閱讀網
  • 關于愛情的句子
  • 好句子大全
  • 最新個性簽名
  • 英語作文帶翻譯
  • 傷心網
  • 汽車之家報價
  • 汽車之家論壇
  • 汽車改裝網
  • 汽車改裝網
  • 汽車銷量排行榜
  • SUV銷量排行榜
  • SUV銷量排行榜
  • 汽車排行榜
  • 本類推薦
    • 沒有
  • 網站介紹 | 投稿指南 | 廣告合作 | 聯系我們 | 又問必答
  • 445IT之家(www.lbegpf.tw) © 2018 版權所有 All Rights Reserved.
  • 冀ICP備:05024815號
  • Powered by 445IT之家
  • 内蒙古十一选五走势图下载