先前寫過一篇「[SEO] 結構化資料（Microdata / JSON-LD）的參考資料」是觀察 Pinkoi 網站結構後發現 JSON-LD 威力不錯的整理。 要做到結構化資料還有 Microdata 的做法，但這個的佈局時間更早，會是網站開發時就要切入的部分，而後期希望也要導入結構化這項技術的網 …
標籤彙整: 網站開發
[WordPress] Contact Form 7 應用 – 填問卷下載檔案功能
標題說的應用其實也有不少外掛能辦到，像是「Download After Email」、「Email Before Download」這兩種都可以（注意，這不是那種下載管理外掛，如有需求請往「Download Manager」關鍵字尋找）。 從最簡單套 Contact Form 7 （下稱 CF7）的 …
[WooCommerce] 程式化取得商品短描述與完整介紹的方法
這個問題是同事因為需要重新設計商品頁所提問的，原以為就是單純的把資料取出，不過找到的資料居然會有過濾行為，我就在想是不是有特殊的取法。 如圖圈選的兩個地方內容，希望特別抽取出來組合頁面。方法如下： //在 WooCommerce template 下發現的官方解 $short_description …
[WordPress] 多國語言外掛 Polylang 的必裝延伸功能
通常如果是銷售型網站我還是建議裝WPML 這套多國語言工具比較不會有「意外」。如果只是商品陳列的型錄網站裝這款 Polylang 已經很足。 但是，其實也不是這麼足拉ＸＤ 會開這篇也是發現原來自己從沒有寫出來筆記過，把 FB2WP 同步紀錄搜尋一遍也沒找到。 我會裝兩款延伸工具： Polylang …
[WordPress] 將附件關聯於文章中程式化的做法
需求 不論是自己上傳檔案或是程式自動捕捉檔案，想附加於媒體庫與指定內容中做關聯。 表單實作 WordPress 提供許多不錯的方法可以呼叫，如果是前端為表單的做法可以參考：media_handle_upload 方法。 如文件中表單：
[WooCommerce] 片段（fragments）互動程式設計要點
WordPress 中的商店組合外掛 WooCommerce ，預設安裝好就有一個公版架構，大部分流程其實沒有什麼問題，結帳（Checkout）頁欄位想要調整成台灣常見的表單欄位（含郵遞區號自動選擇）可以參考之前寫過的 文章。 本篇文章針對進階的互動程式多一點筆記。而既然提到互動程式設計，就會是 A …
[Web] Google 之打造新時代網站的開發指引手冊
這個內容網址：Web.dev 的網域後綴，正是前陣子害不少開發者本地開發環境被莫名冠上 HTTPS 的一個產品。 大家都在本地開發時使用 xxx .dev 來當開發代稱的假網址，誰知被 Google 註冊走後全世界的開發者用這個當開發環境測試網域的網站都被導向 HTTPS 連線，很苦惱呢～ 哈哈 （ …
[網站] 開發者的浪漫 – 科拿米秘技 Konami Code
標題這樣寫可能不一定有人知道是什麼，但如果說「上上下下左右左右BA」，就會瞬間「哦哦～我知道了。」 說起來也不是什麼新聞，早先有紅過一陣子，但昨天在找案例研究的時候去細讀別人寫的程式碼意外發現開發者有藏東西。 說實在，用註解藏已經不容易被發現了，而一個小活動頁他還用祕技方式藏，這不是開發者的浪漫是什 …
[Web] 網站無障礙檢測之前端無言
Freego2 與 Freego3 這兩個版本的網站無障礙檢測試用下來，還是前一版完整，v3 的版本檢測出來的結果在第一直覺使用下會讓人很惶恐ＸＤ 想說「靠北，整個網站一測後結果都炸了，要從哪修起？」 換成 Freego2 後有比較簡單的操作動線與修正指示，雖然錯誤還在，但明顯有好處理些！ 一整排的 …
[網站] 備份方式與發生問題需要緊急復原的流程
整理電腦中筆記的資料看到這份給業務夥伴的規格。 備份流程 本機備份，每日透過軟體定時打包壓縮網站原始檔案與資料庫檔案於本機 異地備份，將打包完成的原始檔案與資料檔案上傳至 AWS S3 空間儲存 上述流程可以設定欲保留週期天數，固定備份循環覆蓋，依照本機可容許備份空間而定 如果主機支援自動快照服務， …