用 JavaScript 實作圖片縮圖點擊切換與自動輪播功能
技術筆記
本文介紹如何用純 JavaScript 實作圖片縮圖點擊切換與自動輪播功能，詳解程式設計邏輯與實務應用，適合想打造自訂圖片瀏覽效果的前端工程師。
技術筆記
WordPress、AI 自動化、SEO 與網站開發紀錄。
WordPress 單篇文章中為程式碼區塊加入右上角複製按鈕
技術筆記
本文介紹如何在 WordPress 單篇文章頁面，為所有程式碼區塊動態加入右上角複製按鈕，提升讀者複製程式碼的便利性，並解析關鍵設計與實作細節。
在 WordPress 頁面列表加入自訂分類篩選下拉選單
技術筆記
在 WordPress 後台的頁面列表中，預設並沒有提供依自訂分類法（taxonomy）篩選頁面的功能。這對於管理大量頁面且需要依分類快速查找的情境來說...
使用 IntersectionObserver 實作數字滾動動畫效果
技術筆記
在網頁中，常見的數字滾動動畫能有效提升視覺吸引力，尤其用於統計數據或關鍵指標的呈現。這段程式碼示範如何結合 IntersectionObserver 與...
WordPress 自定義文章類型相關文章顯示實作筆記
技術筆記
介紹如何在 WordPress 自定義文章類型頁面中，利用 WP_Query 依據當前文章標題搜尋並顯示相關的一般文章，適合想動態呈現相關內容的開發者。
WordPress 會員註冊時自動建立自訂文章類型實作筆記
技術筆記
說明如何在 WordPress 會員註冊時，自動建立自訂文章類型 member_info，並設定預設內容與 ACF 欄位，提升網站自動化與會員專屬頁面管...
Blocksy 主題 WooCommerce 產品頁新增下載與預覽彈窗實作筆記
技術筆記
說明如何利用 Blocksy 主題的 WooCommerce Hook，在產品頁購物車按鈕下方新增彈窗，顯示檔案預覽與下載連結，並透過 CSS 與 Ja...
WooCommerce 會員後台嵌入 Amelia 預約日曆與隱藏管理員選單實作筆記
技術筆記
介紹如何在 WooCommerce 會員後台新增 Amelia 預約日曆選單，並利用 admin_head 鉤子隱藏 WordPress 管理員介面元素...
使用 MutationObserver 監聽 DOM 變化並更新 Cookie 的實作筆記
技術筆記
介紹如何使用 MutationObserver 監聽特定 DOM 元素變化，並將變更內容同步更新到 Cookie，確保資料跨頁面持久化與後端可讀取。
WordPress Amelia 預約系統取得使用者 ID 實作筆記
技術筆記
介紹如何透過 PHP 與 WordPress $wpdb 物件，安全查詢 Amelia 預約系統中對應的使用者 ID，適合需要整合兩者使用者資料的開發者...
WordPress 自訂使用者搜尋功能實作筆記
技術筆記
介紹如何利用 WordPress 的 pre_user_query 鉤子，擴充後台使用者搜尋功能，支援搜尋自定義欄位如 reg_phone，提升管理靈活...
WordPress 使用者頁面新增老師欄位與篩選功能實作筆記
技術筆記
介紹如何在 WordPress 使用者編輯頁面新增「是否是老師」勾選欄位，並在使用者列表中顯示及篩選該欄位，方便管理老師帳號。