iT邦幫忙

鐵人檔案

第 12 屆 iThome 鐵人賽
回列表
自我挑戰組

WordPress 客製化從 0 開始 系列

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

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

Day 11 用 WordPress 看 CSS 樣式:「這裡空間大一點」

大家好,我是 Eric。 昨天我們介紹完 CSS 中與字型有關的樣式,在了解這些樣式屬性後,其實我們已經看得懂超過一半以上的 Twenty Twenty 佈景主...

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

Day 12 了解 WordPress 的 CSS 編碼標準及 SCSS/Sass

大家好,我是 Eric。 我們今天來到了 CSS 篇章的最後一部份,關於 CSS 的編碼標準及 SCSS/Sass。如同我們在 HTML 的編碼標準裡提到的,這...

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

Day 13 從 WordPress 了解 JavaScript 的變數與函式

大家好,我是 Eric。 今天,我們要正式進入「程式語言」的領域。在此之前的 HTML,充其量只是語法,缺乏了語言的特性。要能稱得上語言,必須要具備發展出演算法...

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

Day 14 用 WordPress 看 JavaScript:DOM 與 jQuery

大家好,我是 Eric。 為了要探討 WordPress 客製化中的 JavaScript,今天要來說明 DOM 與 jQuery。透過了解 jQuery,我們...

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

Day 15 用 WordPress 製作隨視窗捲動的動畫 (animation on scroll)

大家好,我是 Eric。 前兩天介紹了 JavaScript 的基本觀念,今天我們將嘗試透過 WordPress 引入 JavaScript 函式庫,製作出可以...

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

Day 16 用 WordPress 為網站增加動畫效果:GSAP

大家好,我是 Eric。 昨天介紹了在 WordPress 中加入 Animation on Scroll 的效果,並說明如何用 wp_enqueueu_scr...

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

Day 17 用 WordPress 製作投影片輪播 (slider) 效果

大家好,我是 Eric。 今天來跟大家分享社群上詢問度相當高的主題:投影片輪播 (slider/carousel)。 為什麼學投影片輪播? 許多業主喜歡向廠商提...

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

Day 18 用 WordPress 看 JavaScript 非同步處理與 AJAX

大家好,我是 Eric。今天要來介紹 JavaScript 比較進階的運用方式:非同步 (asynchronous) 處理。JavaScript 是一種直譯式語...

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

Day 19 WordPress 對 JavaScript 的編碼標準

大家好,我是 Eric。 今天,就是 JavaScript 篇的最終章。和以往一樣,我們要來說明 WordPress 對 JavaScript 要求的編碼標準。...

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

Day 20 WordPress 客製化從 1 開始:子佈景主題與 PHP

大家好,我是 Eric。 昨天我們用 JavaScript 的編碼標準為當代網站開發的三大基礎收尾,今天,我們要進入「WordPress 客製化」的正題。 子佈...

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