iT邦幫忙

第 12 屆 iT 邦幫忙鐵人賽

DAY 1
2
自我挑戰組

WordPress 客製化從 0 開始系列 第 1

Day 1 為什麼學 WordPress

大家好,我是 Eric。
參加鐵人賽是受到小說家卜洛克《小說的八百萬種寫法》所啟發,你沒看錯,我是因為寫小說的書而決定參加鐵人賽。
即便是個寫作數十年經驗的小說家,卜洛克仍是堅持一天寫 5 頁小說:不貴多,貴在有恆。

為什麼要學 WordPress

不同於其他前後端框架,WordPress 安裝完後就是一套完整的產品了,因此對於初學者來說,學習 WordPress 在第一步就會得到相當大的正向回饋。
由於 WordPress 是目前世界上市占率最高的內容管理系統 (CMS),因此不管是商業,或是社群的支援都相當龐大。
最後,因為 WordPress 的社群組成相較於其他社群更為多元,所以在面對問題時,有很大的機會可以得到不同領域的解決方法。

如何進行 WordPress 客製化

我自己對於 WordPress 客製化的定義是:

為網站增加無法透過既有外掛、佈景主題「單獨實現」的功能。

換句話說,不僅是直接修改程式碼,透過多個外掛實現的組合技也屬於客製化的範疇。
而這一系列《WordPress 客製化從 0 開始》,其實是根據我透過客製化 WordPress 網站,逐步學習當代網站 (modern web) 開發知識所整理的筆記。因為是筆記的性質,雖然我也會嘗試從「從 0 開始」的角度去調整,但有時候或有艱澀難懂的地方,也希望看到的人不吝指教。如果有留言指正的地方,我基本上一定會看過,並斟酌改進。

目錄架構

雖然有個傳言「寫完目錄,感覺就像已經完賽了」,但是對於我這種突然想報名的人來說,我反而「決定把緒論留在最後寫」。

為了要達成上述目的,本系列文章將涵蓋 4 個小子題:

  • WordPress 的佈景主題架構與 HTML
    • HTML 的語意化標籤
    • 其他常用標籤
    • 中繼資料 (meta) 與靜態資源
  • WordPress 樣式客製化與 CSS
    • 樣式介紹與佈景主題架構
    • CSS 選擇器:基本篇
    • CSS 選擇器:進階篇
    • CSS 樣式:版面配置 (flex)
    • CSS 樣式:版面配置 (grid)
    • CSS 樣式:標題與字型
    • CSS 樣式:「這裡空間大一點」
  • WordPress 樣式客製化與 JavaScript
    • JavaScript 基礎:變數與函式
    • JavaScript 基礎:DOM 與 jQeury
    • JavaScript 基礎:函式庫與視窗捲動動畫 (animation on scroll)
    • JavaScript 基礎:網頁動畫函式庫 GSAP
    • JavaScript 基礎:製作投影片輪播 (slider)
  • WordPress 內容客製化與 PHP

報名鐵人賽雖然主要是要培養自己寫作的習慣,
但藉由這一系列的文章,希望為自己這陣子學習 WordPress 的心得,
做一個總結。


下一篇
Day 2 用 WordPress 了解 HTML5 語意化標籤
系列文
WordPress 客製化從 0 開始30

1 則留言

0
baiyuan
iT邦新手 4 級 ‧ 2020-09-03 16:22:36

Eric 讚啦。

我要留言

立即登入留言