{"id":24926,"date":"2021-05-23T16:23:00","date_gmt":"2021-05-23T13:23:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=24926"},"modified":"2021-10-18T03:10:59","modified_gmt":"2021-10-18T00:10:59","slug":"come-creare-un-modulo-di-ricerca-personalizzato-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/it\/come-creare-un-modulo-di-ricerca-personalizzato-in-wordpress\/","title":{"rendered":"Come creare un modulo di ricerca personalizzato in WordPress"},"content":{"rendered":"

Stai cercando di creare un modulo di ricerca personalizzato su un sito Web WordPress? Eravamo soliti creare temi da zero in modo da poter aggiungere il nostro stile alle sezioni del sito web. Potresti aver creato un design di un modulo di ricerca dall’aspetto gradevole e ora desideri inserirlo in WordPress.<\/p>\n

WordPress fornisce un metodo get_search_form()<\/code>che rende il modulo di ricerca. Se utilizzi questo metodo nel tuo tema personalizzato, otterrai un modulo di ricerca predefinito creato nel core di WordPress. E non vuoi il modulo di ricerca predefinito poich\u00e9 il design del tuo modulo \u00e8 diverso. Per superare questa situazione, \u00e8 necessario creare un modulo di ricerca personalizzato che sovrascrive quello predefinito.<\/p>\n

Creando un modulo di ricerca personalizzato puoi aggiungere il tuo markup e il tuo stile. In questo articolo, ti mostro come creare un modulo di ricerca personalizzato in WordPress.<\/p>\n

Il metodo get_search_form()<\/code>cerca il searchform.php<\/code>file nella directory del tema attivo. Se questo file non esiste, WordPress utilizza il modulo di ricerca predefinito che \u00e8 incluso nel suo nucleo.<\/p>\n

Crea un modulo di ricerca personalizzato<\/h3>\n

Crea un searchform.php<\/code>file nella directory del tuo tema attivo. In questo file aggiungi il markup del modulo di ricerca. Ad esempio, nel mio caso il modulo di ricerca \u00e8 il seguente.<\/p>\n

<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
Non c’\u00e8 niente di elaborato o complesso nel codice sopra. Ho appena dato l’id ‘searchform’ al tag del modulo e la classe ‘search-field’ al campo di testo di ricerca. Usando questo ID e classe posso aggiungere uno stile al modulo di ricerca. Come questo nel tuo caso, devi usare il tuo markup.<\/p>\n
Visualizza modulo di ricerca<\/h3>\n
Il prossimo passo \u00e8 visualizzare il modulo di ricerca sul sito web. Potresti voler posizionare il modulo di ricerca nella barra laterale, nell’intestazione, accanto al menu, ecc.<\/p>\n
Utilizzando la funzione \u00e8 get_search_form()<\/code>possibile visualizzare il proprio modulo di ricerca in qualsiasi punto del sito. Tutto quello che devi fare \u00e8 chiamare questo metodo dal punto in cui vuoi visualizzare il modulo di ricerca.<\/p>\n
<?php get_search_form(); ?><\/code><\/pre>\n
Dopo aver inserito il codice sopra nella posizione desiderata, vai al browser. Ora dovresti vedere il tuo modulo di ricerca sul sito web.<\/p>\n
Personalizza il risultato della ricerca<\/h3>\n
Potrebbe essere il caso, il tuo sito web ha pi\u00f9 risorse come libri, riviste, ebook, PDF, ecc. e devi mostrare il contenuto di tutte queste risorse nei risultati di ricerca. Pu\u00f2 essere fatto facilmente.<\/p>\n
Supponendo che tu abbia tipi di post personalizzati per tutte queste risorse, devi aggiungere un campo nascosto per ogni tipo di post nel modulo di ricerca.<\/p>\n
Supponiamo che tu abbia creato tipi di post personalizzati libro, rivista, ebook, pdf per le risorse di cui sopra. Quindi, i tuoi campi nascosti saranno i seguenti.<\/p>\n
<form id=\"searchform\" method=\"get\" action=\"<?php echo esc_url( home_url( '\/') ); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"text\" class=\"search-field\" name=\"s\" placeholder=\"Search\" value=\"<?php echo get_search_query(); ?>\">\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"book\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"magazine\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"ebook\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"hidden\" name=\"post_type[]\" value=\"pdf\" \/>\n\u00a0\u00a0\u00a0\u00a0<input type=\"submit\" value=\"Search\">\n<\/form><\/code><\/pre>\n
Ora, quando qualcuno inserisce una parola chiave nel modulo di ricerca, WordPress cerca quella parola chiave in tutti i tipi di post sopra per abbinare il risultato.<\/p>\n
Spero che tu capisca come creare un modulo di ricerca personalizzato in WordPress. Mi piacerebbe sentire i tuoi pensieri e suggerimenti nella sezione commenti qui sotto.<\/p>\n
articoli Correlati<\/h4>\n