[Wordpress] 自用主題 iLowkey - 第一次寫佈景真的超難

因為之前有人瘋狂抄襲本站佈景...弄得我整個很火大...我知道我的創意十足!個人審美觀非常棒!所以改出來得佈景也相當漂亮!為了避免再跟其他人重複使用相同主題(或是沒有主題版權受損害無處可抱怨與宣洩),我自己原創一個 Wordpress 佈景主題 - iLowkey,也就是現在大家看到的這個黑白佈景! :wink:

screenshot.png


其實這個佈景的成功要歸功於 友站的「免費 WordPress 佈景主題開發指南電子書」,
而這個佈景的失敗則來自於我自己的無能為力(炸),從這份電子書可以清楚了解到基本的 wordpress 佈景主題應有的函數與構造,只是感覺後面的部份寫的有點趕,何謂有點趕?前半段的部份講解函數很豐富也給了實際例子的使用,但後半段就開始有趕火車的現象,這導致初次碰網頁語言的人會無法看懂意義,雖然要寫個 Theme 本來就應該要有基礎的 Coding 能力...但是我...沒有這能力阿(燦笑),不過我還是積極的努力的改寫改寫改寫,調整調整調整,最後把自己喜歡的因素套用到網頁上,就變成了現在低調一點的佈景主題 - iLowkey。 :grin:

在這個佈景中主要大變動與特色有:


1. Logo:我一直很想換掉醜醜的 Logo ,所以這一次就設計了另一個宅宅的 Logo,偷偷用艾路 A_A :idea:
logo.png


2. 黑白簡潔風:低調一點不走鮮豔配色,有灰綠與黑白兩選擇,現在先推出黑白風格,會選用黑白風格主要原因是我本人綽號除了 zkm、KM外,就是 Panda (熊貓),因此將 blog 調整為 Panda 風! 反選文字顏色選用綠色主因則為竹葉感覺~
3. 使用多種 CSS 語法:為求豐富自己的佈景,邊調整邊設計CSS全部自己來,還沒問過別人= =||,至於用了哪些 CSS 語法,就是各位眼睛看到的幾乎都是= =||
ilowkey-20130827002.png


4. 右上角社群按鈕:雖然不是多好看的圖示,不過這次把圖示往上提而不是放在側邊,感覺不是很常用到這些按鈕,為了平衡整體 blog 的框架感覺右上角擺點東西比較好!
ilowkey-20130827004.png


5. 手機佈景:待開發,因為我也是第一次碰...還在摸索中!但我會嘗試去開發 mobile 用的佈景主題! :evil:

還有其他寫的很簡略很醜陋的部分就請各位低調朋友們多多包涵...(為了不再讓我自己受到他人抄襲的騷擾,所以我自己開發自己的佈景)當然未來我相信會越寫越熟,只要有教學可以看,其實大家都可以嘗試寫出自己的佈景(話說佈景可以賣錢耶~商機 $____$)

最後如果喜歡我寫的佈景~請大力按讚支援一下 (΄ಢ◞౪◟ಢ‵)◉◞౪◟◉)

留言

  1. 酷黑,能自己動手的人都很厲害,只能膜拜了!

    回覆刪除
  2. 辛苦了~~
    網頁一更新發現變成黑黑的一片 XDD
    連 LOGO 都變成艾路
    其實... 我比較喜歡之前那一版小小的鮮豔 (羞

    回覆刪除
  3. 但我比較喜歡這一版耶 XD
    因為自己創作(東抄抄西抄抄)
    這艾路我想...我來惡搞一下好了 @_@
    用輪撥的方式 A///A

    回覆刪除
  4. 好厲害!!
    像我這種廢物宅只能等人放出來的Theme套用..
    希望以後也可以寫出自己的佈景> <
    那麼晚了,床在等你唷XD

    回覆刪除
  5. 寫佈景超難
    我中途放棄四次了哈哈

    回覆刪除
  6. 說真的,用1920x1080瀏覽實在很寬,用手機瀏覽的話圖片會悲劇,用max-width設定一下圖片最大寬度
    (我會知道是因為這些問題就是之前我曾經被Yuxin修正的錯)

    回覆刪除
  7. img {
    max-width: 600px;
    height: auto;
    }

    本來裡面就已經有設定了~科科
    我手機會用另一個獨立佈景
    不會直接用這一個,目前還沒有寫好所以手機瀏覽會是這一個沒錯

    回覆刪除
  8. 多敲一點鍵盤就會變成技術宅(?)
    等到你的佈景因為漂亮而被抄襲並且無處可發洩與抱怨時
    你就會開始積極的寫自己的佈景了 A_A

    回覆刪除
  9. 不過我是真的沒考慮到寬螢幕的人瀏覽的心情
    因為我沒有使用到寬螢幕阿(燦笑)

    下版有機會再改~累了(飄)

    回覆刪除
  10. 幹嘛輪播我? 當然是zkm的"倫理"照片阿~~

    回覆刪除
  11. 青出於藍沒聽過麻? zkm就是你了! XD

    回覆刪除
  12. (擊掌~)
    為啥要擊掌呢?因為我也是看那篇教學寫出來的啊XD
    http://d055273blog.twbbs.org/

    我的Blog,不過我還有自己RWD

    回覆刪除
  13. 就跟Google+一樣,完全沒有考慮寬螢幕使用者的心聲XD

    回覆刪除
  14. 套用一個我和朋友的對話
    ==================朋友:你這裡有點太寬了不好看
    我:難道這樣我會被罰錢或是判刑嗎?(茶
    ==================

    回覆刪除
  15. 我又不是這麼牛的人
    第一次寫佈景當然會有缺陷囉
    科科
    而且我這人本來就是 願者上鉤~
    你想看就看~不想看走掉也無妨

    回覆刪除
  16. RWD真的會有點想死...
    我也是第二個佈景(目前這個DaStyle2.1)RWD才比較OK

    回覆刪除
  17. 可以考慮用 Font Awesome 來取代圖示,另外就是可以考慮一路 Flat 到底 XD

    回覆刪除
  18. 阿~我對css不懂
    圖示是還好
    以後再改就好

    回覆刪除
  19. 你都調得這麼棒了,還不懂 CSS,那看來我的 CSS 等級大概是白癡了 XDD(不過 FontAwesome 要處理好,不少網站用 FontAwesome 沒處理好,Firefox 都會炸掉)

    回覆刪除
  20. 簡單就是美
    期待這個版本的自適應佈景
    加油!

    回覆刪除
  21. 謝謝讚賞(痛哭流涕)
    RWD 我得多看看教學才能嘗試寫寫看 o(〒﹏〒)o

    回覆刪除

張貼留言

這個網誌中的熱門文章

[中文化交流] Apk 改之理 + ConvertZ 輕鬆將簡體 APK 轉繁體