樂在信仰中

分享最近讀的、學的、玩的
^

新佈景-JimmyFDesigner

2016-11-02

前言

從前幾年我就在自己撰寫自己的WordPress 的主題了。 之前是第一版的FangJRdesigner ,但我一直不滿意我這個第一版的設計,總覺不夠好看,後來就採用了官方主題。 但是,寫自己的佈景主題仍然是我的夢之一! 如今做成了,大家喜歡嗎?歡迎大家留言告訴我哪裡還可以改進的喔~你們的留言都會成為我下次改版的動力與改變

另外,我也為了這個新佈景主題的來到,我也將一些文章隱藏或者設私密、刪除了,希望能夠帶給大家比較好的閱讀體驗。將比較差的文章拿走,留下好的東西給大家:))

撰寫WordPress 佈景主題需要甚麼技巧呢

說真的,撰寫這個WordPress 的主題真的不難,我想我這麼弱的人都會了,你們一定也都會了! 首先,寫這樣的WordPress 佈景主題只需要有HTML 、CSS 以及PHP的技巧。 夠簡單吧?! 而且也不需要太高深的PHP能力! 因為很多WordPress 都幫你寫好在那裡的,你可以去參考WordPress-codeX,剩下的,就是要學會Google 問題和了解自己的需求~~ 同時,在寫的過程中,可以精進個人對於PHP (尤其Native PHP)的能力! 筆者我就是從這個過程當中練起來的呢! 非常鼓勵大家來寫自己的佈景主題,因為想加甚麼外掛就自己寫、想要長甚麼樣子就自己刻! 這才是Wordpress 的「終極奧義」阿!  擁有非常自由靈活的操作與內容管理!!

JimmyFDesigner?

說真的,原本我是想拿前一版FangJRDesigner 來改的說~ 不過後來引完bootstrap ,卡關了好一陣子~ 另外整個大改也讓我煞費心力~ 於是就決定廢棄原版的FangJRDesinger ,從JimmyFDesigner 出發啦!!!!! 在本次的主題當中,我特別加入最近很紅的bootstrap 框架ㄎㄎ,另外比起很久以前做的主題又多了比較多的後端功能,例如:歷史的這一天、相關文章等。為了響應公益,在404及沒有找到搜尋結果的頁面上加入失蹤人口的frame!!!  希望這些小朋友能早點被找到!!  等下我會介紹這些小功能的><

  • 歷史的這一天(只有在當天有寫過文章的時候才出現!!)
    • 全站
      在以前有歷史的文章,在導覽列旁邊會有個按鈕! 當點開就會出現歷史文章的畫面
      導覽列按鈕點開後頁面如下
      歷史的這一天頁面
    • 文章
      至於文章則會如此顯示
      歷史的這一天文章頁面
  • 相關文章
    參考Goole 來的相關文章函數,另外為了美觀下達了亂數,以標籤為特性產出文章的相關文章
    相關文章
  • 404 協尋兒童
    這真是一個很好的idea 以及響應公益的時候,鼓勵大家如果有個人網站的話一起來加入此專案!
    http://404page.missingkids.org.tw/
    404

特別值得拿來說嘴的……

另外,在這次的設計當中,我在一定程度上活用的bootstrap ,讓整個網站自適應化,在平板、手機上面,利用hidden css 的技術讓偏功能面的siderbar隱藏起來,我相信,在行動裝置上月讀這個網站,會有比較好的閱讀體驗,而不會有太多的雜訊。另外,我其實也蠻歡迎大家來列印我的文章,所以我使用了hidden-print 這個class,好讓列印之後,沒有那麼多東西,而是文章本身(這也大大提醒小弟我要好好寫文章啦~ 汗!)。 另外,小弟也偷偷使用了affix.js 這個東西,真的覺得很不錯用呢呵呵呵

總之,我是蠻滿意我這次的作品的!!!!!!! 呵呵

未來展望

1.學會SASS 來客製化管理Bootstrap

2.寫一個讓人上傳封面照片,可以換掉上面那個圖,提供客製化的選項,本人不太喜歡將這個封面圖片寫死了說…..
小弟找了很久solution 耶~  如果有大大會的話麻煩告訴小弟呀!

附上Github 連結。 歡迎大家下載或者修正

https://github.com/r567tw/JimmyFDesginer

小君曰:「終於寫完了這個佈景主題,希望可以繼續的加油囉!」

 

 

方小君

最喜歡"忠心"這個形容詞。這一生希望完成三件事:寫一本書、站在TED演講並且想要成為福音及各種學科的橋梁,希望自己能從基督教的思考框架出發與各學科傾聽、回應、對話