fbpx

教不落更換佈景《ScoV7.0》HTML5架構、藍色Windows Phone風格

先前從ScoV5.0改版至ScoV6.0大約是經過了一年,原以為惰性會讓我再過一年再改版,不過很快的只經過了4個月就進入WordPress佈景《ScoV7.0》,其實原本只是想要做點小改版,但一時興起改了東又想改西,一不小心東南西北的改了一大堆,這次的改版基本上是延續了6.0的HTML5架構,並依自己的一些想法改變了使用上的一些介面設計,也強化了在平板上瀏覽的便利性,當然有不少內容我自己覺得是一些巧思設計,這次改版究竟有哪些重點變化,往下來看看。

02

WordPress佈景「ScoV7.0」小檔案:

作者網站:https://steachs.com/
作者:阿湯
備註:這次的7.0原則上不會釋出,就別來跟阿湯要檔案囉

首先最上方的header換了一個白磚牆的背景圖,而原先放置728的橫幅廣告也拿掉,改成放置網站分頁及推薦分類,這二者選單都可以在後台自訂選單中調整,這樣做可以將網站的一些重要分類拉出後,突顯出網站的內容走向。

第二點則是規劃出三格廣告區,可以不定期的放送一些重要訊息,這個idea是從好友Werboy那抄來的,我們感謝他。

03

而左側文章列表的部份,僅稍做一些配色上的調整,並將第一篇文章下面的廣告加框線,隔開第一篇最新文章。

右側的部份則是這次的最大變化,Windows Phone的選單介面,這個靈感是來自最近買的Windows Phone手機,發現這樣的介面在操作上是相當方便,一時興起就覺得如果側邊欄也能做成類似的東西,不僅看起來簡潔乾淨,也能大幅減少雜亂元素,側邊欄就更乾淨一些,原先有點亂,請大家自己去按看看囉。

04

文章分類因為也歸進選單後,不需要因為空間限制而再用下拉式選單,找分類並不是太方便,因此阿湯也花了一點時間將文章分類改成樹狀列表。

05

底部的部份也只剩下贊助廠商及網站資訊,而且網站上的元素大部份圓角都已經改成方角。

06

內文也只有做了一些微調,另外將很會拖慢網站速度的無覓相關外掛改為這樣的相關外掛,速度快且也美觀。

07

另外在分類頁的上方加入了顯示子分類列表,比如點擊最上層分類時,如果他的下層還有分類就會顯示下一層在這裡,在選擇分類時較有延伸性。

08

最後大幅修改的就是友站連結頁面,原先阿湯是來者不拒一律加入,到最後加了100多個,但我覺得似乎不太好,直接就大刀闊斧砍光光,重新建立頁面,並以標題就推薦的方式加入,不過這次並不提供交換,阿湯只放上好友的網站或是覺得不錯的網站,跟曾經交換連結過的朋友說聲抱歉囉。

09

這次改版的幅度其實不小,除了上面介紹的內容之外,還調整了不少內容,也許有人喜歡,也許有人不喜歡,都沒關係,阿湯都很樂意你提出意見,畢竟很難有一樣東西是可以讓大家完全獲得共識,不是嗎?最後再送上一次sco的歷程。

01

你可能對這些內容也有興趣

阿湯 作者:阿湯

對電腦 & 網路資訊充滿興趣與熱情、瘋了似的每日堅持發文,「阿湯」這個名字是由湯姆克魯斯而來的,雖然我沒有他帥氣,也不會演電影,但我會寫文章....

更多關於的文章》

33 個留言

  1. Avatar hong表示:

    阿湯…如果要你設計一個佈景 大約多少錢?

    阿湯 說:

    請透過聯絡表單洽詢

  2. Avatar hong表示:

    請問能跟湯購買ScoV7.0?

    阿湯 說:

    現在佈景都沒釋出了哦,也不販售

  3. Avatar hugo表示:

    湯姆克魯斯帥哥:
    竟然帥哥您都有這套sco7了
    為何不熱心提供sco6呢?
    期待帥哥您釋出喔!

    阿湯 說:

    暫不考慮哦~

  4. Avatar 林威廷表示:

    阿湯大大您好

    請問留在這個版可以嗎?
    我把兩個wordpress網站搬家之後
    都出現了這樣的情形
    若是打上完整網址 http://www.dimi.tw/studio/ 就會出現白屏
    若是只打上 dimi.tw/studio 就可以正常使用,但還是進不去後台
    只要有出現www 就會無法執行
    查遍了國外論壇也沒有這類的討論

    請問大大有沒有遇過呢?

    阿湯說:

    也可能跟你網址設定有關係 (dns)

  5. Avatar 小歐表示:

    感覺很漂亮喔
    看起來變得更簡潔了呢XD
    jQuery跟Javascript是同一種的吧?
    會不會有些瀏覽器不支援呢?
    (雖然chrome完美支援)

    阿湯說:

    原則上是都相容

  6. Avatar MAC表示:

    愿意出价购买这个主题,可以联系么?

    阿湯說:

    感謝厚愛,非賣品

  7. Avatar 盆盆罐罐表示:

    阿汤,这个主题(你们叫布景)好看得不得了啊,不知道支不支持简体中文,当然能释出就更好了,哈哈

    阿湯說:

    呵呵,不會釋出哦

  8. Avatar 蒼時弦也表示:

    M$ 要推廣 Win 8 為何不路邊發光碟跟序號(敲碗

    阿湯說:

    XD~~

  9. Avatar 表示:

    越來越不想來看
    6.0不放就算了
    7.0也不放~ 還在叫囂要推廣

    阿湯說:

    請給我一個理由要將做過的佈景都釋出,推廣 WP 和釋出自己的佈景是二碼子事吧,這位仁兄,在我的WP佈景裡還有很多釋出的~而且推廣啥時變成用叫囂的了…

  10. Avatar 哥特复兴表示:

    很漂亮的主题。。。

    阿湯說:

    謝謝..

  11. Avatar max表示:

    請教湯哥
    右邊那個windows phone 的芒果選單是外掛嗎?
    因為我發現跟綠色工廠是相同的效果
    是什麼外掛呢?

    阿湯說:

    那不是外掛,是自已弄的jQuery效果,綠色工廠是阿湯好友,所以提供給他參考使用,其它不對外提供,謝謝

  12. 可以給我嗎?拜託~~
    sky880319@gmail.com

    阿湯說:

    不釋出哦,文內有寫

  13. Avatar 80designer表示:

    想請問一下左邊那個浮動的share是外掛還是佈景主題的?

    阿湯說:

    佈景

  14. Avatar jazh28表示:

    你好,不知道是否有計劃要賣這樣的佈景呢
    謝謝

    阿湯說:

    自用的佈景不販售哦~如果需要客製化請透過聯絡表單聯繫

  15. Avatar Kevin表示:

    想請問若想學習製作WP佈景(html5)
    看pseric翻譯的電子書
    不知是否OK
    想說那個電子書已經有一段時間了…

     

    阿湯說:

     

    那還是適用吧,大部份

  16. Avatar Nano表示:

    我想問右側的WP選單介面,你是用什麼語言寫的?

     

    阿湯說:

     

    jQuery

  17. Avatar Allen表示:

    可以教一下那個Windows Phone特效是怎麼做的嗎?就幫忙一下嘛!tks

    阿湯說:

    自已研究囉

  18. Avatar neesam表示:

    真棒的主題~ 每次都有新創意!!

    阿湯說:

    謝謝

  19. Avatar ga009900表示:

    友站連結沒有我 XDDD

    阿湯說:

    看心情在加的….

  20. Avatar test表示:

    網站的icon看起來很像是「散」

     

    阿湯說:

     

    呵呵

  21. Avatar Event表示:

    這個佈景主題真是棒…

     

    阿湯說:

     

    謝謝

  22. Avatar ㄚ倫表示:

    昨天參加簡報比賽順手上來您的網站,真的設計的很精緻!而且……旁邊的Windows Phone的方格子越看越漂亮(突然心動XDD)

     

    阿湯說:

     

    佈景不會釋出哦

  23. Avatar tommy5ol表示:

    不錯喔,支持

     

    阿湯說:

     

    謝謝

  24. Avatar Gglkk表示:

    會改成這樣,大概也是受到Windows Phone「HTC Titan泰坦機」的營想吧!

     

    阿湯說:

     

    對呀,文中有寫到

  25. Avatar Kate表示:

    我看到右邊欄的那個樣式
    有一種自我催眠我正在使用HTC的感覺…

     

    阿湯說:

     

    QQ

  26. Avatar 倡萌表示:

    支持阿汤 呵呵呵

     

    阿湯說:

     

    感謝

  27. Avatar 分享元素表示:

    这个感觉不错呀!

     

    阿湯說:

     

  28. Avatar goofy表示:

    右側的轉換特效好讚!!!!

     

    阿湯說:

     

    嗯嗯

  29. Avatar HD表示:

    COOL
    側邊欄點了的效果真不錯
    不過我大概是熱鍵用多了,
    還以為按1 會是最新文章
    2是最新留言XD…

     

    阿湯說:

     

    XD

  30. Avatar ShareGBiz表示:

    參照你建議的方法清除網站快取, 問題已經沒有出現了.
    另外可能是網絡的問題吧~ 因為本人身處在對岸的關係 (香港), 有時瀏覽台灣地區的網站時會過慢, 但遠至美國則很快 @@”

     

    阿湯說:

     

    香港就沒辦法了

  31. Avatar ShareGBiz表示:

    首先讚一下佈景設計得不錯, 繼續努力!
    不過比較之前進入網站時慢了很多, 差不多一分鐘還沒出現網誌圖示及文字走位情況很嚴重. (使用 Firefox 及 Chrome 測試, 不過 IE 則沒有問題)

     

    阿湯說:

     

    大部份人測試都是比之前快哦,另外我不知道為什麼你會有走位嚴重,我自身是用chrome及firefox完全沒有你講的情況~你可能要先清除網站快取再試試~我已經請我週遭朋友都試過了

  32. Avatar 好手表示:

    阿湯哥都吊人胃口
    亨亨亨

     

    阿湯說:

     

    吊啥

  33. Avatar ThisMan表示:

    沙发,右侧的WP导航很炫!

     

    阿湯說:

     

    謝謝啦

發表留言 »

姓名(*)
信箱(*)