在前端呼叫 WooCommerce 國家欄位 普 7mins> 2022/08/07 前言 因為前一陣子的客製化要做前端表單 其中一個欄位是國家欄位 要找一個獨立的 Library 來實現當然也可以,不過既然都使用 WooCommerce 了 應該優先找看看 WooCommerce 有閱讀更多 閱讀更多
讓彙整頁 (Archive) 支援不同的文章類型 (Post Type) 普 4mins> 2022/08/05 問題 & 狀況 原本看我自己的 WordPress 開發教程,想說為什麼文章數量這麼少 因為我的文章結構是有兩種文章類型 post type 的,一種是文章 ( post ),另一種是教程 (閱讀更多 閱讀更多
自訂 WP Rocket 清除快取的時機與邏輯 普 9mins> 2022/08/03 什麼是 WP Rocket WP Rocket 不僅僅是一個 WordPress 快取插件。WP Rocket 提高加載時間、 PageSpeed 分數和優化核心 Web 生命力的最強大的解決方案。 閱讀更多 閱讀更多
客製化WooCommerce會員頁面 #1 普 11mins> 2022/08/01 閱讀本篇需要的必要知識 php 基礎 WordPress Hooks 的使用方式 預設的 WooCommerce My Account 會員頁面 [caption id="attachm閱讀更多 閱讀更多
自訂jQuery代碼起手式 普 10mins> 2022/08/01 Javascript "起手式"? 開始前我們要先講講寫 自訂 Javascript 的起手式 其實沒有起手式這個講法,只是我這些年寫了這麼多 code 的經驗法則 簡單講就是,讓你的程式更安全一點閱讀更多 閱讀更多
WordPress 主題結構解析,以 astra 為例 – ./wp-content/themes/astra 普 18mins> 2022/07/26 Astra 是什麼? 前情提要: WordPress 專案目錄結構解析 - ./wp-content/themes 我們上篇提到 themes 的摘要是 直接翻譯:Astra 主題 不一定會有這個檔案閱讀更多 閱讀更多
CSS 實現螢光筆效果 普 2mins> 2022/07/24 程式碼範例 .hight-light { /* 前 50% 是透明 ( transparent ) ,後 50% 才是有顏色的 */ /* % 數比例跟色碼可以依照自己需求變更 */ backgrou閱讀更多 閱讀更多
CSS position sticky 的使用方式 普 4mins> 2022/07/20 css 的 position: sticky 是什麼? position: sticky 是 2018 年後才比較被廣泛支援的 CSS 屬性,我也是遇到類似的需求才來了解 簡單講的話就是可以做到下方閱讀更多 閱讀更多
Font Awesome 引入優化 普 7mins> 2022/07/18 前言 前陣子意外發現 Font-Awesome Pro 的 all.min.js 高達 10MB 什麼是 Font-Awesome? Font Awesome 是一個提供非常多種類 ic閱讀更多 閱讀更多
WP Rocket 的圖片懶加載( Lazy Load )引發的 Bug 普 5mins> 2022/07/12 BUG狀況描述 我有篇文章使用 twentytwenty 這款 Before & After Library 原本在本地( Local )開發時一切安好 結果上線後就炸開了 [caption 閱讀更多 閱讀更多
利用 WordPress 版型覆寫機制( Override ),客製化任何畫面 #1 普 12mins> 2022/07/11 什麼是覆寫( Override )機制? 覆寫( Override )機制是我最常用來客製化 WordPress 版面的機制之一( 另一個最常用的是 Hooks ) 一句話講完就是:用來客製化 php閱讀更多 閱讀更多