L'area di ricerca nell'intestazione "funziona" in quanto è progettata e puoi fare clic su di essa per aprire e chiudere e tutto il resto. Ma in realtà non esegue ancora alcuna ricerca. È piuttosto importante eh?
In questo sito utilizziamo i motori di ricerca personalizzati di Google per cercare i contenuti. WordPress ha integrato la ricerca, ma non è molto buona. Trova solo stringhe ed elenca ciò che trova in ordine. Non c'è nessuna delle cose fantasiose che offre Google: logica di ricerca, correzione automatica degli errori di ortografia, determinazione dell'intento e, soprattutto, mostrare prima i risultati più pertinenti.
Quindi, useremo GCSE e abbiamo alcune impostazioni da fare. Andiamo nella loro area di amministrazione per crearli e crearne uno da zero. Useremo la versione gratuita. Non perché voglio annunci in tutta la mia ricerca (non lo faccio), ma perché la versione a pagamento ha un costo proibitivo per un sito di queste dimensioni. O pago migliaia al mese per la ricerca senza pubblicità o guadagno effettivamente qualche soldo con annunci sulla ricerca e ottengo la funzionalità di ricerca gratuitamente. Un gioco da ragazzi.
Il primo che costruiamo è una ricerca completa nel sito, quindi dobbiamo cercare "css-tricks.com".
Quindi otteniamo il codice che GCSE ci fornisce da includere nel sito affinché la ricerca funzioni. Dobbiamo scavare un po 'per trovare l'opzione in cui mostra solo i risultati della ricerca e tu "porta il tuo" modulo di ricerca. Questo è sicuramente per noi, poiché abbiamo già progettato il nostro modulo di ricerca e ci piace così com'è.
Abbiamo un modello di pagina speciale solo per i risultati di ricerca. Mettiamo questo modello in forma mostrando le cose che vogliamo che mostri.
Quindi abbiamo iniziato a creare motori di ricerca più personalizzati. Questo è un modo complicato per ottenere ciò che vogliamo: essere in grado di cercare solo le sottosezioni del sito a piacimento. Un secondo CSE che creiamo è solo per la ricerca "css-tricks.com/forums/". Quindi creiamo una pagina dei risultati di ricerca diversa solo per la ricerca nei forum (/ search-results / forums /) ma utilizzando lo stesso modello. In questa pagina, inseriamo il codice di CSE per questo nuovo motore di ricerca più limitato.
Dobbiamo solo assicurarci che gli utenti arrivino a quello giusto in qualche modo ...