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 後就會直接在瀏覽器對應的頁面。

0924 更新:好奇每天有哪些新外掛上架,所以將預設畫面改成最新上架外掛列表:

二、關鍵字搜尋

如果要找特定外掛的話,在上述頁面直接搜尋關鍵字即可,像是如果我要尋找 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://github.com/oberonlai/raycast-wordpress-directory

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

目錄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

賴俊吾 / Oberon Lai
賴俊吾 / Oberon Lai

現為全職 WordPress 工程師,網站開發經歷 11 年,專攻前端工程與 WordPress 佈景主題、外掛客製化開發

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!

專注於分享 WordPress 開發、接案技巧、專案管理等自由工作者必備知識與心得

© 2024 想點創意科技有限公司

想點創意科技有限公司 | 統一編號 90516823
Designed by Hend Design | 隱私權政策

訂閱電子報

Hi,我是 Oberon,我會固定在每週五早上發送接案心得以及與 WordPress 相關的電子報,同時也會分享一些實用的開發知識,讓你在 WordPress 的接案路上不孤單!