Title: Ninja Forms – Modal Author: James Laws Published: 2013 年 11 月 19 日 Last modified: 2015 年 2 月 13 日 --- 搜尋外掛 ![](https://ps.w.org/ninja-forms-modal/assets/banner-772x250.png?rev=807055) 這個外掛**並未在最新的 3 個 WordPress 主要版本上進行測試**。開發者可能不再對這個 外掛進行維護或提供技術支援，並可能會與更新版本的 WordPress 產生使用上的相容性問題。 ![](https://s.w.org/plugins/geopattern-icon/ninja-forms-modal_7f3923.svg) # Ninja Forms – Modal 由 [James Laws](https://profiles.wordpress.org/jameslaws/) 開發 [下載](https://downloads.wordpress.org/plugin/ninja-forms-modal.1.0.2.zip) * [詳細資料](https://tw.wordpress.org/plugins/ninja-forms-modal/#description) * [使用者評論](https://tw.wordpress.org/plugins/ninja-forms-modal/#reviews) * [安裝方式](https://tw.wordpress.org/plugins/ninja-forms-modal/#installation) * [開發資訊](https://tw.wordpress.org/plugins/ninja-forms-modal/#developers) [技術支援](https://wordpress.org/support/plugin/ninja-forms-modal/) ## 外掛說明 Ninja Forms Modal makes it super easy to open any Ninja Form in a pop up modal from a text or image link. This plugin requires [Ninja Forms](http://ninjaforms.com) to function. Simply use the [ninja_forms_modal] shortcode and pass it the following parameters: your form ID (id), the text or image url you would like to be used as the link to your Ninja Forms Modal (text_link, image_link). Here is a example of a text link: [ninja_forms_modal_form id=2 text_link=”Click here to fill out out form”] Here is a example of a text link: [ninja_forms_modal_form id=2 image_link=”http:// yourdomain.com/img/yourimage.png”] Now when anyone click that link your Ninja Forms will open in a very nice modal window. Coming soon we will be adding style definitions for the modal window to the Ninja Forms Layout & Styles Extension. Ninja Forms Modal uses jQuery Modal which is licensed under the [MIT License](http://opensource.org/licenses/MIT) ### Use For any assistance, please visit our website: [NinjaForms.com](http://ninjaforms.com) ## 安裝方式 This section describes how to install the plugin and get it working. 1. Upload the `ninja-forms-modal` directory to your `/wp-content/plugins/` directory 2. Activate the plugin through the ‘Plugins’ menu in WordPress ## 使用者評論 ![](https://secure.gravatar.com/avatar/c725ecd7aa72251dcfaecb6a4664454fe64a40366e0daa5d5684823c4d7ea6e3? s=60&d=retro&r=g) ### 󠀁[Closes lightbox when form is not complete (required fields are missing)](https://wordpress.org/support/topic/closes-lightbox-when-form-is-not-complete-required-fields-are-missing/)󠁿 [Marc Bijl](https://profiles.wordpress.org/newoceans/) 2016 年 9 月 3 日 Useless… I have a form with a lot of required fields. Using Ninja Forms Modal, a lightbox opens up nicely when a user is going to fill the form. However, when submitting the form while some required fields are still empty, the lightbox closes and the user gets left behind thinking he has submitted the form. Sorry I have to say, but this feels very, very crappy… ![](https://secure.gravatar.com/avatar/0ae62a8ec5b40227d5a61115d194f097f182455c1bea79c97bffe2677ea2ab4d? s=60&d=retro&r=g) ### 󠀁[使いものにならない](https://wordpress.org/support/topic/%e4%bd%bf%e3%81%84%e3%82%82%e3%81%ae%e3%81%ab%e3%81%aa%e3%82%89%e3%81%aa%e3%81%84/)󠁿 [sakoryu](https://profiles.wordpress.org/sakoryu/) 2016 年 9 月 3 日 1 則留言 必須項目を空欄のまま送信ボタンを押下すると、エラーメッセージが出ることなく、モー ダルウインドウが閉じてしまう。これでは使いものにならない。改善を求む。 ![](https://secure.gravatar.com/avatar/b32128cbbddd395a0e55041cbca50ebeee7924639bc9c76651d98bff47634e58? s=60&d=retro&r=g) ### 󠀁[great solution for when you don't want a form in your face](https://wordpress.org/support/topic/great-solution-for-when-you-dont-want-a-form-in-your-face/)󠁿 [ellice909](https://profiles.wordpress.org/ellice909/) 2016 年 9 月 3 日 This works great for those times you don’t want a form in your face and having a user go to another page seems like overkill. thanks. [ 閱讀全部 4 則使用者評論 ](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/) ## 參與者及開發者 以下人員參與了開源軟體〈Ninja Forms – Modal〉的開發相關工作。 參與者 * [ James Laws ](https://profiles.wordpress.org/jameslaws/) * [ Kevin Stover ](https://profiles.wordpress.org/kstover/) [將〈Ninja Forms – Modal〉外掛本地化為台灣繁體中文版](https://translate.wordpress.org/projects/wp-plugins/ninja-forms-modal) ### 對開發相關資訊感興趣？ 任何人均可[瀏覽程式碼](https://plugins.trac.wordpress.org/browser/ninja-forms-modal/)、 查看 [SVN 存放庫](https://plugins.svn.wordpress.org/ninja-forms-modal/)，或透過 [RSS](https://plugins.trac.wordpress.org/log/ninja-forms-modal/?limit=100&mode=stop_on_copy&format=rss) 訂閱[開發記錄](https://plugins.trac.wordpress.org/log/ninja-forms-modal/)。 ## 變更記錄 = 1.0.2 – 02/12/2014 * Fixed a compatibility issue with Ninja Forms version 2.5. #### 1.0.1 – 11/20/2013 * Fixed some resizing issues when multiple forms were on the same page. #### 1.0.0 – 11/19/2013 * Initial release ## 中繼資料 * 版本 **1.0.2** * 最後更新 **11 年前** * 啟用安裝數 **200+** * WordPress 版本需求 ** 3.5 或更新版本 ** * 已測試相容的 WordPress 版本 **3.7.41** * 語言 * [English (US)](https://wordpress.org/plugins/ninja-forms-modal/) * 標籤: * [contact](https://tw.wordpress.org/plugins/tags/contact/)[form](https://tw.wordpress.org/plugins/tags/form/) [forms](https://tw.wordpress.org/plugins/tags/forms/)[modal](https://tw.wordpress.org/plugins/tags/modal/) [pop up](https://tw.wordpress.org/plugins/tags/pop-up/) * [進階檢視](https://tw.wordpress.org/plugins/ninja-forms-modal/advanced/) ## 評分 3 星，滿分為 5 星 * [ 2 個 5 星使用者評論 ](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/?filter=5) * [ 0 個 4 星使用者評論 ](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/?filter=4) * [ 0 個 3 星使用者評論 ](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/?filter=3) * [ 0 個 2 星使用者評論 ](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/?filter=2) * [ 2 個 1 星使用者評論 ](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/#new-post) [查看全部使用者評論](https://wordpress.org/support/plugin/ninja-forms-modal/reviews/) ## 參與者 * [ James Laws ](https://profiles.wordpress.org/jameslaws/) * [ Kevin Stover ](https://profiles.wordpress.org/kstover/) ## 技術支援 使用者可在技術支援論壇提出意見反應或使用問題。 [檢視技術支援論壇](https://wordpress.org/support/plugin/ninja-forms-modal/)