​

如果你有在用這幾年出的 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 可以學習的地方。而我已經做好審核不會過的心理準備了，如果你不嫌棄還是願意用我的版本的話，安裝步驟如下：

1. 開啟 Raycast 輸入 Create Extension
2. 看到相關欄位隨便輸入
3. 重點在 Location 的地方選擇一個本機資料夾輸入 Cmd+Enter

透過以上步驟就可以建立本機的開發環境，然後透過以下連結下載我的版本：

​https://oberonlai.blog/wp-content/uploads/wordpress-plugin-raycast/wordpress-directory.zip​

解壓縮後放在上面指定的資料夾，這樣應該就能在啟動 Raycast 時找到 「Search WordPress Plugins」的選項。如果你有想到什麼功能可以加入再跟我說，在確認審核結果前我要放飛自我了~~~

​