WordPress 主題製作學習筆記:學前準備

WordPress 主題製作學習筆記

 

最近都在忙著學習 WordPress 主題的製作,我將會在這個系列文章裏記錄我的 WordPress 主題製作學習筆記,這篇就是記錄主題製作之前應該做的準備事項。那麼,我們在開始製作主題前,需要做些什麼準備呢?如果你跟我一樣是個主題製作新手,那麼首先我推薦你先看看 WordPress 主題教學WordPress 主題製作實例這兩篇 PDF 電子書。

 

接下來,你應該下載 XAMPP 這套軟體,如此你就能在自己的電腦裏搭建一個像虛擬主機的環境,這樣方便我們在本機裏安裝 WordPress 並且在調試主題時能夠馬上看到主題的變化。

另外,你還應該準備一套編輯程式碼的編輯軟體,Windows 本身附帶的記事本(notepad)實在太過陽春,在這裡我個人推薦 notepad++

基本上,要學習製作 WordPress 主題,不太需要熟悉 PHP,不過你至少要對 HTML 和 CSS 這兩種網頁編輯程式碼有點認識,線上教學我推薦 MUKICSS 教學W3school 的教程;如果你跟我一樣喜歡看工具書的話,那麼,我兩年前已經介紹過這兩類程式語言的書籍了,你可以考慮購入。

 

有了這麼多的資源之後,相信你跟我一樣都躍躍欲試的想馬上製作主題,對嗎?可是,就在這裡碰壁了,因為不曉得 WordPress 主題函式該怎麼寫,畢竟是菜鳥,沒辦法像其他高手一樣立刻行動。還記得我在一開始要大家先參考的 PDF 電子書嗎?就是第二篇的「WordPress 主題製作實例」那篇,如果你有下載檔案,並且已經解壓縮了,你就可以看到裡頭除了電子書的 PDF 檔案之外,還有一個 sample 資料夾,那裡面包含了所有主題必備的檔案,你可以使用那些檔案來改寫。

除了上述的範例主題檔案之外,你還可以跟我一樣選擇使用主題框架,我曾經推薦過 Hybrid,但其實我自己使用的是 Sandbox,因為你可以只透過 CSS 簡單變化主題樣式。不過很可惜,Sandbox 目前已經沒有繼續更新了,所以我另外找了一個也相當不錯的空白主題 Blank WordPress Theme,這個空白主題完全支援後台 Widget 側邊欄,並且支援留言嵌套功能,目前成為我的主題框架首選。

 

做了以上這麼多準備之後,我們就可以正式開心的來學習製作 WordPress 囉!請各位期待下次的學習筆記吧 🙂

 

 

文by覺非/終於正式開始學習製作主題 🙂

<========簽名檔分隔線開始=========>

飛翔於文字國裏的蝴蝶,我是愛寫文的女子,不要看我的人,請你看看我的文,那裡面全是我的心.和我想對你說的話……

StartOver.回。到。原。點 https://carrielis.com

<========簽名檔分隔線結束=========>

This Post Has 13 Comments

  1. 我就是沒有根據模板來修改,而是從0開始自己寫,結果卡在評論了,哎~

    學習了。

    but不知道為何,XAMPP我電腦裝不了。鬱悶吶~ 😥

  2. @夏影残雪: 哇,你好厲害,居然能夠自己從零開始寫呢!不過會卡在評論那邊,可能是因為函數的關係吧,可以參考官網的 code 喔!因為自 2.7 版之後,就支援嵌套回覆了,所以評論那裡的函數有變的關係吧~

    我提供的 XAMPP 不需要安裝啊~是免安裝的多國語言版本喔!你直接解壓縮放在 D 槽裏即可(只要不是系統槽就可以了)。

  3. 我推薦一套 BitNami WordPress, 本地安裝 WAMP 連 WordPress 都裝好了. 但語言檔就要自己動手.

  4. @willin: 呵,好難得看到你來,多謝你的推薦,我會看看你說的這套軟體,因為我是使用 WINDOWS 的系統,所以這套軟體說不定更適合,尤其在本地調試主題的一些功能時,常常會產生一些效果無法使用,你介紹的這套 WAMP 應該是針對 WIN 系統的吧?

    語系檔不是問題,多 Google 即可 🙂

  5. 加油呀~!! ((不知道為何一看到theme文就會異常興奮的人))

    我也很建議是自己從自寫的html做切分喔!!! 這樣寫到最後錯亂的機會會小很多的!! 😳

  6. @Kana: 呵,真的很多自己做主題的朋友們都認真建議還是自己寫主題比使用主題框架好,會比較有概念,以後要做新主題也更有經驗。我也知道,不過完全沒有PHP基礎的我,真的對那些函數很頭大啊~但,我會努力學習、盡量克服的 🙂

  7. 其實一開始就從寫HTML開始就好 就單純的把想要的樣式寫成純html 那些討厭的函數就把它想成一個一個的標籤 想要甚麼功能 在官網找到code後把他丟進去就好~!! 有興趣大家研究研究((整個熱血沸騰啊~~~~))

    阿對了!! 另外想問Carrie的是….你是有購買獨立IP嗎???

    我發現我的網站在拿掉代理後…..就完全得無法在內地訪問了……….但你的還行耶!!!!>//<

  8. @Kana: 所以妳是推薦從 HTML 開始寫整個主題的佈景,然後再慢慢轉換成 WordPress 的 PHP 函數囉?我還不知道可以這樣做耶~呵呵,我孤陋寡聞了 😛

    好啊,一起研究吧!如果我遇到什麼問題,搜尋不到解決方法,再請教妳喔 😮

    我沒有購買獨立 IP 啊~我的主機空間是跟百元虛擬主機網購買的,但網域名稱我是之前使用 G 型主機時請它們代購的,一直沿用至今。妳說的問題我還真不知道怎麼會這樣耶 😕

  9. 嗯……我之前留的…..是被判定為垃圾了嗎????? ((哭哭))

  10. @Kana: 妳之前留了什麼?我沒在垃圾留言區看到有任何留言耶 😕

  11. 您好:
    WordPress 主題製作實例–>這本pdf電子書無法下載了,麻煩您幫忙看一下好嗎?如果可以下載了,再通知我,感謝您!

    1. 這我不清楚耶,嗯,最近沒在管這些事情,我有看到你的 mail add, 我找看看我這裡還有沒有電子檔,有的話,我有空寄給你~

發佈留言

Close Menu