Facebook粉絲團 Google+ Twitter推特 Email訂閱 RSS訂閱

低調一點

[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:

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

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



  • ZH

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

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

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

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

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

  • 寫佈景超難
    我中途放棄四次了哈哈

  • s3131212

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

    • img {
      max-width: 600px;
      height: auto;
      }

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

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

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

      • s3131212

        就跟Google+一樣,完全沒有考慮寬螢幕使用者的心聲XD

        • 管他的 (大誤)

          • Guest

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

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

  • 鄭慎弘

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

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

    • 我沒有~咕嘿嘿
      因為懶惰

      • 鄭慎弘

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

  • 可以考慮用 Font Awesome 來取代圖示,另外就是可以考慮一路 Flat 到底 XD

    • 阿~我對css不懂
      圖示是還好
      以後再改就好

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

  • 簡單就是美
    期待這個版本的自適應佈景
    加油!

    • 謝謝讚賞(痛哭流涕)
      RWD 我得多看看教學才能嘗試寫寫看 o(〒﹏〒)o

无觅相关文章插件,快速提升流量