前言介紹
- 這款 WordPress 外掛「Search Modal Block」是 2024-11-22 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2024-11-25，距離現在已有 161 天。
- 外掛最低要求 WordPress 6.1 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.3 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
philhoyt |
外掛標籤
block | modal | search | search form | popup search |
內容簡介
總結：Search Modal Block 外掛為您的 WordPress 網站增添了一個現代、彈出式搜索介面，既美觀又實用。它專為區塊編輯器 (Gutenberg) 而建，提供無縫方式在內容的任何部分添加搜索功能。
1. 這個外掛的特點是什麼？
- 潔淨、極簡設計，適用於任何主題
- 完全響應式佈局
- 兼容無障礙性，具有 ARIA 標籤和鍵盤導航
- 可自定義的文本元素，如搜索輸入提示文字、搜尋按鈕文字、螢幕閱讀器標籤
- 為更好的鍵盤導航提供焦點-可見性支援
- 與 WordPress 搜索無縫整合
2. 這個外掛適合哪些網站？
- 需要優雅搜索解決方案的極簡主題
- 想要提升搜索用戶體驗的網站
- 專注於無障礙性的網站
- 任何使用區塊編輯器的 WordPress 網站
3. 這個外掛是如何開發的？
- 使用 WordPress Create Block 工具構建
- 所有源代碼位於外掛的 /src 目錄中
- 從源代碼構建外掛的步驟包括克隆存儲庫、安裝依賴項、運行建立生產文件的命令、以及用於開發的命令
- 依賴的開發模塊有 @wordpress/scripts、@wordpress/eslint-plugin、@wordpress/stylelint-config、eslint
4. 這個外掛使用了哪些第三方庫？
- MicroModal: 一個輕量且可配置的網絡應用程式模態庫
更多資訊及外掛源碼請至 GitHub 查看。
原文外掛簡介
The Search Modal Block enhances your WordPress site with a modern, popup search interface that’s both beautiful and functional. Built specifically for the block editor (Gutenberg), it provides a seamless way to add search functionality to any part of your content.
Key Features:
Clean, minimal design that works with any theme
Fully responsive layout
Accessibility-ready with ARIA labels and keyboard navigation
Customizable text elements:
Search input placeholder
Search button text
Screen reader labels
Focus-visible support for better keyboard navigation
Seamless integration with WordPress search
Perfect For:
Minimalist themes needing an elegant search solution
Sites wanting to improve their search UX
Accessibility-focused websites
Any WordPress site using the block editor
Credits
This plugin uses the following third-party libraries:
MicroModal – A lightweight, configurable modal library for web applications.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Search Modal Block」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
Firelight Lightbox 》Easy FancyBox WordPress外掛為您的網站提供靈活美觀的光箱解決方案，幾乎適用於網站上的所有媒體連結。Easy FancyBox使用更新的傳統FancyBox jQuery擴展版本...。
Lightbox & Modal Popup WordPress Plugin – FooBox 》FooBox是第一個嚴肅考慮響應式佈局的燈箱。它不僅會將圖片縮放以在手機上呈現更好的效果，還會重新排列按鈕控制，使其在縱向或橫向的方向上都展現出色的外觀...。
Popup Box – Create Countdown, Coupon, Video, Contact Form Popups 》WordPress 彈出視窗外掛, , WordPress 彈出視窗外掛價格, 免費版彈出視窗外掛DEMO, 專業版彈出視窗外掛DEMO, 專業版彈出視窗外掛使用手冊, , 此短片提供如何...。
Read More Without Refresh 》你想顯示更多內容，但不影響使用者體驗嗎？, 我的外掛可以幫你解決這個問題！, 這個外掛透過短碼，可以隱藏預先定義好的文字，而根據你的選擇，只顯示剩下的...。
Boxzilla 》WordPress 的 Boxzilla, Boxzilla 是一個外掛，允許您向 WordPress 網站添加彈出框或滑入框。框可以在任何時刻滑入或淡入並且可以包含您喜歡的任何內容。, Bo...。
Ocean Modal Window 》輕鬆製作出良好的彈跳視窗並在網站的任何位置顯示！, Ocean Modal Window（海洋彈跳視窗）允許您在彈跳視窗中顯示任何內容。彈跳視窗是在點擊操作後加載的彈...。
Modal Window – create popup modal window 》使用免費的 WordPress 彈出視窗外掛程式「Modal Window」快速且輕鬆地建立信息性彈出視窗，加入您需要的文字和媒體，插入表單的短碼以及更多。根據使用者在頁...。
Age Verification 》WordPress 年齡驗證外掛, 在訪客瀏覽您的內容前，加入彈出視窗，驗證他們的年齡。, 自訂年齡驗證彈出框的各種功能。, , 最小年齡, 背景圖片, 標誌圖片, 標題...。
Themify Popup 》Themify 彈出視窗外掛可讓您在網站的任何頁面上展示漂亮的響應式彈出視窗。您可使用此外掛來展示電子報訂閱表單、促銷公告或一般灰色視窗內容。您可讓彈出視...。
Easy Modal 》您知道 Easy Modal 現在有一個名為 Popup Maker 的新插件嗎？它是 WordPress 中得到最高用戶評分的彈出窗口和模態框插件。, , 無限主題, 精準的定位、觸發和 ...。
WP Post Popup 》立即將任何頁面/文章/外部頁面轉換為彈出視窗!, 非常適合顯示基本內容頁面，而不需要將用戶重定向到該頁面。, 特點, , 僅加载the_content()字段，不包括標題/...。
SearchWP Modal Search Form 》使用 SearchWP Modal Search Form 輕鬆將一個可存取且輕量的模式搜尋表單整合到您的 WordPress 網站中！SearchWP Modal Search Form 不需要 SearchWP 但如果...。
AJAX Login and Registration modal popup + inline form 》這款外掛容易整合 Login 和 Registration 功能，並使用shortcode的內置表單提供模態對話框(nodal)。與任何主題兼容。, DEMO >>, 功能:, , 容易整合（可...。
PopBox For Elementor 》PopBox for Elementor 允許使用 Elementor Page Builder 創建美麗的模板，並與包含的 Popbox 遮罩 script 一起使用。, 將在你的 WordPress 儀表板側面板中添...。
Divi Lightbox for Images 》如果在 Divi 選項菜單中啟用了 Divi Gallery 設置，Divi 主題和生成器將使用本地燈箱腳本，在用戶從相冊中點擊圖像時打開模態窗口。但是，此腳本對於個別自身...。