Title: SearchWP Modal Search Form Author: Syed Balkhi Published: 26 Giugno 2019 Last modified: 15 Dicembre 2025 --- Ricerca i plugin ![](https://ps.w.org/searchwp-modal-search-form/assets/banner-772x250.png?rev=2149619) ![](https://ps.w.org/searchwp-modal-search-form/assets/icon-256x256.png?rev=2149619) # SearchWP Modal Search Form Di [Syed Balkhi](https://profiles.wordpress.org/smub/) [Scarica](https://downloads.wordpress.org/plugin/searchwp-modal-search-form.0.5.7.zip) * [Dettagli](https://it.wordpress.org/plugins/searchwp-modal-search-form/#description) * [Recensioni](https://it.wordpress.org/plugins/searchwp-modal-search-form/#reviews) * [Installazione](https://it.wordpress.org/plugins/searchwp-modal-search-form/#installation) * [Sviluppo](https://it.wordpress.org/plugins/searchwp-modal-search-form/#developers) [Supporto](https://wordpress.org/support/plugin/searchwp-modal-search-form/) ## Descrizione Usa SearchWP Modal Search Form per integrare facilmente un modulo di ricerca modal accessibile e leggero nel tuo sito WordPress! SearchWP Modal Search Form **non richiede [SearchWP](https://searchwp.com/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform)** ma lo userà se è già installato e attivato! 👍 Oltre alle informazioni fornite in questo `README`, [puoi consultare anche la documentazione completa](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform). ### Cosa lo rende diverso dagli altri modal? La filosofia alla base di SearchWP Modal Search Form è quella di semplificare l’implementazione di moduli di ricerca modal accessibili e leggeri, ma forse ancora più importante è quella di rendere l’esperienza di chi sviluppa (e dell’utente) eccellente. SearchWP Modal Search Form si integra direttamente con WordPress in base a come lo usi, mentre il tema predefinito del modulo modale si basa sugli stili creati dal tuo tema attivo, e questo riduce al minimo il consumo di risorse del server. C’è anche un caricatore di template completo, che ti permette di _personalizzare completamente_ il tuo SearchWP Modal Search Form con il minimo sforzo. Dai un’occhiata al [template predefinito](https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php) per avere un esempio di quanto sia facile da personalizzare 🤓 ### Aggiunta di moduli modal al tuo sito SearchWP Modal Search Form permette di implementare facilmente moduli di ricerca modal in qualsiasi punto del tuo sito WordPress. Puoi usare i seguenti metodi integrati: 1. Come [voce di menu](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#menu-item) 2. Usando uno [shortcode](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#shortcode) 3. Come [blocco Gutenberg](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#block) 4. All’interno dei tuoi template [in modo programmatico](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#code) ### Personalizzazione del template SearchWP Modal Search Form integra un caricatore di template per visualizzare i moduli di ricerca in qualsiasi template, consentendoti di _personalizzare completamente_ l’aspetto del modal per ogni template. Il modo più semplice per creare un template personalizzato è il seguente: 1. Crea una cartella denominata `searchwp-modal-form` all’interno del tuo tema 2. Crea un file all’interno di questa cartella chiamato `template.php` (o qualsiasi altro nome che finisca con `.php`) 3. Copia il contenuto del [template predefinito](https://github.com/jchristopher/searchwp-modal-search-form/blob/master/templates/default.php) in quel file 4. Personalizza il valore di `SearchWP Modal Form Name` nel blocco dei commenti dell’header 5. Aggiungi tutte le personalizzazioni che desideri al markup/stile, facendo attenzione alla documentazione Ci sono eventi (jQuery) che si attivano quando i modal vengono aperti e chiusi. jQuery _non è_ una dipendenza, ma se jQuery è caricato gli eventi si attivano. ``` // 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!'); }); ``` Per informazioni più dettagliate, consulta la [documentazione completa del template](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#templates). ## Screenshot [⌊SearchWP Modal Search Form si adatta al tuo tema⌉⌊SearchWP Modal Search Form si adatta al tuo tema⌉[ SearchWP Modal Search Form si adatta al tuo tema [⌊SearchWP Modal Search Form si adatta al tuo tema⌉⌊SearchWP Modal Search Form si adatta al tuo tema⌉[ SearchWP Modal Search Form si adatta al tuo tema [⌊SearchWP Modal Search Form si adatta al tuo tema⌉⌊SearchWP Modal Search Form si adatta al tuo tema⌉[ SearchWP Modal Search Form si adatta al tuo tema [⌊Inserisci trigger modal direttamente nei tuoi menu⌉⌊Inserisci trigger modal direttamente nei tuoi menu⌉[ Inserisci trigger modal direttamente nei tuoi menu [⌊Inserisci i trigger modal come blocchi Gutenberg⌉⌊Inserisci i trigger modal come blocchi Gutenberg⌉[ Inserisci i trigger modal come blocchi Gutenberg ## Blocchi Questo plugin fornisce 1 blocco. * SearchWP Modal Form Insert a modal search form ## Installazione SearchWP Modal Search Form si installa come tutti i plugin di WordPress. Puoi installare questo plugin dopo aver fatto la connessione al tuo menu di amministrazione WordPress. Poi vai alla voce `Plugin > Aggiungi un nuovo plugin` nel menu di amministrazione e cerca `SearchWP Modal Search Form`. In alternativa, puoi installare il plugin anche manualmente: 1. Scarica il plugin ed estrai i file 2. Carica la cartella `searchwp-modal-form` nella cartella `~/wp-content/plugins/` 3. Attiva il plugin attraverso il menu “Plugin” di WordPress. 4. Aggiungi uno o più moduli modal utilizzando i metodi disponibili ## FAQ ### Esiste una documentazione? Naturalmente! [Visualizza la documentazione completa](https://searchwp.com/extensions/modal-form/) ### Come posso aggiungere un modulo modal al mio sito web? Esistono diversi modi per aggiungere al tuo sito i trigger dei moduli modal. Puoi aggiungerne quanti ne vuoi e dove vuoi: 1. Come [voce di menu](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#menu-item) 2. Usando uno [shortcode](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#shortcode) 3. Come [blocco Gutenberg](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#block) 4. All’interno dei tuoi template [in modo programmatico](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#code) ### Come faccio a personalizzare il modal? Per informazioni dettagliate, [ dai un’occhiata alla documentazione completa del template](https://searchwp.com/extensions/modal-form/?utm_source=wordpressorg&utm_medium=link&utm_content=readme&utm_campaign=modalform#templates). ## Recensioni ![](https://secure.gravatar.com/avatar/7eaf8af4da7d2b0102453ac3e96580dd236994d998e236f54e33fd7c1fb90d84? s=60&d=retro&r=g) ### 󠀁[Great support](https://wordpress.org/support/topic/great-support-4987/)󠁿 [Bob](https://profiles.wordpress.org/prasunsen/) 6 Luglio 2023 Very helpful support, thanks for everything that you do! ![](https://secure.gravatar.com/avatar/d9d94572a269fd74e0a1458c8388cb68eef1000f9a89c19d148f30557612fa71? s=60&d=retro&r=g) ### 󠀁[Excellent Word Press Search Plugin](https://wordpress.org/support/topic/excellent-word-press-search-plugin/)󠁿 [commexjimmy](https://profiles.wordpress.org/commejimmy/) 18 Ottobre 2022 I have used this plugin on all my websites and it works great. Simple install and set-up. I even have it on the top right corner of my website and as a menu item so mobile users can easily access it. I highly recommend this plugin. Great job programmer's! ![](https://secure.gravatar.com/avatar/9b18528d5ba0272ce5bc172aeb43606271a1404e815ae63cb1d32a8b10c01381? s=60&d=retro&r=g) ### 󠀁[Perfect!! Exactly what I was looking for!](https://wordpress.org/support/topic/perfect-exactly-what-i-was-looking-for-8/)󠁿 [SunnyDay](https://profiles.wordpress.org/reallycoolgardenstuff/) 24 Maggio 2022 Very easy to install. Does exactly what it needs to. Thank you! ![](https://secure.gravatar.com/avatar/1fa392a47e8fbda7f82912b29de3099cfa9e2e752d1f16cbac897837c3473999? s=60&d=retro&r=g) ### 󠀁[Simple and just working](https://wordpress.org/support/topic/simple-and-just-working/)󠁿 [kayamurer](https://profiles.wordpress.org/kayamurer/) 17 Gennaio 2020 The plugin works exactly as expected. The support is great and very friendly. ![](https://secure.gravatar.com/avatar/a5582a57c02416db39e38e51c5fe6d2a48d29d009a519d6bab8e6f945de4c111? s=60&d=retro&r=g) ### 󠀁[Great plugin, great support!](https://wordpress.org/support/topic/great-plugin-great-support-1060/)󠁿 [Andy Smith](https://profiles.wordpress.org/andy-smith/) 30 Agosto 2019 Had one minor (if a little strange) issue, but it was fixed within a few hours. Works really well. ![](https://secure.gravatar.com/avatar/56b4fe1bec55b6579107ccbb475a73e0bc088d8490027962ade4dd3ca03c1657? s=60&d=retro&r=g) ### 󠀁[If this developer makes a search plugin use it](https://wordpress.org/support/topic/if-this-developer-makes-a-search-plugin-use-it/)󠁿 [mimmt](https://profiles.wordpress.org/mimmt/) 26 Giugno 2019 1 risposta Massive fan of SearchWP so I wound not expect anything other than a brilliant plugin that I'm sure I'll use on many projects. [ Leggi tutte le recensioni di 6 ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/) ## Contributi e sviluppo “SearchWP Modal Search Form” è un software open source. Le persone che hanno contribuito allo sviluppo di questo plugin sono indicate di seguito. Collaboratori * [ Syed Balkhi ](https://profiles.wordpress.org/smub/) * [ Jon Christopher ](https://profiles.wordpress.org/jchristopher/) * [ Pavlo ](https://profiles.wordpress.org/pavloopanasenko/) “SearchWP Modal Search Form” è stato tradotto in 1 lingua. Grazie a [chi traduce](https://translate.wordpress.org/projects/wp-plugins/searchwp-modal-search-form/contributors) per il contributo. [Traduci “SearchWP Modal Search Form” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/searchwp-modal-search-form) ### Ti interessa lo sviluppo? [Esplora il codice](https://plugins.trac.wordpress.org/browser/searchwp-modal-search-form/) segui il [repository SVN](https://plugins.svn.wordpress.org/searchwp-modal-search-form/), segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/searchwp-modal-search-form/) tramite [RSS](https://plugins.trac.wordpress.org/log/searchwp-modal-search-form/?limit=100&mode=stop_on_copy&format=rss). ## Changelog _0.5.7_ – WordPress 6.9 compatibility. _0.5.6_ – Adds an option to display the Search Modal trigger as an icon. – Adds an option to select a SearchWP form to use in the modal if SearchWP is active. – Minor UI improvements. – Drops SearchWP 3.x support. _0.5.5_ – Fixes settings page appearance and menu structure when SearchWP Live Search is active. _0.5.4_ – Fixes Settings link location in the plugins list when SearchWP is activated.– Fixes Modal breaks emojis in menu items. _0.5.3_ – Corretto l’errore “Call to undefined method” (Chiamata a metodo non definito) che compariva su alcuni temi. _0.5.2_ – Corregge gli avvisi di deprecazione su PHP 8.2. – Migliora la semantica dei tag HTML del template predefinito. – Corregge l’errore di aggiunta di un blocco Modal Form Gutenberg alla pagina. – Modifica l’aspetto della pagina delle impostazioni e la struttura del menu per funzionare perfettamente con la versione corrente di SearchWP. _0.5.1_ – Aggiunge un sistema di notifica all’interno del plugin per ricevere gli ultimi aggiornamenti da SearchWP. _0.5.0_ – Aggiunge una nuova pagina di amministrazione delle impostazioni per controllare più facilmente il comportamento del plugin. _0.4.1_ – Compatibilità con PHP 8 _0.4.0_ – Corregge un problema che si verifica in alcuni casi con la codifica dei caratteri – Aggiorna le dipendenze – Aggiorna il bundler e i comandi NPM associati _0.3.4_ – Corregge l’errore quando si utilizza SearchWP 4 _0.3.3_ – Corregge l’errore in alcuni casi introdotto nella 0.3.2 _0.3.2_ – Compatibilità con SearchWP 4.0 (quando sarà disponibile) – Corretto il problema dell’output HTML delle voci di menu _0.3.1_ – Rimuove il foglio di stile inutilizzato – Aggiorna le dipendenze _0.3_ – Aggiorna le dipendenze – Aggiunge gli eventi jQuery all’apertura e chiusura dei modal _0.2.3_ – Corregge la regressione introdotta nella 0.2.2 che impediva la ricerca con il tasto Invio _0.2.2_ – Corregge un problema con il trigger del modal che non funzionava in alcuni casi _0.2.1_ – Corregge l’errore di contesto fatale `$this` _0.2_ – Aggiunge il supporto per l’argomento `class` – Corregge un problema con il tipo `button` _0.1_ Rilascio iniziale ## Meta * Versione **0.5.7** * Ultimo aggiornamento **10 mesi fa** * Installazioni attive **5.000+** * Versione WordPress ** 5.0 o superiore ** * Testato fino alla versione **6.9.10** * Versione PHP ** 7.0 o superiore ** * Lingue * [English (US)](https://wordpress.org/plugins/searchwp-modal-search-form/) e [Portuguese (Portugal)](https://pt.wordpress.org/plugins/searchwp-modal-search-form/). * [Traduci nella tua lingua](https://translate.wordpress.org/projects/wp-plugins/searchwp-modal-search-form) * Tag * [form](https://it.wordpress.org/plugins/tags/form/)[modal](https://it.wordpress.org/plugins/tags/modal/) [search](https://it.wordpress.org/plugins/tags/search/)[searchwp](https://it.wordpress.org/plugins/tags/searchwp/) * [Visualizzazione avanzata](https://it.wordpress.org/plugins/searchwp-modal-search-form/advanced/) ## Valutazioni 5 su 5 stelle. * [ 6 recensioni a 5-stelle ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=5) * [ 0 recensioni a 4-stelle ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=4) * [ 0 recensioni a 3-stelle ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=3) * [ 0 recensioni a 2-stelle ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=2) * [ 0 recensioni a 1-stelle ](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/?filter=1) [La tua recensione](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/#new-post) [Vedi tutte le recensioni](https://wordpress.org/support/plugin/searchwp-modal-search-form/reviews/) ## Collaboratori * [ Syed Balkhi ](https://profiles.wordpress.org/smub/) * [ Jon Christopher ](https://profiles.wordpress.org/jchristopher/) * [ Pavlo ](https://profiles.wordpress.org/pavloopanasenko/) ## Supporto Hai qualcosa da dire? Ti serve aiuto? [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/searchwp-modal-search-form/)