教不落更換佈景《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

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

    阿湯 說:

    暫不考慮哦~

  2. 阿湯大大您好

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

    請問大大有沒有遇過呢?

    阿湯說:

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

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

    阿湯說:

    原則上是都相容

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

    阿湯說:

    呵呵,不會釋出哦

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

    阿湯說:

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

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

    阿湯說:

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

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

    阿湯說:

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

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

     

    阿湯說:

     

    那還是適用吧,大部份

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

     

    阿湯說:

     

    佈景不會釋出哦

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

     

    阿湯說:

     

    對呀,文中有寫到

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

     

    阿湯說:

     

    QQ

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

     

    阿湯說:

     

    XD

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

     

    阿湯說:

     

    香港就沒辦法了

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

     

    阿湯說:

     

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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *