Mac 限定 WordPress 外掛搜尋引擎
 |
如果你有在用這幾年出的 Mac 軟體，應該對於啟動器 ( Launcher ) 不陌生，只要輸入快速鍵 Command + K，就會出現一個很像 Google 首頁的搜尋框，或是 MacOS 內建的 Spotlight。
這個搜尋框可以輸入關鍵字進行相關資訊的搜尋，並且將結果顯示在啟動器的下方，就能用鍵盤上下鍵去切換要進一步查看的內容，選定後才會開啟瀏覽器前往頁面或執行特定動作，這對於很懶得用滑鼠的我來說超方便。
而這功能在今年也流行到 WordPress 生態圈，在更新 6.3 版本後多了「命令選擇區」，它也是類似的功能，可以在搜尋框輸入相對應的關鍵字，像是新增頁面或新增文章，點擊後就會自動進入該頁面，就不用操作滑鼠點選新增文章的按鈕。
關於命令選擇區在 2023 WordCamp Taiwan 將有一個專門的議程來介紹，主講者是非常資深的 WordPress 工程師昱程大大，想要了解這個功能可以對於網站管理員帶來什麼改變的話，鎖定 10/14 下午三點二十分的議程「如何使用命令選擇區 (Command Palette)來提升網站使用者體驗？」就沒錯了！
而我之所以會迷上啟動器這個功能，完全是因為 Raycast 這個工具，我之前有撰文「跟 MacOS 的 Dock 說再見，向 Raycast say Hi」介紹過，它早已成為我每天工作不可獲缺的功能，但就是有個小遺憾，那就是它沒有搜尋 WordPress 外掛的工具。
於是我就趁著夜黑風高的夜晚跳坑了…
 |
靠著 Raycast 優異的開發體驗以及瘋狂的煩 ChatGPT 問 React.js 怎麼寫，總算生出了第一版，主要功能介紹如下：
一、常用目錄列表
如果要進 .org 的頁面去找佈景主題或外掛，我的流程是這樣：開啟瀏覽器 → 開啟空白分頁 → Google 搜尋 WordPress plugin → 找到搜尋結果點擊進入，因為記不得網址只好透過搜尋引擎來找，為了讓自己可以更偷懶連瀏覽器都不用開，我第一個整合的功能就是目錄列表：
 |
啟用 Raycast 後搜尋關鍵字 WordPress Plugins 點擊 Enter，可以看到三個網址的連結，分別是外掛、佈景主題以及區塊版面配置，選擇好輸入 Enter 後就會直接在瀏覽器對應的頁面。
二、關鍵字搜尋
如果要找特定外掛的話，在上述頁面直接搜尋關鍵字即可，像是如果我要尋找 LINE Pay 相關的外掛，輸入關鍵字後就可以看到搜尋結果：
 |
使用上下鍵可以切換搜尋的結果，右邊則會顯示外掛的說明，可以大概先了解一下外掛的主要功能，其次是外掛的相關資訊，以我自己的習慣而言，我找外掛第一個會先看上一次更新時間，因此外掛資訊的第一欄放的是前次更新時間。
另外還有啟用數與安裝數、評價一顆星數與所有評價數、已解決問題與所有問題，透過這些資訊可以初步判斷該外掛是否還有在維護，避免用了之後出問題找不到人求救。如果要查看外掛的頁面選定後按 Enter 就會開啟瀏覽器連到外掛頁面，用 Cmd+Enter 複製外掛頁面網址。
三、直接下載或是線上測試
我在本機開發時習慣下載外掛的 zip 檔來自行安裝，所以右下角有 Download Zip 的功能可以直接下載主程式到本機，省去開瀏覽器的時間：
 |
另外我還整合了 TasteWP 跟 InstaWP 的測試連結，點過去後就可以直接得到安裝好該外掛的 WordPress 測試站，因為這兩個服務都有建立網站的額度限制，所以想說兩個都放，就能在其中一個額度用完時改用另一個替代。
四、AI 翻譯外掛說明
Raycast 目前是完全免費，付費功能主要是多了 AI，因為我自己有訂閱，所以就想說可以整合一下，我整合的功能是協助英文苦手的朋友可以直接把外掛的說明頁用 AI 進行翻譯，使用方法為輸入快捷鍵 Cmd + Shift + Enter，或是在 Actions 裡面找到翻譯功能：
 |
翻譯出來的結果如下：
 |
要使用這功能前記得必須要有付費訂閱 Raycast 才能使用。
-
在撰文的當下已提交 Raycast 進行上架審核，但稍早搜尋它們的 Store 竟然意外發現在一小時前有一支 WordPress 搜尋外掛工具上架，不知道是老天爺在告訴我趕快去弄 WordCamp 簡報，還是注定就是要白忙一場，尤其我在開發前已確認過沒有相關的工具所以才進行開發，想不到就在送審之際被捷足先登，只好安慰自己學了不少 React 的知識，並且感受到什麼叫做優秀的開發者體驗。
不得不說 Raycast 對於開發者來說實在太方便了，從一開始的範本建立、複製程式碼、到格式整理以及提交發布，有很多 WordPress 可以學習的地方。而我已經做好審核不會過的心理準備了，如果你不嫌棄還是願意用我的版本的話，安裝步驟如下：
- 開啟 Raycast 輸入 Create Extension
- 看到相關欄位隨便輸入
- 重點在 Location 的地方選擇一個本機資料夾輸入 Cmd+Enter
 |
透過以上步驟就可以建立本機的開發環境，然後透過以下連結下載我的版本：
https://oberonlai.blog/wp-content/uploads/wordpress-plugin-raycast/wordpress-directory.zip
解壓縮後放在上面指定的資料夾，這樣應該就能在啟動 Raycast 時找到 「Search WordPress Plugins」的選項。如果你有想到什麼功能可以加入再跟我說，在確認審核結果前我要放飛自我了~~~
WordPress 開發日常
最近常用 AI 產生程式碼，結果一堆程式自己都看不懂，只有錯誤發生時才會回頭研究到底寫了什麼。想說乾脆寫篇文章記錄一下，當作學習筆記。本篇主題是 OpenAI API 與 WordPress 的整合，讓 AI 能直接操作 WordPress。 初探工具請求（Function calling） 像 GPT 這類自然語言模型是靠訓練資料回應問題，但資料若過時，或想取得即時資訊，模型本身無法處理。這時可以透過「工具請求（Function calling）」來解決。 原理是：先告訴 AI 有哪些工具可用，當對話中出現相關需求，AI 就能自動判斷是否要使用某個工具。這些工具可以是 WordPress 的函式（如 WP_Query 查文章），也可以是外部 API（例如 Google 搜尋），執行後把結果再交給 AI 處理並產出回應，自然語言化地回答使用者。 適用場景 1. 整合客服機器人 如果你想設計聊天介面給其他人使用，像是客服機器人外掛，就很適合採用這個技術來取得網站內的資訊，像是讓客人查詢商品、訂單相關資訊、搜尋產品使用說明文件，或是讓管理員查詢營業額、網站瀏覽數據。...
過去我一直覺得，接收管理員通知用 Email 就夠了。如果訂單量不大，靠主機或第三方發信服務，其實也能運作得很順利。但後來與客戶訪談時發現，很多老闆根本不會用 Email，就算有，也常被廣告信和雜訊淹沒。 我自己試過很多收信軟體，試圖藉由工具來過濾重要訊息，但過不了多久，「重要信件」又變得滿天飛。雖然我會每天安排時間檢查，但有些緊急事件，例如新訂單通知，我希望能即時知道。 手機上的 App 通常只能根據「有新郵件」來推播，還找不到能針對「特定寄件者」推播的服務。因此我預設會把 App 的通知功能關掉，避免不緊急的訊息干擾我。 用 LINE 收通知也一樣，目前沒辦法只針對特定對象推播，只能全開或全關。這讓我想過是不是該換個沒那麼常用的通訊軟體來接收通知，但又懶得裝新 App，只好……自己開發一個外掛來解決了（？） 實機展示 要能在手機上接收到訂單通知，有三個關鍵技術：Web Push、Service Worker，以及 Progressive Web App，這邊先跳過他們，如果你也想在手機上收到訂單通知可以參考以下步驟： 1. 下載 DWP 網站助理...
創業的時光真是飛快得不可思議。明明才剛寫完第一個月的回顧，怎麼一下子又到了第二個月。這個月我全力投入開發新產品，原以為靠 AI 協助，兩週內就能搞定，沒想到一弄就是一整個月，還卡關連連，導致原本預定的行銷工作停滯不前。但我真的很喜歡開發產品的過程，彷彿在解謎闖關，每解開一個難題就多學一點新知，形成一種自我成長的良性循環。 工作佔比 四月份總工作時數為 65.64 小時，比三月增加了 24 小時。各類工作佔比如下： 行銷：30% 產品更新：7% 產品研發：63% 其中一個週末我整整兩天都在工作，有幾天甚至加班到晚上七點多。比較難統計的是晚上洗完澡到就寢前，還是會用平板跟 AI 討論白天卡住的問題，甚至請它幫我先寫好隔天要用的功能。若將這些時數也納入，總工時應該超過 70 小時。 我覺得比較理想的工作狀態是一個月大約 50 小時。像加班的那個週末，一直卡關讓我很煩躁，為了突破瓶頸逼自己解完才能休息，結果越急越解不開。後來乾脆休息一天，結果回來上工十分鐘就解決了。 所以還是得適時讓自己充電，給大腦一點空白，真正需要動腦時才有空間處理複雜問題。 行銷 內容行銷...