Der Suchbereich in der Kopfzeile funktioniert so, dass er so gestaltet ist, dass Sie ihn öffnen und schließen können und so weiter. Aber es wird noch nicht gesucht. Das ist ziemlich wichtig, oder?
Auf dieser Website verwenden wir benutzerdefinierte Google-Suchmaschinen, um den Inhalt zu durchsuchen. WordPress hat eine Suche eingebaut, aber es ist nicht sehr gut. Es werden nur Zeichenfolgen abgeglichen und aufgelistet, was in der Reihenfolge gefunden wird. Es gibt nichts Besonderes wie Google: Suchlogik, automatische Korrektur von Rechtschreibfehlern, Bestimmung der Absicht und vor allem die Anzeige der relevantesten Ergebnisse zuerst.
Wir werden also GCSE verwenden und müssen einige Einstellungen vornehmen. Wir gehen in ihren Admin-Bereich, um sie zu erstellen, und erstellen einen von Grund auf neu. Wir werden die kostenlose Version verwenden. Nicht, weil ich überall Anzeigen schalten möchte (ich nicht), sondern weil die kostenpflichtige Version für eine Website dieser Größe unerschwinglich ist. Entweder bezahle ich Tausende pro Monat für die werbefreie Suche oder verdiene ein paar Dollar mit Anzeigen auf der Suche und erhalte die Suchfunktion kostenlos. Keine harte Nuss.
Die erste, die wir erstellen, ist eine vollständige Site-Suche. Wir haben also die Suche nach "css-tricks.com".
Dann erhalten wir den Code, den GCSE uns zur Aufnahme in die Site gibt, damit die Suche funktioniert. Wir müssen ein wenig graben, um die Option zu finden, bei der nur Suchergebnisse angezeigt werden, und Sie bringen Ihr eigenes Suchformular mit. Das ist definitiv für uns, da wir unser Suchformular bereits entworfen haben und es so mögen, wie es ist.
Wir haben eine spezielle Seitenvorlage nur für Suchergebnisse. Wir bringen diese Vorlage in Form und zeigen die Dinge, die sie zeigen soll.
Dann haben wir uns daran gemacht, mehr benutzerdefinierte Suchmaschinen zu erstellen. Dies ist eine Art hackiger Weg, um das zu erreichen, was wir wollen: Sie können nur Unterabschnitte der Website nach Belieben durchsuchen. Eine zweite CSE, die wir erstellen, dient nur zur Suche nach "css-tricks.com/forums/". Dann erstellen wir eine andere Suchergebnisseite nur für die Forensuche (/ search-results / forums /), verwenden jedoch dieselbe Vorlage. Auf dieser Seite stellen wir den Code von CSE für diese neue, eingeschränktere Suchmaschine ein.
Wir müssen nur sicherstellen, dass die Benutzer irgendwie die richtige finden ...