自訂 WordPress 摘要結尾文字的簡易方法
技術筆記
介紹如何使用 WordPress 的 excerpt_more 過濾器簡單自訂文章摘要結尾文字，提升網站內容呈現的客製化與一致性。
Piglife 最新技術筆記第 7 頁
利用 JavaScript 自動為當前頁面側邊欄連結加上 active 樣式
技術筆記
介紹如何用 JavaScript 取得當前頁面路徑並與側邊欄連結比對，動態為正確連結加上 active 樣式，提升多頁面網站的導覽體驗。
使用 JavaScript 實作動態切換 Tab 面板的按鈕控制
技術筆記
介紹如何用純 JavaScript 實作按鈕控制的 Tab 面板切換功能，包含狀態管理與事件綁定，適合想了解基本 DOM 操作與 UI 狀態控制的前端工...
使用 JavaScript 控制表格列依年份篩選顯示
技術筆記
這篇文章說明如何使用純 JavaScript 根據下拉選單選擇，動態篩選並顯示表格中帶有年份標記的列，適合需要簡單前端資料篩選功能的工程師。
使用 JavaScript 自動隱藏無目錄的 toc-block 區塊
技術筆記
本文介紹如何使用 JavaScript 在頁面載入後自動隱藏沒有目錄內容的 toc-block，提升頁面整潔度與使用者體驗，適合前端工程師優化動態目錄顯...
為 WordPress 分類清單實作手風琴展開收合功能
技術筆記
這篇文章解析如何為 WordPress 分類清單加入手風琴展開收合功能，包含無障礙 ARIA 屬性設計與一次只開一個的嚴格模式，提升分類導覽的使用體驗與...
WordPress 自訂文章上下篇導覽短碼實作解析
技術筆記
介紹如何使用 WordPress 短碼實作文章上下篇導覽功能，包含標題多字元截斷與內嵌 SVG 箭頭，提升使用者閱讀體驗與網站導覽便利性。
用 JavaScript 實作圖片縮圖點擊切換與自動輪播功能
技術筆記
本文介紹如何用純 JavaScript 實作圖片縮圖點擊切換與自動輪播功能，詳解程式設計邏輯與實務應用，適合想打造自訂圖片瀏覽效果的前端工程師。
WordPress 單篇文章中為程式碼區塊加入右上角複製按鈕
技術筆記
本文介紹如何在 WordPress 單篇文章頁面，為所有程式碼區塊動態加入右上角複製按鈕，提升讀者複製程式碼的便利性，並解析關鍵設計與實作細節。
在 WordPress 頁面列表加入自訂分類篩選下拉選單
技術筆記
在 WordPress 後台的頁面列表中，預設並沒有提供依自訂分類法（taxonomy）篩選頁面的功能。這對於管理大量頁面且需要依分類快速查找的情境來說...
使用 IntersectionObserver 實作數字滾動動畫效果
技術筆記
在網頁中，常見的數字滾動動畫能有效提升視覺吸引力，尤其用於統計數據或關鍵指標的呈現。這段程式碼示範如何結合 IntersectionObserver 與...
WordPress 自定義文章類型相關文章顯示實作筆記
技術筆記
介紹如何在 WordPress 自定義文章類型頁面中，利用 WP_Query 依據當前文章標題搜尋並顯示相關的一般文章，適合想動態呈現相關內容的開發者。