Om du kör en webbplats eller en blogg har du förmodligen en sökruta för att låta din läsare söka efter innehåll på din webbplats. WordPress kommer med sin egen sökfunktion och sökformulär. Det fungerar bra, förutom att det är ganska grundläggande och inte kan hantera komplicerade sökfunktioner. Ett bra alternativ till standardversionen av WordPress är att ersätta den med en Google Custom Search Engine (GCSE).

Fördelen med att lägga till en Google Custom Search Engine

Om du inte vet är Google Custom Search Engine en tjänst som tillhandahålls av Google för att tillåta att någon skapar en anpassad sökmotor. Bakgrunden drivs av Googles sökrobot, men du kan anpassa sökresultaten som visas.

Eftersom sökmotorn är värd hos Google är den största fördelen med att använda en GCSE att du kan underlätta vissa avlastningar från din server och ge dina besökare en bättre sökupplevelse. Dessutom kan du också integrera din Google Analytics och Google Adsense till den anpassade sökmotorn och spåra vad dina besökare söker och samtidigt få lite extra inkomst.

Komma igång

Kort sagt, det här är vad vi ska göra.

1. Skapa en Google Custom Search Engine (GCSE).
2. Anpassa din GCSE.
3. Integrera till din WordPress-webbplats

1. Skapa en Google Custom Search Engine (GCSE)

Gå till Google Custom Search och klicka på den stora knappen "Skapa en anpassad sökmotor". Du måste logga in på ditt Google-konto.

Ge din anpassade sökmotor ett namn och en beskrivning. Ange " www.yourdomain.com/* " under fältet "Sites to search" om du bara vill att alla sidor från huvuddomänen ska vara tillgängliga. För dem som också skulle inkludera underdomäner, använd " domain.com " eller " * .yourdomain.com " istället.

Om du inte har någon avsikt att betala för den anpassade sökmotorn, välj Standardutgåvan. Utgåvan "Site Search" kostar $ 100 per år och det tillåter dig att ta bort Google varumärke och annonser.

Nästa steg är att anpassa utseendet på GCSE. Du kan välja från någon av mallen eller anpassa standardstilen till din egen. Saker som du kan anpassa inkluderar teckensnittsfamiljen, bakgrundsfärgen, sökinmatningsfärgen, sökresultatets färg och många andra saker.

Slutligen visas en massa kod där du måste kopiera och klistra in till den plats där du vill att GCSE ska visas. Vi kommer att ignorera detta för tillfället eftersom vi ska lägga till mer anpassning till den anpassade sökmotorn.

2. Anpassa Google Custom Search Engine

Gå till Anpassad sökning Kontrollpanelen och välj din nyskapade anpassade sökmotor.

Det finns många saker du kan konfigurera här. Du kan ta dig tid att gå igenom alternativet en efter en. Några av de viktigaste inkluderar: Autocompletions, Google Analytics, Tjäna pengar och Look and feel. Du kan till och med gå in i detaljerna och förbättra resultaten som visas på resultatsidan

Obs! Det enklaste sättet är att lägga till koden i ditt tema där du vill att den ska visas. I vissa fall kan sökformuläret inte integreras bra med ditt tema. Ett alternativ som vi föreslår är att ändra sökrutan i ditt tema och få det att tjäna Googles sökresultat.

Klicka på länken "Look and feel" i den vänstra sidofältet. Under avsnittet "Välj en layout" väljer du "Endast resultat".

Tryck sedan på "Spara och få kod" -knappen. Kopiera koden.

3. Integrera sökresultatet till din WordPress-webbplats

Logga in på din WordPress dashboard och installera (och aktivera) plugin "WP Unformatted".

Skapa sedan en ny sida. Namn på sidan "Sökresultat" (eller vilken söktitel du vill visa för din läsare). I textredigeraren går du till HTML-läget och klistrar in GCSE-koden. Spara sidan (Om du använder WP-multisite måste du installera programmet Unfiltered MU så att administratörer och redaktörer kan infoga kod i post / sida).

Viktigt : Lägg till ett nytt anpassat fält "svamp" (utan citat) och sätt värdet till "1" (utan citat).

Publicera sidan. Kopiera permalinken på den här sökresultatssidan.

Därefter måste du öppna temapappen och söka efter sökformulärskoden. Standarden är i filen " searchform.php ", men om du inte hittar filen där, letar du efter den i " header.php ".

Standardformuläret för sökformulär ska se ut så här (baserat på TwentyEleven-temat):

Du måste byta ut:

 action ="  "

med

 action = "your-nyskapade-search-resultat-page-permalink"

ersätter " din-nyskapade-sök-sök-result-page-permalink " med den permalink som du har kopierat tidigare.

Ändra sedan fältet:

till

ersätter name="s" att name="q"

Spara ändringarna till din server.

Din anpassade sökmotor ska fungera nu. Gör en sökning på din webbplats och se de anpassade sökresultaten laddas upp.

Alternativt kan du, om du har valt alternativet "Två sidor" på sidan GCSE Look and Feel, använda den ovanstående metoden för att skapa en sökresultatssida, men lägg till sökformulärskoden till temafilen där du vill att den ska visas, förmodligen i sidofältet / widgetområdet.

Dessutom måste du uppdatera GCSE-optionssidan med sökresultatsidan, så sökfrågan kan omdirigeras korrekt till rätt webbadress.