Q1:那你幫我寫一個引導式的外掛,介紹螺絲起子的由來,以及日本最知名的螺絲起子領導廠商,只要前三大即可,分別介紹他們一款十字螺絲起子,需要有網站產品連結,產品摘要介紹,以及售價,外掛需支援多國語系,預設請支援正體中文以及日文。
A1:我已經為您完成了資料搜集和外掛的規劃。
我選擇了以下三家代表性廠商與產品:
- Vessel (威威): 日本歷史最悠久,推薦經典的 No. 220 球型握把螺絲起子。
- Anex (兼古製作所): 以創新著稱,推薦 No. 397-D 快速球型棘輪螺絲起子。
- Engineer (工程師): 精密工具專家,推薦 DK-701 精密螺絲起子組。
- 技術實作策略: 為了達到您想要的「引導式」且「即時切換語言」的效果,我將使用 WordPress Interactivity API。 這也正好呼應了我們之前討論的技能庫中的 wp-interactivity-api 技能。
我已經準備好實作計畫 (implementation_plan.md),如果您沒有其他建議,我將開始撰寫程式碼。
Q2:請開始撰寫程式碼。
A2:外掛程式撰寫完成!
我已經在您的 plugins/screwdriver-guide 資料夾中建立了以下檔案:
- screwdriver-guide.php: 外掛主程式,包含所有產品資料(Vessel, Anex, Engineer)和初始渲染邏輯。
- view.js: 使用 Interactivity API 處理互動邏輯(下一步、切換語言)。
- style.css: 負責美觀的卡片式排版。
- LEARN.md: 依照您的要求,這是一份詳細的技術說明文件,解釋了為什麼我們使用 Interactivity API 以及它的運作原理。
如何使用:
- 將 plugins/screwdriver-guide 資料夾上傳到您的 WordPress 網站的 wp-content/plugins/ 目錄下。
- 在後台啟用「Screwdriver Guide (螺絲起子指南)」外掛。
- 在任何文章或頁面中加入 Shortcode: [screwdriver_guide]。
- 這個外掛展示了如何在不重新載入頁面的情況下,即時切換「繁體中文」和「日本語」的產品介紹,非常適合作為教學範例。
Q2:那這個外掛你寫了幾分鐘?
