v 改造版面甘苦談 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...