Come aggiungere un modulo di ricerca in un post di WordPress

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

Aggiungendo una barra di ricerca al contenuto del vostro post, potete aiutare i visitatori a trovare altri contenuti di qualità e farli rimanere sul vostro sito più a lungo.

In questo articolo vi mostreremo come aggiungere un modulo di ricerca a un post di WordPress.

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

Se i visitatori apprezzano un post sul vostro sito WordPress, è probabile che vogliano leggerne altri. Aggiungendo un modulo di ricerca a un post, potete aiutare i visitatori a trovare altri blog che sono interessati a leggere.

In questo modo è possibile aumentare le pagine viste e ridurre la frequenza di rimbalzo.

Più a lungo i visitatori rimangono sul vostro sito web, maggiore è la possibilità che si iscrivano alla vostra lista e-mail, lascino un commento, facciano un acquisto, vi seguano sui social media o compiano altre azioni positive.

In questa guida vi mostreremo come aggiungere il modulo di ricerca standard di WordPress ai vostri post. Se invece volete utilizzare un modulo personalizzato, consultate la nostra guida passo-passo su come creare un modulo di ricerca WordPress personalizzato.

Detto questo, vediamo come aggiungere facilmente un modulo di ricerca in un post di WordPress. Utilizzate i link rapidi qui sotto per passare direttamente al metodo che desiderate utilizzare:

Metodo 1. Aggiungere un modulo di ricerca in un post di WordPress (funziona con qualsiasi tema)

Il modo più semplice per aggiungere un modulo di ricerca ai post è quello di utilizzare il blocco di ricerca integrato.

In questa guida vi mostreremo come aggiungere il blocco a un post, ma potete anche aggiungerlo a qualsiasi pagina o area del vostro sito predisposta per i widget.

Per iniziare, basta aprire la pagina in cui si desidera aggiungere un modulo di ricerca. Nell’editor di contenuti di WordPress, fare clic sull’icona +.

Nel popup, digitare “Ricerca”. Quando appare il blocco giusto, fare clic per aggiungerlo alla pagina.

Per impostazione predefinita, il blocco utilizza “Cerca” sia per l’etichetta che per il testo del pulsante. Questo testo sarà visibile ai visitatori, quindi si consiglia di sostituirlo con qualcosa di più descrittivo.

Ad esempio, se si sta aggiungendo la barra di ricerca a un blog WordPress, si potrebbe usare “Cerca i post recenti del blog” o qualcosa di simile.

Potete anche utilizzare l’etichetta e il testo del pulsante per motivare i vostri visitatori.

Ad esempio, se avete creato un negozio online utilizzando un plugin come WooCommerce, potreste usare qualcosa come “Trova altre offerte vantaggiose” o “Cerca offerte simili”.

Si può anche aggiungere del testo segnaposto. Questo testo scomparirà automaticamente quando il visitatore inizierà a digitare.

Per aggiungere un segnaposto, è sufficiente fare clic su “Segnaposto opzionale…” e iniziare a digitare.

Per impostazione predefinita, WordPress utilizzerà il vostro tema per creare la barra di ricerca.

Tuttavia, è possibile modificare il colore dello sfondo e del testo del pulsante utilizzando le impostazioni “Colore” nel menu di destra. Questo può aiutare la barra di ricerca a distinguersi dal resto del sito.

Quando si è soddisfatti dell’aspetto del blocco di ricerca, si può procedere alla pubblicazione o all’aggiornamento del post. Se visitate il vostro sito, ora vedrete la barra di ricerca all’interno del contenuto del post.

È possibile aggiungere un modulo di ricerca ad altri post e pagine di WordPress seguendo la stessa procedura descritta sopra. Per istruzioni dettagliate su come aggiungere la barra di ricerca a una barra laterale o a una sezione simile, consultate la nostra guida su come aggiungere e utilizzare i widget in WordPress.

Metodo 2. Aggiungere un modulo di ricerca a tutti i post di WordPress(temi basati su blocchi)

Se si utilizza un tema a blocchi come ThemeIsle Hestia Pro, è possibile aggiungere una barra di ricerca al modello che WordPress utilizza per tutti i post del blog.

In questo modo, potete aggiungere rapidamente e facilmente una barra di ricerca a ogni singolo post del vostro sito WordPress.

Per aprire l’editor completo del sito, andare su Temi “ Editor nella dashboard di WordPress.

Per impostazione predefinita, l’editor completo del sito mostra il modello di home del tema.

Per visualizzare tutte le opzioni disponibili, selezionare “Modelli” dal menu di sinistra.

Mostra un elenco di tutti i modelli che compongono il tema di WordPress.

Per personalizzare il modello del blog, fare clic su “Singolo”.

WordPress mostrerà ora un’anteprima del layout del blog.

Per modificare questo modello, fare clic sull’icona della matita.

Ora si vedrà questo modello nell’editor del sito completo.

Per aggiungere una barra di ricerca, fare clic sull’icona blu “+”.

Nel popup che appare, digitare “Cerca” per trovare il blocco giusto.

Ora è possibile trascinare il blocco nella posizione in cui si desidera visualizzare la barra di ricerca.

Per personalizzare il titolo del blocco o il testo segnaposto, è sufficiente digitare il nuovo messaggio nel blocco di ricerca.

Quando si è soddisfatti dell’aspetto del blocco, fare clic su “Salva” per rendere attiva la barra di ricerca.

Ora, se visitate un qualsiasi post del vostro sito, vedrete la barra di ricerca.

Metodo 3. Aggiungere una barra di ricerca a tutti i post di WordPress con il codice (funziona con qualsiasi tema)

Se non si utilizza un tema a blocchi, ma si desidera comunque che la barra di ricerca appaia in tutti i post, è necessario utilizzare un codice.

A tal fine, si consiglia di utilizzare WPCode. Questo plugin per snippet di codice rende sicuro e facile inserire codice personalizzato nei file del tema senza modificarli direttamente. In questo modo, è possibile aggiungere vari snippet di codice senza interrompere il sito web.

Quello che si vuole fare è installare il plugin WPCode in WordPress. Per maggiori informazioni, potete leggere la nostra guida passo-passo su come installare un plugin di WordPress.

Quindi, andare su Code Snippets “ + Add Snippet. Selezionare “Aggiungi il tuo codice personalizzato (nuovo snippet)” e fare clic sul pulsante “Usa snippet”.

Ora, date un nome al vostro nuovo codice personalizzato. Può essere qualcosa di semplice come “Barra di ricerca sui post del blog”.

Successivamente, cambiare il tipo di codice in “Snippet PHP”.

Quindi, nella casella Anteprima codice, copiare e incollare il seguente frammento di codice:

// Define the button text and placeholder text. You can customize these values as needed.
$button_text = 'Search'; // The text displayed on the search button
$placeholder_text = 'What are you looking for?'; // The placeholder text in the search input field

// Construct the search form HTML using the defined button text and placeholder text.
$search_form = '<form role="search" method="get" action="' . esc_url(home_url('/')) . '" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search">
                    <label class="wp-block-search__label" for="wp-block-search__input-2">' . esc_html($button_text) . '</label>
                    <div class="wp-block-search__inside-wrapper ">
                        <input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="' . esc_attr($placeholder_text) . '" value="" type="search" name="s" required="">
                        <button aria-label="' . esc_attr($button_text) . '" class="wp-block-search__button wp-element-button" type="submit">' . esc_html($button_text) . '</button>
                    </div>
                </form>';

// Output the search form HTML.
echo $search_form;

Questo codice aggiunge una barra di ricerca di base simile al blocco di ricerca. È possibile personalizzare il pulsante e il testo segnaposto secondo le proprie esigenze.

Una volta fatto, scorrere verso il basso e assicurarsi che “Auto Insert” sia selezionato come metodo di inserimento.

Per la posizione, passare alla scheda “Specifica della pagina” e scegliere quella che meglio si adatta ai propri criteri. A titolo di esempio, abbiamo scelto “Inserisci dopo il contenuto”.

Una volta terminato, basta rendere il codice “attivo” e fare clic su “Salva snippet”.

A questo punto si dovrebbe vedere qualcosa di simile a questo:

Scoprite i suggerimenti e i trucchi per migliorare la ricerca su WordPress

Il blocco Ricerca utilizza la funzione di ricerca integrata di WordPress. Tuttavia, questa è piuttosto limitata e non è in grado di mostrare risultati accurati. Per saperne di più sul funzionamento della ricerca di WordPress, consultate il nostro articolo.

In alcuni casi, potreste desiderare che la funzione di ricerca di WordPress sia più avanzata. Forse volete aggiungere una funzione di ricerca per categoria o rendere ricercabili i commenti ai post del blog.

È qui che entra in gioco SearchWP. Questo plugin di ricerca personalizzata vi dà il controllo completo sulla ricerca del sito WordPress, in modo da poter fornire risultati più accurati ai vostri visitatori.

SearchWP rende inoltre ricercabili tutte le parti del vostro sito, compresi i file PDF, i file ACF, i file di testo, i campi personalizzati di WordPress e altro ancora.

Dopo aver creato un modulo di ricerca personalizzato, è possibile aggiungerlo a qualsiasi parte del sito web utilizzando un blocco o uno shortcode.

Per saperne di più, consultate la nostra guida su come migliorare la ricerca su WordPress con SearchWP.

Speriamo che questo tutorial vi abbia aiutato a imparare come aggiungere un modulo di ricerca in un post di WordPress. Potreste anche voler imparare a creare un modulo di contatto in WordPress o dare un’occhiata alla nostra selezione di esperti dei migliori servizi di email marketing per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.