iT邦幫忙

鐵人檔案

第 12 屆 iT 邦幫忙鐵人賽
回列表
自我挑戰組

WordPress 客製化從 0 開始 系列

WordPress 作為目前市佔率最高的內容管理系統 (CMS),坊間不乏相關以「非程式背景」為目標客群的書籍與課程。這次的客製化從 0 開始,則是整理自己作為 WordPress 初學者的經驗,透過客製化 WordPress,逐步掌握當代網站的基礎技術。

鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 1 為什麼學 WordPress

大家好,我是 Eric。 參加鐵人賽是受到小說家卜洛克《小說的八百萬種寫法》所啟發,你沒看錯,我是因為寫小說的書而決定參加鐵人賽。 即便是個寫作數十年經驗的小說...

2020-09-02 ‧ 由 Eric 桓桓 分享
DAY 2

Day 2 用 WordPress 了解 HTML5 語意化標籤

大家好,我是 Eric。 在開始學習當代網站開發時,必須先瞭解,當代的網站開發, 是以 HTML(5)+CSS(3)+JavaScript(ES5/ES6) 為...

2020-09-03 ‧ 由 Eric 桓桓 分享
DAY 3

Day 3 從 WordPress 看其他 HTML 標籤

大家好,我是 Eric。 上一篇文章中,我們先看到負責管理頁面架構的語意化標籤。 今天,我們再進一步了解跟「內容」有關的 HTML 標籤,以及 HTML 中的屬...

2020-09-04 ‧ 由 Eric 桓桓 分享
DAY 4

Day 4 用 WordPress 了解 head 記載的中繼資料及靜態資源

大家好,我是 Eric。 第二天與第三天的內容,都是針對 <body> 中的標籤做的說明。顧名思義,<body> 中記載的內容,就是會直...

2020-09-05 ‧ 由 Eric 桓桓 分享
DAY 5

Day 5 WordPress 樣式客製化與 CSS:樣式介紹與佈景主題架構

大家好,我是 Eric。 第二到第四天的文章中,我們透過觀察 WordPress 佈景主題的檔案,了解了基本的 HTML 5 架構與語意化標籤。接著,在骨架完成...

2020-09-06 ‧ 由 Eric 桓桓 分享
DAY 6

Day 6 用 WordPress 佈景主題學 CSS 選擇器:基本篇

大家好,我是 Eric。 昨天我們正式進入佈景主題的核心之一,CSS。除了內嵌樣式之外,在網站開發時,最常用的仍然是 CSS 檔案,以及 <style&g...

2020-09-07 ‧ 由 Eric 桓桓 分享
DAY 7

Day 7 用 WordPress 佈景主題學 CSS 選擇器:進階篇

大家好,我是 Eric。 昨天文章的最後,丟出了幾個問題,沒有辦法透過基本的選擇器來完成,又或者說,要透過基本選擇器來完成會變得非常麻煩。以「我的表格想要偶數列...

2020-09-08 ‧ 由 Eric 桓桓 分享
DAY 8

Day 8 從 WordPress 看 CSS 樣式:版面配置 (flex)

大家好,我是 Eric。 一般在學習 CSS 的時候,都會從較簡單的樣式開始,例如字型顏色 (color)、字型系列 (font-family) 等。但今天,我...

2020-09-09 ‧ 由 Eric 桓桓 分享
DAY 9

Day 9 用 WordPress 看 CSS 樣式:版面配置 (grid 與 @media)

昨天我們說明了 flex 以直線為排列單位的配置樣式。今天,我們要再來進一步的探討 grid 這種版面樣式。 display: grid; 事實上,grid 的...

2020-09-10 ‧ 由 Eric 桓桓 分享
DAY 10

Day 10 用 WordPress 了解 CSS 樣式:標題與字型

大家好,我是 Eric。 前兩天分享了 CSS 的基本版面配置方式,以及媒體查詢 (media query) 的實作方法。今天,我們就回到 CSS 的入門篇章:...

2020-09-11 ‧ 由 Eric 桓桓 分享