前言介紹
- 這款 WordPress 外掛「SearchWP Modal Search Form」是 2019-06-25 上架。
- 目前有 6000 個安裝啟用數。
- 上一次更新是 2025-02-26，距離現在已有 66 天。
- 外掛最低要求 WordPress 5.0 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 有 6 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
jchristopher | pavloopanasenko |
外掛標籤
form | modal | search | searchwp | searchform |
內容簡介
使用 SearchWP Modal Search Form 輕鬆將一個可存取且輕量的模式搜尋表單整合到您的 WordPress 網站中！SearchWP Modal Search Form 不需要 SearchWP 但如果安裝和啟用它，SearchWP 將被使用！👍
除了在這個 README 中提供的資訊之外，還有 全面的說明文件可用。
它如何與其他模式不同？
SearchWP Modal Search Form 的理念是將可存取和輕量級的模式搜尋表單易於實現，但更重要的是提供出色的開發人員（和用戶）體驗。
SearchWP Modal Search Form 直接與 WordPress 整合，並且預設的模式表單主題建立在您的啟用主題的樣式之上，使開銷最小化。它還內建了一個完整的模板載入器，可讓您在最小的麻煩下完全自定義您的 SearchWP Modal Search Form。
查看預設模板，以了解自定義的容易程度🤓
將模式表單新增至您的網站
SearchWP Modal Search Form 讓您可在 WordPress 網站上的任何位置輕鬆實現模式搜尋表單。以下方法已內建並可供使用:
作為選單項目
使用簡碼
作為古騰堡區塊
在模板內以程式方式進行
模板自定義
SearchWP Modal Search Form 整合了適當的模板載入器，以在任意數量的模板中顯示搜尋表單，讓您完全自定義每個模板的模式表單外觀。
建立自訂模板的最直接方式如下：
在您的佈景主題內建立名為 searchwp-modal-form 的資料夾
在該資料夾中建立名為 template.php 的檔案（或以 .php 結尾的任何名稱）
將預設模板的內容複製到該檔案中
自訂標頭評論區塊中的 SearchWP Modal Form Name 值
進行任何其他您想要進而自訂的標記/樣式，請注意文件
當模式開啟和關閉時有 (jQuery) 事件觸發。jQuery 不是依賴性，但如果已載入 jQuery，則事件將觸發。
// 在模式開啟時加入回呼：
jQuery('body').on('searchwpModalOnShow', function(e) {
// 在模板中聚焦輸入。
});
原文外掛簡介
Use SearchWP Modal Search Form to easily integrate an accessible, lightweight modal search form into your WordPress website! SearchWP Modal Search Form does not require SearchWP but it will utilize SearchWP if it’s installed and activated! 👍
Beyond the information made available in this README there is full documentation available as well.
What makes it different from other modals?
The philosophy behind SearchWP Modal Search Form is to make it easy to implement accessible and lightweight modal search forms but perhaps even more important make it a great developer (and user) experience.
SearchWP Modal Search Form directly integrates with WordPress in the way you use it, and the default modal form theme builds upon the styles put in place by your active theme, making the overhead as small as possible. There’s a full template loader built in as well, allowing you to fully customize your SearchWP Modal Search Form with minimal hassle.
Check out the default template for an example of how easy it is to customize 🤓
Adding modal forms to your site
SearchWP Modal Search Form makes it easy to implement modal search forms anywhere in your WordPress website. The following methods are built in and available to you:
As a Menu Item
Using a Shortcode
As a Gutenberg Block
Within your template(s) programmatically
Template Customization
SearchWP Modal Search Form integrates a proper template loader for displaying search forms in any number of templates, allowing you to fully customize what the modal looks like per template.
The most straightforward way to create a custom template is as follows:
Create a folder named searchwp-modal-form within your theme
Create a file within that folder named template.php (or any name ending in .php)
Copy the contents of the default template into that file
Customize the SearchWP Modal Form Name value in the header comment block
Make any other customizations you\’d like to the markup/style, paying attention to the documentation
There are (jQuery) events that fire when modals are opened and closed. jQuery is not a dependency, but if jQuery is loaded the events will fire.
// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
// Focus an input in the template.
e.el.find('input').focus();
});
// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
alert('Modal closed!');
});
Please review the full template documentation for more detailed information.
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「SearchWP Modal Search Form」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
0.1 | 0.2 | 0.3 | 0.1.1 | 0.2.1 | 0.2.2 | 0.2.3 | 0.3.1 | 0.3.2 | 0.3.3 | 0.3.4 | 0.4.0 | 0.4.1 | 0.5.0 | 0.5.1 | 0.5.2 | 0.5.3 | 0.5.4 | 0.5.5 | trunk |
延伸相關外掛（你可能也想知道）
Search Regex 》Search Regex 提供了強大的搜尋和替換函數，可用於 WordPress 文章、頁面、自定義文章類型等數據源的搜尋與替換，這些功能超越了標準搜尋功能，讓你可以搜尋...。
String locator 》當你在開發主題和外掛時，你經常會注意到某些文字被硬編碼在文件中，你需要對其進行修改，但你不知道該主題或外掛的名稱，更不知道要查找哪個文件。, 你可以...。
Search & Replace 》, 注意：此外掛未進行維護。, , 程式碼會繼續留在 SVN 和 Github 上，如果您有興趣。, 使用「Search & Replace」工具，您可以搜尋任何內容並以其他內容取...。
Relevanssi – A Better Search 》Relevanssi 取代了 WordPress 標準搜尋引擎，提供更好的搜尋體驗、豐富的功能和可配置的選項。使用 Relevanssi 會獲得更好的搜尋結果和呈現方式，你的使用者...。
Ivory Search – WordPress Search Plugin 》Ivory Search 是一個易於使用的 WordPress 高級搜尋插件。, 它可以增強預設的 WordPress 搜尋功能，還可以讓您創建新的自定義搜尋表單。, 使用 Ivory Search...。
Real-Time Find and Replace 》這個外掛允許你在頁面產生時，動態地替換主題和其他外掛的代碼和文字為你選擇的代碼和文字，然後再傳送頁面給使用者的瀏覽器。, 由於查找和替換是實時進行的...。
Ajax Search Lite – Live Search & Filter 》Ajax Search Lite 是一款 WordPress 的即時搜尋外掛程式。這款響應式的即時搜尋引擎將提供一個使用者友好的 AJAX 驅動搜尋表單 - 即時搜尋欄。你也可以使用分...。
Advanced Woo Search 》說明：, , Advanced Woo Search - 功能強大的 WooCommerce 搜索插件，支援 AJAX 搜索和搜尋結果頁面顯示。, 插件官方網站 | 功能列表 | 文檔, 主要功能, , 產...。
Search Exclude 》這個外掛能夠讓你勾選該頁面、文章或其他內容的複選框來將其排除在 WordPress 搜尋結果之外。, 支援快速和批次編輯。, 在外掛設置頁面中，您也可以看到所有被...。
Customizer Search 》是否使用使用 WordPress 自訂樣式主題？那你一定會喜歡這個外掛！不再花時間找尋設定，只需要搜尋你想要的設定項目，就可以立即前往該設定。, 適用於所有 Wor...。
SearchWP Live Ajax Search 》此 WordPress 外掛不需要SearchWP，但如果有的話就會使用它。在 searchwp.com 可以找到完整文檔。, 歡迎在 GitHub 上貢獻您的力量！https://github.com/jchri...。
Search & Filter 》Search & Filter 是一款簡單的 WordPress 搜尋和篩選外掛程式，是 WordPress 搜尋框的進階版。, 您可以透過類別、標籤、自訂分類、文章類型、發佈日期或...。
Better Find and Replace 》p>這個外掛提供了一個簡單的方式，可以搜尋目標字詞並且以你想要的字詞替換它。搜尋與替換的過程發生在網站在瀏覽器中呈現之前，不會影響到任何其他檔案或資...。
Disable Search 》此外掛可防止 WordPress 處理和允許任何來自網站前端的搜尋請求。具體來說，此外掛：, , 若主題使用標準的 get_search_form() 函式來顯示搜尋表單，則無法顯...。
ACF: Better Search 》此插件可為 WordPress 搜尋引擎添加額外功能，讓您可以在 Advanced Custom Fields 指定的欄位中搜尋內容。, 一切都是自動運作的，您無需添加任何額外的程式碼...。