Come aggiungere un modulo di ricerca in un post di WordPress con uno shortcode

Vuoi aggiungere un modulo di ricerca a un post di WordPress?

L'aggiunta di un modulo di ricerca al contenuto del tuo post o della pagina è un buon modo per incoraggiare i tuoi visitatori a trovare più contenuti e rimanere sul tuo sito web più a lungo.

In questo articolo, ti mostreremo come aggiungere un modulo di ricerca nei tuoi post e nelle tue pagine utilizzando uno shortcode di ricerca di WordPress.

Perché aggiungere un modulo di ricerca ai tuoi post e alle tue pagine?

Se un visitatore si è divertito a leggere un post sul tuo blog WordPress, probabilmente vorrà saperne di più. Offrire un modulo di ricerca nel post li aiuterà a trovare più contenuti a cui sono interessati.

Quando consenti agli utenti di trascorrere più tempo sul tuo sito Web, puoi aumentare le visualizzazioni di pagina e ridurre la frequenza di rimbalzo.

È anche più probabile che i tuoi visitatori si uniscano alla tua lista e-mail, lascino un commento, effettuino un acquisto e ti seguano sui social media.

In questo tutorial, ti mostreremo come aggiungere il modulo di ricerca standard di WordPress ai tuoi post. Se desideri aggiungere un modulo di ricerca personalizzato, consulta la nostra guida passo passo su come creare un modulo di ricerca WordPress personalizzato.

Ti mostreremo due metodi per aggiungere un modulo di ricerca ai tuoi post e il primo è il più semplice. Usa i link sottostanti per passare al metodo che desideri utilizzare.

• Metodo 1: aggiunta di un modulo di ricerca con un plug-in
• Metodo 2: aggiunta di un modulo di ricerca utilizzando il codice

Metodo 1: aggiunta di un modulo di ricerca con un plug-in

Il modo più semplice per aggiungere un modulo di ricerca ai tuoi post è utilizzare il plug-in SearchWP. È il miglior plugin di ricerca per WordPress utilizzato da oltre 30.000 siti.

Configurazione di SearchWP

La prima cosa che devi fare è installare e attivare il plugin. Per maggiori dettagli, consulta la nostra guida passo passo su come installare un plugin per WordPress.

Dopo l'attivazione, è necessario visitare la pagina Impostazioni »SearchWP e quindi fare clic sull'opzione di menu "Licenza".

È quindi necessario inserire la chiave di licenza nella casella Licenza. Puoi trovare queste informazioni nel tuo account sul sito Web di SearchWP. Successivamente, dovresti fare clic sul pulsante Attiva.

Successivamente, è necessario fare clic sull'opzione di menu Motori. Questo ti porta a una schermata in cui puoi scegliere le impostazioni del tuo motore di ricerca.

Qui è necessario creare un motore di ricerca a livello di sito. Puoi modificare le impostazioni del tuo motore di ricerca facendo clic sui menu a discesa Post, Pagine e Media.

I dispositivi di scorrimento Rilevanza attributi in ogni sezione regolano il modo in cui i motori di ricerca valutano e classificano i contenuti. Ad esempio, se vuoi dare un valore al titolo del post più alto del contenuto, puoi regolare i cursori di conseguenza.

Dopo aver finito di regolare le impostazioni, assicurati di fare clic sul pulsante "Salva motori" per salvare il motore di ricerca predefinito.

Aggiunta di un modulo di ricerca a un post

Ora devi scaricare l'estensione shortcodes di SearchWP per aggiungere facilmente il tuo nuovo modulo di ricerca post personalizzato a WordPress.

Dovrai visitare il sito Web di SearchWP Shortcodes Extension e quindi fare clic sul pulsante "Scarica disponibile con licenza attiva".

Successivamente, devi installare e attivare l'estensione nello stesso modo in cui hai installato il plug-in sopra. Ora puoi aggiungere un modulo di ricerca nei tuoi post.

Modifica semplicemente il post e posiziona il cursore nel punto in cui desideri aggiungere il modulo di ricerca. Successivamente, fai clic sull'icona più "Aggiungi blocco" per visualizzare il menu dei blocchi.

Quindi, digita "html" nella casella di ricerca. Quindi, seleziona il blocco "HTML personalizzato".

Dopo aver aggiunto il nuovo blocco, puoi aggiungere i seguenti shortcode e HTML alla tua pagina. Se hai bisogno di ulteriore aiuto, consulta la nostra guida su come aggiungere uno shortcode in WordPress.

[searchwp_search_form]
   
<div class="search-results-wrapper">
 [searchwp_search_results]
  <h2>[searchwp_search_result_link]</h2>
  [searchwp_search_result_excerpt]
 [/searchwp_search_results]
</div>
   
<div class="no-search-results-found">
 [searchwp_search_results_none]
 No results found, please search again.
 [/searchwp_search_results_none]
</div>
   
<div class="search-results-pagination">
 [searchwp_search_results_pagination direction="prev" link_text="Previous"]
 [searchwp_search_results_pagination direction="next" link_text="Next"]
</div>

Questo codice aggiungerà un modulo di ricerca al post, creerà una sezione per visualizzare i risultati della ricerca, mostrerà un messaggio di nessun risultato se necessario e aggiungerà l'impaginazione se i risultati vanno in più pagine.

Assicurati di fare clic su Pubblica o Aggiorna per salvare il tuo post e renderlo attivo.

Per vedere il modulo di ricerca in azione, visualizza semplicemente il post sul tuo sito Web WordPress. Ecco come appare sul nostro sito demo che esegue il tema Twenty Twenty-One.

Per ulteriori suggerimenti sulla personalizzazione della ricerca, consulta la nostra guida su come migliorare la ricerca di WordPress con SearchWP.

Metodo 2: aggiunta di un modulo di ricerca utilizzando il codice

Puoi anche aggiungere un modulo di ricerca ai tuoi post WordPress utilizzando uno snippet di codice. Questo metodo non è consigliato per i principianti, quindi se non hai familiarità con il codice, dovresti usare invece il Metodo 1.

In questo metodo dovrai modificare il file functions.php del tuo tema.

Se non hai mai modificato il file functions.php, dai un'occhiata alla nostra guida per principianti su come incollare frammenti dal Web in WordPress.

Tutto quello che devi fare è aprire il file functions.php del tuo tema o un plug-in specifico del sito e incollare il seguente codice:

add_shortcode('wpbsearch', 'get_search_form');

Ecco come appare sul nostro sito web demo quando si utilizza l'editor di temi di WordPress per aggiungere lo snippet al file functions.php del tema Twenty Twenty-One.

Dopodiché, aggiungi semplicemente lo shortcode [wpbsearch] al post o alla pagina in cui desideri che appaia il modulo di ricerca.

Verrà visualizzato il modulo di ricerca predefinito. Per vedere il modulo di ricerca, visualizza semplicemente il post sul tuo sito Web WordPress.

Se desideri visualizzare un modulo di ricerca personalizzato, dovresti invece utilizzare questo codice.

function wpbsearchform( $form ) {
  
    $form = '<form role="search" method="get" id="searchform" action="' . home_url( '/' ) . '" >
    <div><label class="screen-reader-text" for="s">' . __('Search for:') . '</label>
    <input type="text" value="' . get_search_query() . '" name="s" id="s" />
    <input type="submit" id="searchsubmit" value="'. esc_attr__('Search') .'" />
    </div>
    </form>';
  
    return $form;
}
  
add_shortcode('wpbsearch', 'wpbsearchform');

Sentiti libero di modificare il codice per personalizzare il modulo di ricerca come desideri.

Ci auguriamo che questo tutorial ti abbia aiutato a imparare come aggiungere una ricerca nel tuo post con uno shortcode di ricerca di WordPress.

Potresti anche voler imparare come creare un indirizzo email aziendale gratuito o consultare il nostro elenco di motivi per cui dovresti utilizzare WordPress per il tuo sito web.

Se ti è piaciuto questo articolo, iscriviti al nostro canale YouTube per i tutorial video di WordPress. Ci trovate anche su Twitter e Facebook.