煉鋼廠大改版

幾乎是整個翻過來了啊!
之前的版面其實我就很不滿意了,但想要到改版面,要一整個都換過來就覺得很懶.... orz


在母親節前夕終於卯起來把它換了。
目的是要提升本文(main)的載入速度,還有可以方便我們排放各式元件。
配合也要讓整體看起來更柔和。


Template:


七欄式模板 - 伊斯法罕

OurBLOGGERTemplates 站找到的。

這系列版面已經隱藏了導覽列,也增加了許多網頁元素的空位(我不用自己再去修改空位)。
此外,側邊欄也都在右側和下面,這樣在載入時就可以讓 main 先載好。


而且 main 這邊的寬度還不錯,完全符合我們的想法!
因為鐵媽不喜歡暗色調,所以我們最後選擇了這個看起來比較古樸又柔和的模板!

使用了這個 Template 後,有幾項必須要修改:

1. 快速編輯鈕不見了解決方式

2. 內嵌編輯回應也不見了解決方式


我想其他同系列的七欄模板大概都有這兩個問題 XD
不過照上面 Q&A 的修改,很容易就可以完成。

外掛

1. 繼續閱讀功能

發現一個懶人包,支援三種模式:繼續閱讀懶人加強版 (超好用的)
完全取代之前使用的繼續閱讀功能,還有 [+/-] 收合功能 hack。



2. 最新回應

換成在LVCHEN的外掛 2.0。
功能比原本煉鋼廠使用的強大的多,但是載入的速度也稍慢。我是覺得還蠻值得的啦。



Blogger hack:

1.[Blogger] 為blogger 每則留言繡上數字(Numbering comments)

2.回應區加對話框
並根據作者回應,也配上不同的底色。

3. 作者回應:
作者和一般回應的標示區別 (Author comment highlighting) - Abin's Tech Note

4. 修改預設字體 :以避免一開始 post 的字太小。


5. 讓側邊列 (Sidebar) 的元件能夠展開和摺疊 (Element Toggling)
目前只摺疊一個,之後會視情況把需要的都摺起來~~


未解問題:

1. Link List:

目前網站連結的部分還沒加回去,得一個個重加啊.... QQ
不知有沒有比較好的備份方法 @@?

2. Blogger 的回應功能比較弱,有考慮用 DISQUS

不過不曉得原本的留言會不會不見...
看網路上的說明,還要改回應部分的程式碼。
由於目前我在回應區這一部分已用了三個 hack ,程式碼已經很亂了... 啊,有時間再來想吧~~~


也請大家給新版的煉鋼廠一些意見囉 ^^
(為了載入速度,我們把軌道、噗浪和留言版都放到最下面去了,煩請大家到最下面留言囉 ^^")
Share on Google Plus

About 賴大鐵


    Blogger Comment
    Facebook Comment

20 意見:

  1. 好厲害@@
    我曾經雄心壯志要搞懂blogger(我算是google fans)
    結果....還是.....放棄了.........orz

    回覆刪除
  2. 連進來,若能快
    比較好,佶也就
    不用等,太久喔

    回覆刪除
  3. 鐵爸真厲害!!!
    我的改版可能要等我退伍了吧XD

    我也想來Blogger,自由多了
    但一樣...等我退伍吧XD

    回覆刪除
  4. 新的版面還不賴喔!!
    Blogger就是有這個好處...Free Style!! :D

    回覆刪除
  5. 感覺還不賴^__^
    大翻版 辛苦了

    回覆刪除
  6. to 迷也 & 豬拔 & 阿晟

    謝謝囉 ^^
    但 Free 的代價就是要動手改的地方很多.... QQ

    而且如果好幾個類似的 hack 要一起加的話,就要調整程式碼了... orz

    最好還是先整理要哪些功能,然後換版面砍掉重練時,就用 "懶人包" 之類的先把功能一口氣弄出來。
    剩下的再找 hack 來慢慢修囉 ^^"

    回覆刪除
  7. to 佶也,

    速度也是我們的一個考量哦 ^^
    真的快了不少吧 ;)

    回覆刪除
  8. 好....好棒喔~~~~~
    這個板面好!!
    簡潔明亮^^
    恭喜鐵爸~^^
    上面的小鐵好可愛喔~>w<(大心)
    之前的版面都要跑很久...雖然小鐵的大臉很可愛..
    這個好^^鐵爸真厲害~

    回覆刪除
  9. to 蚊子,

    謝謝蚊子的支持囉 ^O^
    版面上的小鐵是我和鐵媽一起完成的呢!
    速度上這次也改善很多,之前的我們真的覺得太慢了,哈 ^^"

    回覆刪除
  10. 很舒服的版面:)我喜歡!^^

    回覆刪除
  11. 哇嗚...改版以後真的好看好多喔~
    厲害^^

    回覆刪除
  12. 這個版改的不錯耶~簡單乾淨~呵呵~推一個啦! ^^

    回覆刪除
  13. 貼心的格子主人
    版面.很清爽舒服^^

    回覆刪除
  14. 版面真亮眼~
    讓織心一上線就趕緊跑來看看ㄟ~

    回覆刪除
  15. 謝謝各位囉 ^^
    看來新版大家還滿意呢 ~~~

    接下來就是效能的調校 XDD

    回覆刪除
  16. 改版面真的是一個大工程~
    我也是對我的版面不滿意...
    想重新弄一個~
    不過...真的太懶了 Orz
    鐵大的版面很不錯唷~ :D

    回覆刪除
  17. 謝謝皮老~~
    這個真的要一口氣做下來,不然實在沒啥動力說 ^^"

    回覆刪除
  18. 懂程式就是有這個好處
    我就只能套好別人做的..>.<

    回覆刪除
  19. to 喬伊斯

    這是因為 blogger 比較陽春啦 XD
    但它提供不少可以改造的地方,所以就手工打造了。
    有時連一些基本功能也要自己加 orz

    回覆刪除

Related Posts Plugin for WordPress, Blogger...