2008年5月19日 星期一

改造版面甘苦談

這次綸太郎閒閒沒事又開始改版面,繼1月底0與1謎詭世界換新版面後,又過了3個多月,其實原先的版面我自己並不是很中意,不過他的功能性很不錯,但整體風格看起來稍顯硬了些,雖然我是寫網路資訊方面的文章,但並不希望自己的版面太過僵硬與呆板,其實版面的設計我並不擅長,通常是參考他人的網站,再根據網路上所提供的模板改造而成,只是用了好多模板,總覺得大同小異,和別人相同的模板,會讓我覺得無力。


網友改造版面的基本功就是要備份自己的模板,尤其在換新模板前,我自己的經驗是我都會對照IE與Firefox呈現的畫面,尤其IE常會有問題,對很多Java Script或是語法不相容而產生錯誤,常常在Firefox看起來沒問題,但是在IE下瀏覽不是畫面停住或是空白,不然就是出現黃色小三角錯誤訊息,所以要裝Blogger Hacks前一定要備份原始的模板,不然痛苦重裝的就會是你自己,改版面不要偷懶,尤其在blogspot.com設站的版主要有這種自覺,除非你的Hacks和外掛本來就很少,常常改來改去沒啥大不了,像我的就很麻煩,不過常常改造,也就駕輕就熟了。

以我自己改版的經驗,首先就是要備份未改造前的模板,再來還有下面這些東西要備份。
‧ 網站敘述meta及專屬的網址icon語法。
‧ 各種追蹤碼或驗證碼,例如Google Analystic、MyBlogLog追蹤。
‧ 各種外掛小工具,留言版、twitter、聯播程式碼、計數器及Hacks等等。
‧ 特定html裡的程式碼,例如Code(程式碼區)、引用區塊(blockquote),如果你先前已有自己設計的格式。
‧ 網址連結,建議不要使用官方的連結清單,而用HTML/JavaScript來製作你的網站連結,否則一改版,又要一個一個輸入,如果你的好友連結有很多,你會很累的。
‧ 頁尾關於網站的版權及設計來源,有做這部分的記得備份。

其實這些都可以從你申請的工具上獲得,但是如果沒有備份,你還要一個一個到這些你利用工具的網站再擷取程式碼,是很累人的,所以有一份自己的備份清冊是很重要的,像我自己會做有一份程式語法的備份(Html語法) ,及小工具外掛(網頁元素)的備份清單,當然如果你不是在Blogspot.com架設網站就會輕鬆許多,只是現階段這些準備功夫還是建議你可以做,會讓你的改版更輕鬆一點,如果有更好的方式,希望網友也能留言建議。

這次的模板是參考Our Blogger Templates網站裡的Blogger Template: Leftin


對原始模板有興趣的可以上他的網站去下載,這個網站之前綸太郎也有介紹過,原先的名稱是Dzelque Blogger Templates,網址也不一樣,http://dzelque.blogspot.com/,他現在申請了專用域名網址,也改了網站名稱,可以參考我先前寫過的New blogger template---多國語言版的模板網站,他以前對IE的支援度不佳,但最近試用,情況有改善許多,不過初學者還是不建議用,而且以前有提供多國語言的翻譯,現在也取消了這項功能。


不過你可以發現我現在的版面和原始的模板差異很大,因為我自己改了許多地方,看不太出來原先的設計,最主要是幫每個網頁元素的標題加上自己喜歡的圖案,並在每篇文章最後加上歡迎訂閱的文字及圖案,以後會陸續寫下版面改造的心得文章,另外也要整理一下網站的大綱,作份索引目錄,畢竟已經累計了百多篇的文章,有時自己找文也很麻煩。

網站改版也是讓自己再努力寫文章的動力來源,有時因為世事紛擾心情鬰卒或是沒有靈感寫下文章時,不妨換個版面調整下心情,也能激發寫文章的idea呢!

12 則留言:

  1. 除非有重大或很棒的功能讓我想改外,現在我能不改就偷懶了,真佩服您常更新版面。

    回覆刪除
  2. 不用佩服啦,只是興趣而已,我才佩服你的觀察力,我這人很駑鈍,不太開竅。

    回覆刪除
  3. 你会不会觉得回复时要输入验证码很烦、很费时间!
    请取消吧!

    我这些天也在重新弄模板! 你能帮我吗?
    你知道QQ吗? 请加我QQ号: 519509868

    我也是闽南语!

    回覆刪除
  4. 驗證碼是必須的,阻止廣告留言,我沒有使用QQ。

    回覆刪除
  5. 導覽列如何放置在最右邊呢?最上面那一塊區域那邊

    回覆刪除
  6. http://i283.photobucket.com/albums/kk302/lonyice/a.png

    就如上面連結裡的顯示,我看到變那樣...
    我的解析度是預設1280*1024

    不知道是發生什麼問題

    回覆刪除
  7. 才一上來就發現新版面,真的有新氣象的感覺。我覺得比之前那個好看,推!綸太郎要不要做個改版面的專輯,不然我還真不知道如何著手,頂多會改個套色.....

    回覆刪除
  8. To 匿名,你可以參考Skyvee.net所介紹的文章,在blogger(blogspot) 標題列下加入一個水平列的功能選單(menu bar)。

    To 龍,很感謝你的提醒,正在修改當中。

    To 遊戲點子,上次那個標題分兩欄的,放棄了嗎?其實這樣就好了,可以放上背景圖片也是不錯的,專輯不敢,可以分享看看,因為我也是瞎搞胡搞,很多解析度的配合度也是不佳,半瓶醋而已。

    回覆刪除
  9. 不好意思喔...

    我想問...
    就是那些外掛小工具(網頁元素)
    該怎麼備份呀...

    (模板的知道了)

    可以的話,就跟我說吧~~


    (你的網站很好,good!!)

    回覆刪除
  10. 我是用土法,把每個外掛程式碼複製貼到Word上去,新模版時再新增網頁元素,一個一個貼上。

    回覆刪除
  11. 您的最後一行話我相當認同~
    版面確實是寫文章的動力來源呢...
    其實網路上許多高手設計的模板都相當好看,我個人也非常喜歡,但是就這麼使用現成的就是讓我覺得少了些寫文章的feel...所以一直堅持版面要自己設計...(笑)

    回覆刪除
  12. 繼續堅持吧,這就是Blogger的自由度,很有成就感吧,互相加油。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能