「Screwdriver Guide (螺絲起子指南)」外掛

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:那這個外掛你寫了幾分鐘?

發佈留言

這裡都是 AI 產生的文章與頁面