Aggiungere altri link al menu di WordPress non aiuterà se i visitatori non riescono ancora a trovare ciò che cercano. E sui dispositivi mobili, i menu lunghi sono particolarmente frustranti da usare. Fare clic su più collegamenti è lento e i visitatori spesso rinunciano prima di raggiungere la pagina giusta.
Questo è un problema comune sui siti Web in crescita e ricchi di contenuti. Quindi, molti utenti si aspettano una barra di ricerca direttamente nel menu di navigazione. È più veloce, più pulito e rende molto più facile per i visitatori trovare contenuti.
Abbiamo testato questo su decine di siti web e i risultati sono sempre gli stessi: quando gli utenti possono cercare direttamente dal menu principale, interagiscono di più e rimangono più a lungo. È una piccola modifica che porta a grandi miglioramenti.
In questa guida passo passo, ti mostreremo come aggiungere una barra di ricerca al tuo menu di WordPress utilizzando metodi semplici che funzionano con la maggior parte dei temi. 🔎
Perché aggiungere una barra di ricerca al menu di navigazione di WordPress?
Una barra di ricerca aiuta gli utenti a trovare ciò che cercano senza lasciare il tuo sito Web WordPress. Questo può migliorare l'esperienza utente, mantenere i visitatori sul tuo sito più a lungo e aumentare l'engagement.
Ecco perché la maggior parte dei web designer ed esperti consiglia di aggiungere una barra di ricerca al menu di navigazione, dove gli utenti possono trovarla facilmente.
A seconda del tema che utilizzi, il modo in cui aggiungi una barra di ricerca al tuo menu sarà diverso.
Se utilizzi un tema classico, avrai bisogno di un plugin di ricerca WordPress. Per gli utenti di temi a blocchi, puoi semplicemente utilizzare l'Editor completo del sito (FSE).
Tenendo conto di ciò, esamineremo i due metodi uno per uno. Puoi utilizzare i collegamenti rapidi qui sotto per saltare alla sezione desiderata:
- Metodo 1: Aggiungere una barra di ricerca nel menu di un tema WordPress classico
- Metodo 2: Aggiungere una barra di ricerca nel menu di un tema WordPress a blocchi
- Suggerimento bonus: Usa SearchWP per migliorare la tua ricerca su WordPress
- FAQ: Come aggiungere una barra di ricerca in WordPress
- Prossimi passi: Migliora la ricerca di WordPress
Iniziamo.
Metodo 1: Aggiungere una barra di ricerca nel menu di un tema WordPress classico
Questo primo metodo è per coloro che utilizzano un tema WordPress classico. Ciò significa che vedi il menu Aspetto » Personalizza nella tua bacheca di WordPress e puoi accedere al Personalizzatore del tema.
Se utilizzi un tema classico, puoi aggiungere il widget di ricerca di WordPress solo alle aree predisposte per i widget come la barra laterale, non al menu di WordPress.
Per aggirare questo problema, avrai bisogno di un plugin che ti permetta di aggiungere una barra di ricerca in altre aree del tuo sito, inclusi i menu di navigazione.
SearchWP Modal Search Form è la nostra migliore raccomandazione. Questo plugin gratuito è facile da usare, si integra perfettamente con qualsiasi tema e non influenzerà negativamente le prestazioni del tuo sito. Inoltre, non richiede il plugin premium SearchWP.
La prima cosa che devi fare è installare e attivare il plugin SearchWP Modal Search Form.
Nella tua area di amministrazione di WordPress, vai su Plugin » Aggiungi nuovo plugin.
Successivamente, puoi usare la barra di ricerca per trovare rapidamente il plugin.
Quando lo trovi, fai semplicemente clic su ‘Installa ora’ e poi su ‘Attiva’ quando appare.
Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin di WordPress.
Una volta attivato il plugin, puoi aggiungere la barra di ricerca al tuo menu di WordPress. Vai semplicemente su Aspetto » Menu e assicurati di selezionare il menu Primario nel menu a discesa ‘Seleziona menu da modificare’.
Dopodiché, fai clic sul pulsante 'Seleziona'.
Successivamente, fai clic sulla casella Moduli di ricerca SearchWP Modal sul lato sinistro dello schermo.
Vedrai che il plugin ha aggiunto automaticamente un modello di ricerca ‘Native WordPress’.
Fai clic sul pulsante ‘Aggiungi al menu’.
WordPress aggiungerà ora una nuova voce ‘Native WordPress’ al tuo menu.
Per configurare questa voce, fai clic su di essa per espandere le sue impostazioni. Per iniziare, è una buona idea cambiare l'etichetta di navigazione in ‘Cerca’ in modo che i visitatori sappiano che si tratta di un campo di ricerca.
Per apportare questa modifica, digita semplicemente ‘Search’ nel campo ‘Navigation Label’.
Dopodiché, fai clic sul pulsante ‘Save Menu’ per salvare le modifiche. Ora, se visiti il tuo blog WordPress, vedrai una nuova barra di ricerca nel menu di navigazione.
SearchWP stilizzerà automaticamente la ricerca per adattarla al tuo tema WordPress, come puoi vedere nelle seguenti immagini.
Metodo 2: Aggiungere una barra di ricerca nel menu di un tema WordPress a blocchi
Se utilizzi un tema WordPress a blocchi, puoi usare l'Editor del sito completo per aggiungere una barra di ricerca al tuo menu di navigazione.
Per fare ciò, vai semplicemente su Aspetto » Editor nell'area di amministrazione di WordPress.
Ora vedrai un elenco di opzioni per personalizzare il tuo tema.
Qui, fai semplicemente clic su ‘Navigazione’.
Successivamente, fai clic sul pulsante ‘Modifica’ con la matita per il tuo menu di navigazione.
Questo ti porterà all'editor a blocchi.
A questo punto, fai clic sul pulsante ‘+ Aggiungi blocco’ all'interno del tuo menu di navigazione.
Dopodiché, scegli il blocco di ricerca.
Il tuo menu di navigazione dovrebbe ora avere una barra di ricerca.
Inoltre, puoi modificare il testo segnaposto e cambiarlo in qualcosa come ‘Cosa stai cercando?’
Nella barra laterale delle impostazioni del blocco, sentiti libero di personalizzare l'aspetto della barra di ricerca. E una volta che sei soddisfatto del blocco di ricerca, fai semplicemente clic su ‘Salva’.
Suggerimento bonus: Usa SearchWP per migliorare la tua ricerca su WordPress
Oltre ad aggiungere una barra di ricerca al tuo menu di navigazione, ci sono molti altri modi per migliorare la tua esperienza di ricerca su WordPress.
Un'opzione è utilizzare SearchWP. È il miglior plugin di ricerca per WordPress per personalizzare il tuo algoritmo di ricerca senza toccare alcun codice.
Scopri di più sul plugin nella nostra recensione dettagliata di SearchWP.
Ad esempio, puoi rendere il tuo modulo di ricerca ancora più intuitivo aggiungendo risultati di ricerca live utilizzando Ajax. Questo mostrerà automaticamente al visitatore i risultati di ricerca pertinenti mentre digita la query, proprio come Google.
Per maggiori informazioni, puoi leggere il nostro articolo su come aggiungere la ricerca Ajax live al tuo sito WordPress.
Aggiungere una barra di ricerca SearchWP è anche facile. Se utilizzi il modulo di ricerca SearchWP Search Modal nel Metodo 1, allora puoi usare anche il plugin SearchWP con esso.
Se utilizzi un tema a blocchi, SearchWP viene fornito con un blocco modulo di ricerca integrato che puoi aggiungere ovunque sul tuo sito, incluso il menu di navigazione.
FAQ: Come aggiungere una barra di ricerca in WordPress
Aggiungere una barra di ricerca al tuo sito WordPress è solitamente semplice, ma lungo il percorso sorgono alcune domande comuni. Di seguito, forniremo risposte rapide ai problemi più comuni e alle funzionalità correlate che i lettori chiedono spesso.
Perché la mia barra di ricerca non viene visualizzata?
Questo di solito accade a causa del tuo tema o di dove è posizionato il widget di ricerca. Alcuni temi visualizzano le barre di ricerca solo in aree specifiche, come l'intestazione o la barra laterale. Può anche essere nascosto da CSS personalizzato o non aggiunto al menu o all'area widget corretti.
Passare temporaneamente a un tema WordPress predefinito può aiutare a confermare se il problema è correlato al tema. Se stai utilizzando un plugin, assicurati che sia attivato e correttamente collegato alle impostazioni del menu o dell'intestazione.
Come aggiungo un'icona di ricerca al mio sito WordPress?
Molti temi WordPress includono un'opzione integrata per mostrare un'icona di ricerca nell'intestazione o nel menu di navigazione. Di solito puoi trovarla in Aspetto » Personalizza o nelle impostazioni dell'intestazione del tuo tema.
Se il tuo tema non supporta questa funzione, alcuni plugin possono aggiungere un'icona di ricerca cliccabile che apre una barra di ricerca. Questa è un'opzione popolare per mantenere i menu puliti, specialmente sui dispositivi mobili.
Come creo una tabella ricercabile in WordPress?
Per rendere una tabella ricercabile, avrai bisogno di un plugin per tabelle che includa una funzione di ricerca integrata. Questi plugin consentono ai visitatori di digitare in un campo di ricerca e filtrare istantaneamente le righe della tabella in base alle parole chiave.
Questo è utile per tabelle dei prezzi, elenchi di prodotti, directory o grafici di confronto in cui gli utenti devono trovare rapidamente informazioni specifiche.
Come faccio a far apparire la barra di ricerca in una pagina?
Il modo più semplice è aggiungere un blocco di ricerca alla pagina utilizzando l'editor a blocchi di WordPress. Cerca semplicemente il blocco di ricerca e posizionalo dove vuoi che appaia.
Alcuni plugin e temi ti consentono anche di mostrare una barra di ricerca utilizzando un pulsante o un'icona che si espande quando cliccata, il che funziona bene per le landing page o i layout mobili.
Come aggiungo una barra di ricerca in WordPress senza plugin?
Puoi aggiungere una barra di ricerca di base senza plugin utilizzando il blocco o il widget di ricerca integrato di WordPress. Posizionalo semplicemente in una pagina, post, barra laterale o piè di pagina utilizzando l'editor a blocchi o le impostazioni del widget.
Per un posizionamento avanzato, come l'aggiunta della ricerca a un menu o a un'intestazione senza plugin, dovrai solitamente modificare i file del tema o aggiungere codice personalizzato. Ecco perché molti principianti preferiscono usare i plugin: è più veloce e sicuro.
Prossimi passi: Migliora la ricerca di WordPress
Speriamo che questo articolo ti abbia aiutato a imparare come aggiungere una barra di ricerca a un menu di WordPress.
Se desideri migliorare ulteriormente la funzione di ricerca del tuo sito WordPress, ecco altri suggerimenti e trucchi per iniziare:
- Come usare moduli di ricerca multipli in WordPress
- Come personalizzare la pagina dei risultati di ricerca in WordPress
- Come cercare per categoria in WordPress
- Come escludere pagine dai risultati di ricerca di WordPress
- Come aggiungere la ricerca multilingue in WordPress
Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per tutorial video su WordPress. Puoi anche trovarci su Twitter e Facebook.
Angel Rodriguez
Grazie per questo, questo plugin ha funzionato benissimo e mi ha evitato di dover sostituire o modificare di nuovo il mio tema.
Supporto WPBeginner
Lieti che la nostra raccomandazione sia stata utile!
Amministratore
Maricel
Grazie! Molto utile e molto facile.
Supporto WPBeginner
Lieti di sapere che il nostro articolo è stato utile!
Amministratore
Rawan
Questi plugin non sono stati testati per la versione WP 5.8.1
È ancora possibile installarli o ci sono altri plugin testati per quella versione?
jafrin
ciao
Questo video mi è molto utile. Ma vorrei che il menu a barre fosse come la pagina di Amazon. Per favore, aiutami. Come creo una barra di ricerca grande come quella della pagina di Amazon
Supporto WPBeginner
Dipenderebbe dagli specifici che stai cercando, ma come punto di partenza ti consigliamo di dare un'occhiata al nostro articolo qui sotto:
https://014.leahstevensyj.workers.dev/plugins/how-to-let-users-filter-posts-and-pages-in-wordpress/
Amministratore
Erin
C'è un modo per visualizzare i risultati generati dal plugin in modo diverso? Ottengo un elenco di immagini e descrizioni, ma le immagini vengono visualizzate in dimensioni diverse. Vorrei che venissero visualizzate nello stesso modo delle mie pagine prodotto con 24 risultati per pagina e 4 colonne.
grazie
Supporto WPBeginner
Per personalizzare la pagina dei risultati dovresti contattare il supporto del plugin, dovrebbero essere in grado di aiutarti.
Amministratore
Okereke Divine
Come al solito, wpbeginner è sempre stato d'aiuto. Grazie mille
Supporto WPBeginner
You’re welcome, glad our guide could be helpful
Amministratore
Parwez
Signore, come ha creato logo, barra di ricerca e menu nell'intestazione uno accanto all'altro
Supporto WPBeginner
Our theme is custom created so we manually set that up with the creation of the theme
Amministratore
Angelica
Davvero utile! Trovo che lo stile predefinito non sia visivamente gradevole, ma l'opzione scorrevole funziona a meraviglia. Grazie per questo.
Supporto WPBeginner
You’re welcome, glad our article could be helpful
Amministratore
Rochelle
Vorrei che l'elemento di ricerca apparisse come primo elemento nel menu, non come ultimo. È possibile?
Supporto WPBeginner
It would depend on your specific theme but if you reach out to the plugin’s support they will be able to help you change the placement
Amministratore
Anupam Kumar
Ciao,
Come stilizzare le icone social come hai fatto sul tuo sito, con quegli spazi e quelle linee, non conosco il CSS.
Grazie
Supporto WPBeginner
Per capire il CSS e come impostiamo le nostre icone, dovresti dare un'occhiata al nostro articolo qui: https://014.leahstevensyj.workers.dev/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Amministratore
Rubb
La spiegazione non è corretta, le immagini dello schermo sono sbagliate e penso che sia il plugin sbagliato
Supporto WPBeginner
Sembra che il plugin sia stato aggiornato da quando questo articolo è stato scritto, daremo un'occhiata per aggiornare questo post.
Amministratore
James King
Ragazzi, questo non funziona. Per cominciare, non esiste un plugin del genere.
Supporto WPBeginner
Thank you for letting us know, it appears the plugin has been renamed since we created this article. We’ll look into updating this
Amministratore
Raymond
Perché ogni soluzione su questo sito è un plugin? I plugin appesantiscono i siti web e li rallentano; ci si aspetterebbe che tu lo sapessi. Ci sono soluzioni migliori che installare un plugin per ogni cosa!
Supporto WPBeginner
Ci sforziamo di rendere le soluzioni il più semplici possibile per i nostri utenti, motivo per cui i nostri articoli tendono verso i plugin. In questo modo, se un utente non si sente a suo agio a modificare i file del proprio sito, ha un'opzione plugin che può essere facilmente rimossa dal proprio sito nel caso in cui non funzioni per lui.
Inoltre, non è così semplice come dire che tutti i plugin rallentano il tuo sito. I plugin scritti male rallentano il tuo sito. https://014.leahstevensyj.workers.dev/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Amministratore
Ann
perché le mie impostazioni non hanno l'opzione AGGIUNGI AL MENU DI RICERCA
Dan Conway
Non sono sicuro se sia dovuto a un aggiornamento, ma ho notato la stessa cosa. Ma sembra che l'opzione si trovi sotto 'Ivory Search > Impostazioni', quindi dovresti vedere le prime impostazioni che sono 'Ricerca menu' e la prima opzione espandibile per selezionare un menu a cui aggiungerla.
Aditi Bisen
Ciao,
Possiamo scegliere se la ricerca appare solo per la versione mobile/tablet e non per il desktop?
Ihsan
sfortunatamente, non viene visualizzato correttamente perché crea problemi con il menu di navigazione. Ho provato diversi plugin e sono tutti uguali. Per un principiante, sembra non esserci altro modo che chiedere allo sviluppatore del tema o a un professionista per codificarlo manualmente.
Damith
No, non è necessario diventare uno sviluppatore o un professionista per apportare piccole modifiche CSS personalizzate.