Obszar wyszukiwania w nagłówku „działa” w tym sensie, że jest zaprojektowany i można go otwierać i zamykać, i tak dalej. Ale tak naprawdę jeszcze nie wyszukuje. To bardzo ważne, prawda?
W tej witrynie używamy niestandardowych wyszukiwarek Google do wyszukiwania treści. WordPress ma wbudowaną wyszukiwarkę, ale nie jest ona zbyt dobra. Po prostu dopasowuje ciągi znaków i wyświetla to, co znajdzie w kolejności. Nie ma żadnych wymyślnych rzeczy, takich jak oferty Google: logika wyszukiwania, automatyczne poprawianie błędów ortograficznych, określanie zamiaru i, co najważniejsze, wyświetlanie najpierw najtrafniejszych wyników.
Więc zamierzamy używać GCSE i mamy trochę konfiguracji do zrobienia. Wchodzimy do ich obszaru administracyjnego, aby je tworzyć i tworzyć od podstaw. Będziemy używać bezpłatnej wersji. Nie dlatego, że chcę wyświetlać reklamy w całym moim wyszukiwaniu (nie chcę), ale dlatego, że płatna wersja jest zbyt kosztowna dla witryny tej wielkości. To albo płacę tysiące miesięcznie za wyszukiwanie bez reklam, albo w rzeczywistości zarabiam kilka dolarów na reklamach w wyszukiwarce i udostępniam jej funkcję wyszukiwania za darmo. Bezmózgowiec.
Pierwsze, które tworzymy, to pełne wyszukiwanie w witrynie, więc wyszukujemy „css-tricks.com”.
Następnie otrzymujemy kod, który daje nam GCSE, aby umieścić go w witrynie, aby wyszukiwanie działało. Musimy trochę poszperać, aby znaleźć opcję, w której wyświetla tylko wyniki wyszukiwania, a Ty „przynieś swój własny” formularz wyszukiwania. To zdecydowanie dla nas, ponieważ już zaprojektowaliśmy nasz formularz wyszukiwania i lubimy go takim, jakim jest.
Mamy specjalny szablon strony przeznaczony wyłącznie do wyników wyszukiwania. Nadajemy temu szablonowi kształt, pokazując rzeczy, które chcemy, aby pokazywał.
Następnie przystąpiliśmy do tworzenia większej liczby niestandardowych wyszukiwarek. Jest to trochę hakerski sposób na osiągnięcie tego, czego chcemy: możliwość przeszukiwania tylko podsekcji witryny. Drugie CSE, które tworzymy, służy tylko do wyszukiwania „css-tricks.com/forums/”. Następnie tworzymy inną stronę wyników wyszukiwania tylko do wyszukiwania w forach (/ search-results / forums /), ale używamy tego samego szablonu. Na tej stronie umieściliśmy kod z CSE dla tej nowej, bardziej ograniczonej wyszukiwarki.
Musimy tylko upewnić się, że użytkownicy w jakiś sposób dotrą do właściwego…