La zone de recherche dans l'en-tête «fonctionne» en ce sens qu'elle est conçue et vous pouvez cliquer dessus pour l'ouvrir et la fermer et tout cela. Mais il ne fait pas encore de recherche. C'est assez important hein?
Sur ce site, nous utilisons les moteurs de recherche personnalisés Google pour rechercher le contenu. WordPress a intégré la recherche, mais ce n'est pas très bon. Il correspond simplement aux chaînes et répertorie ce qu'il trouve dans l'ordre. Il n'y a aucune des choses fantaisistes comme l'offre Google: logique de recherche, correction automatique des fautes d'orthographe, détermination de l'intention et, plus important encore, affichage des résultats les plus pertinents en premier.
Donc, nous allons utiliser GCSE, et nous avons une configuration à faire. Nous allons dans leur zone d'administration pour les créer et en créer un à partir de zéro. Nous allons utiliser la version gratuite. Non pas parce que je veux des annonces partout dans ma recherche (ce n'est pas le cas), mais parce que la version payante coûte trop cher à un site de cette taille. C'est soit que je paie des milliers par mois pour une recherche sans publicité, soit que je gagne en fait quelques dollars en ayant des annonces sur la recherche et que j'obtiens la capacité de recherche gratuitement. Une évidence.
Le premier que nous construisons est une recherche complète sur le site, nous l'avons donc rechercher "css-tricks.com".
Ensuite, nous obtenons le code que GCSE nous a donné à inclure sur le site pour que la recherche fonctionne. Nous devons faire un peu de fouille pour trouver l'option où elle affiche uniquement les résultats de recherche, et vous «apportez votre propre» formulaire de recherche. C'est définitivement pour nous, car nous avons déjà conçu notre formulaire de recherche et l'aimons tel quel.
Nous avons un modèle de page spécial uniquement pour les résultats de recherche. Nous fouettons ce modèle en forme montrant les choses que nous voulons qu'il montre.
Ensuite, nous nous sommes mis à créer des moteurs de recherche plus personnalisés. C'est une sorte de façon hacky d'accomplir ce que nous voulons: pouvoir rechercher uniquement des sous-sections du site à volonté. Un deuxième CSE que nous créons est uniquement pour rechercher «css-tricks.com/forums/». Ensuite, nous créons une page de résultats de recherche différente uniquement pour la recherche de forums (/ search-results / forums /) mais en utilisant le même modèle. Sur cette page, nous mettons le code du CSE pour ce nouveau moteur de recherche plus limité.
Nous devons simplement nous assurer que les utilisateurs trouvent le bon d'une manière ou d'une autre…