fbpx

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

2012/04/03 WP-themes(佈景)

先前從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. hong表示:
    2015 年 02 月 25 日21:58:24

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

    阿湯 說：

    請透過聯絡表單洽詢

  2. hong表示:
    2015 年 02 月 24 日20:42:38

    請問能跟湯購買ScoV7.0?

    阿湯 說：

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

  3. hugo表示:
    2013 年 08 月 30 日18:59:44

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

    阿湯 說：

    暫不考慮哦~

  4. 林威廷表示:
    2012 年 11 月 13 日05:48:44

    阿湯大大您好

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

    請問大大有沒有遇過呢？

    阿湯說：

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

  5. 小歐表示:
    2012 年 11 月 08 日14:43:55

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

    阿湯說：

    原則上是都相容

  6. MAC表示:
    2012 年 11 月 07 日23:47:12

    愿意出价购买这个主题，可以联系么？

    阿湯說：

    感謝厚愛，非賣品

  7. 盆盆罐罐表示:
    2012 年 09 月 28 日10:02:20

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

    阿湯說：

    呵呵,不會釋出哦

  8. 蒼時弦也表示:
    2012 年 09 月 20 日17:33:21

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

    阿湯說：

    XD~~

  9. 哀表示:
    2012 年 09 月 20 日17:00:34

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

    阿湯說：

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

  10. 哥特复兴表示:
    2012 年 09 月 07 日16:38:57

    很漂亮的主题。。。

    阿湯說：

    謝謝..

  11. max表示:
    2012 年 08 月 19 日09:01:05

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

    阿湯說：

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

  12. Teach IT教學網站 teachit.mooo.com表示:
    2012 年 07 月 12 日20:30:40

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

    阿湯說：

    不釋出哦，文內有寫

  13. 80designer表示:
    2012 年 07 月 10 日14:59:20

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

    阿湯說：

    佈景

  14. jazh28表示:
    2012 年 06 月 08 日02:52:47

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

    阿湯說：

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

  15. Kevin表示:
    2012 年 05 月 15 日20:13:13

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

     

    阿湯說：

     

    那還是適用吧,大部份

  16. Nano表示:
    2012 年 05 月 13 日06:37:25

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

     

    阿湯說：

     

    jQuery

  17. Allen表示:
    2012 年 04 月 30 日17:56:21

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

    阿湯說：

    自已研究囉

  18. neesam表示:
    2012 年 04 月 23 日18:57:15

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

    阿湯說：

    謝謝

  19. ga009900表示:
    2012 年 04 月 16 日00:33:19

    友站連結沒有我 XDDD

    阿湯說：

    看心情在加的….

  20. test表示:
    2012 年 04 月 06 日10:54:25

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

     

    阿湯說：

     

    呵呵

  21. Event表示:
    2012 年 04 月 05 日12:36:44

    這個佈景主題真是棒…

     

    阿湯說：

     

    謝謝

  22. ㄚ倫表示:
    2012 年 04 月 04 日12:46:46

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

     

    阿湯說：

     

    佈景不會釋出哦

  23. tommy5ol表示:
    2012 年 04 月 04 日12:37:42

    不錯喔,支持

     

    阿湯說：

     

    謝謝

  24. Gglkk表示:
    2012 年 04 月 03 日21:10:13

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

     

    阿湯說：

     

    對呀,文中有寫到

  25. Kate表示:
    2012 年 04 月 03 日19:57:16

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

     

    阿湯說：

     

    QQ

  26. 倡萌表示:
    2012 年 04 月 03 日18:50:42

    支持阿汤 呵呵呵

     

    阿湯說：

     

    感謝

  27. 分享元素表示:
    2012 年 04 月 03 日17:46:47

    这个感觉不错呀!

     

    阿湯說：

     

    呵

  28. goofy表示:
    2012 年 04 月 03 日15:40:03

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

     

    阿湯說：

     

    嗯嗯

  29. HD表示:
    2012 年 04 月 03 日15:33:35

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

     

    阿湯說：

     

    XD

  30. ShareGBiz表示:
    2012 年 04 月 03 日13:10:00

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

     

    阿湯說：

     

    香港就沒辦法了

  31. ShareGBiz表示:
    2012 年 04 月 03 日12:31:02

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

     

    阿湯說：

     

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

  32. 好手表示:
    2012 年 04 月 03 日11:54:59

    阿湯哥都吊人胃口
    亨亨亨

     

    阿湯說：

     

    吊啥

  33. ThisMan表示:
    2012 年 04 月 03 日11:22:09

    沙发，右侧的WP导航很炫！

     

    阿湯說：

     

    謝謝啦

發表留言 »

姓名(*)
信箱(*)

↑