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 ma lo userà se è già installato e attivato! 👍
Oltre alle informazioni fornite in questo README
, puoi consultare anche la documentazione completa.
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 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:
- Come voce di menu
- Usando uno shortcode
- Come blocco Gutenberg
- All’interno dei tuoi template in modo programmatico
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:
- Crea una cartella denominata
searchwp-modal-form
all’interno del tuo tema - Crea un file all’interno di questa cartella chiamato
template.php
(o qualsiasi altro nome che finisca con.php
) - Copia il contenuto del template predefinito in quel file
- Personalizza il valore di
SearchWP Modal Form Name
nel blocco dei commenti dell’header - 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.
Screenshot
Blocchi
Questo plugin fornisce 1 blocco.
- Modal 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:
- Scarica il plugin ed estrai i file
- Carica la cartella
searchwp-modal-form
nella cartella~/wp-content/plugins/
- Attiva il plugin attraverso il menu “Plugin” di WordPress.
- Aggiungi uno o più moduli modal utilizzando i metodi disponibili
FAQ
-
Esiste una documentazione?
-
Naturalmente! Visualizza la documentazione completa
-
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:
- Come voce di menu
- Usando uno shortcode
- Come blocco Gutenberg
- All’interno dei tuoi template in modo programmatico
-
Come faccio a personalizzare il modal?
-
Per informazioni dettagliate, dai un’occhiata alla documentazione completa del template.
Recensioni
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“SearchWP Modal Search Form” è stato tradotto in 1 lingua. Grazie ai traduttori per i loro contributi.
Traduci “SearchWP Modal Search Form” nella tua lingua.
Ti interessa lo sviluppo?
Esplora il codice segui il repository SVN, segui il log delle modifiche tramite RSS.
Changelog
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