# 94: Google Custom Search Setup - CSS-triks

Anonim

Søkeområdet i overskriften "fungerer" ved at det er designet, og du kan klikke det åpent og lukket og alt det der. Men det gjør faktisk ikke noe søk ennå. Det er ganske viktig?

På dette nettstedet bruker vi Google Custom Search Engines for å søke i innholdet. WordPress har innebygd søk, men det er ikke veldig bra. Den samsvarer bare med strenger og lister opp hva den finner i rekkefølge. Det er ikke noe av det fancy som Google tilbyr: søkelogikk, fikse feilstavinger automatisk, bestemme hensikt, og viktigst, vise de mest relevante resultatene først.

Så vi skal bruke GCSE, og vi har litt oppsett å gjøre. Vi går inn i administrasjonsområdet for å lage dem og lage et fra bunnen av. Vi skal bruke gratisversjonen. Ikke fordi jeg vil ha annonser overalt i søket mitt (det gjør jeg ikke), men fordi den betalte versjonen koster uoverkommelig for et nettsted av denne størrelsen. Det er enten at jeg betaler tusenvis i måneden for søk uten annonser, eller faktisk tjener noen få dollar å ha annonser på søket og får gratis søkefunksjonen. En no-brainer.

Den første vi bygger er et fullstendig nettstedssøk, så vi må søke etter "css-tricks.com".

Så får vi koden som GCSE gir oss til å ta med på nettstedet for at søk skal fungere. Vi må gjøre litt graving for å finne alternativet der det bare viser søkeresultatene, og du "tar med ditt eget" søkeskjema. Det er definitivt noe for oss, ettersom vi allerede har designet søkeskjemaet vårt og liker det slik det er.

Vi har en spesiell sidemal bare for søkeresultater. Vi pisker denne malen i form som viser de tingene vi vil at den skal vise.

Så satte vi i gang med å lage flere tilpassede søkemotorer. Dette er litt av en hacky måte å oppnå det vi ønsker: å være i stand til å søke bare i underseksjoner av nettstedet etter eget ønske. En annen CSE vi oppretter, er bare for å søke på "css-tricks.com/forums/". Så lager vi en annen søkeresultatside bare for forumsøk (/ søkeresultater / fora /), men bruker samme mal. På denne siden legger vi koden fra CSE for denne nye, mer begrensede søkemotoren.

Vi må bare sørge for at brukerne kommer til den rette på en eller annen måte ...