使用純 JavaScript 實作語言切換下拉選單的開關功能
技術筆記
本文介紹如何使用純 JavaScript 實作語言切換下拉選單的開關與關閉功能，包含點擊按鈕切換、點擊外部關閉及按 ESC 鍵關閉的互動設計，適合前端工...
Piglife 最新技術筆記第 7 頁
自訂 WordPress 登入頁面 Logo 與連結設定教學
技術筆記
說明如何透過 WordPress 鉤子自訂登入頁面 Logo 圖片、連結與標題，提升品牌一致性與使用者體驗，適合有基礎 PHP 與 WordPress ...
自訂 WordPress 摘要結尾文字的簡易方法
技術筆記
介紹如何使用 WordPress 的 excerpt_more 過濾器簡單自訂文章摘要結尾文字，提升網站內容呈現的客製化與一致性。
利用 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）篩選頁面的功能。這對於管理大量頁面且需要依分類快速查找的情境來說...