鐵人檔案
WordPress 作為目前市佔率最高的內容管理系統 (CMS)，坊間不乏相關以「非程式背景」為目標客群的書籍與課程。這次的客製化從 0 開始，則是整理自己作為 WordPress 初學者的經驗，透過客製化 WordPress，逐步掌握當代網站的基礎技術。
大家好，我是 Eric。參加鐵人賽是受到小說家卜洛克《小說的八百萬種寫法》所啟發，你沒看錯，我是因為寫小說的書而決定參加鐵人賽。即便是個寫作數十年經驗的小說家，...
大家好，我是 Eric。在開始學習當代網站開發時，必須先瞭解，當代的網站開發，是以 HTML(5)+CSS(3)+JavaScript(ES5/ES6) 為主軸...
大家好，我是 Eric。 上一篇文章中，我們先看到負責管理頁面架構的語意化標籤。 今天，我們再進一步了解跟「內容」有關的 HTML 標籤，以及 HTML 中的屬...
大家好，我是 Eric。 第二天與第三天的內容，都是針對 <body> 中的標籤做的說明。顧名思義，<body> 中記載的內容，就是會直...
大家好，我是 Eric。 第二到第四天的文章中，我們透過觀察 WordPress 佈景主題的檔案，了解了基本的 HTML 5 架構與語意化標籤。接著，在骨架完成...
大家好，我是 Eric。 昨天我們正式進入佈景主題的核心之一，CSS。除了內嵌樣式之外，在網站開發時，最常用的仍然是 CSS 檔案，以及 <style&g...
大家好，我是 Eric。昨天文章的最後，丟出了幾個問題，沒有辦法透過基本的選擇器來完成，又或者說，要透過基本選擇器來完成會變得非常麻煩。以「我的表格想要偶數列跟...
大家好，我是 Eric。一般在學習 CSS 的時候，都會從較簡單的樣式開始，例如字型顏色 (color)、字型系列 (font-family) 等。但今天，我們...
昨天我們說明了 flex 以直線為排列單位的配置樣式。今天，我們要再來進一步的探討 grid 這種版面樣式。 display: grid; 事實上，grid 的...
大家好，我是 Eric。 前兩天分享了 CSS 的基本版面配置方式，以及媒體查詢 (media query) 的實作方法。今天，我們就回到 CSS 的入門篇章：...
