december 5, 2021

Hur man skapar ett anpassat WordPress-sökformulär (i 3 enkla steg)

sökning är en viktig del av onlineupplevelsen, och det är hur de flesta användare hittar information på webben. Som sådan, om en besökare anländer till din webbplats och inte omedelbart kan hitta vad de letar efter, finns det en god chans att de kan lämna utan att gräva vidare. Ett WordPress-sökformulär kan hjälpa till att se till att det inte händer.

genom att implementera en bättre sökfunktion på din webbplats kan du hjälpa användare att hitta vad de behöver snabbare och samtidigt minska avvisningsfrekvensen. Det är en win-win situation för alla inblandade.

i den här artikeln diskuterar vi vikten av din webbplats interna sökning och visar hur du lägger till ett sökformulär på din webbplats. Sedan går vi igenom hur du skapar ditt eget anpassade WordPress-sökformulär i tre steg. Låt oss komma igång!

varför ditt WordPress-sökformulär är viktigt

Sök är en dominerande kraft på webben. Det är hur de allra flesta användare hittar nytt innehåll och webbplatser att besöka – och vi är alla bekanta med vikten av sökmotoroptimering (SEO) när det gäller att hittas online.

men inte så många webbplatsägare anser att sökningen är framträdande på sina egna webbplatser. När allt kommer omkring kan en huvudmeny verka som alla navigationsbesökare kan behöva.

men om användare landar på din webbplats och inte hittar det de letar efter snabbt kanske de inte stannar kvar. Detta är särskilt viktigt om de kom från en Google-sökning, eftersom det finns en hel lista med troliga konkurrenter bara ett Bakåtklick bort.

att ha ett användbart och tillgängligt internt sökformulär hjälper till att förhindra att användare lämnar din webbplats i förtid. Detta innebär färre förluster för tävlingen och fler chanser att konvertera besökare till abonnenter, kunder eller fans.

på samma sätt, om du har hundratals eller tusentals blogginlägg publicerade, kan det vara svårt för användare att söka igenom och hitta artiklar om specifika ämnen. En sökfunktion kan förbättra användarupplevelsen (UX) på din webbplats och lämna besökarna mer nöjda, vilket i slutändan är bra för affärer.

så här lägger du till en sökfält på din webbplats (två metoder)

standard WordPress-installationen innehåller en sökfältwidget som kan läggas till widgetkapabla områden på din webbplats, till exempel sidhuvud, sidfot eller sidofält. Det finns två metoder för att lägga till denna widget:

  1. genom WordPress Customizer.
  2. direkt från instrumentpanelen.

Lägg till ett sökformulär med hjälp av WordPress Customizer

för att lägga till sökformuläret med hjälp av Customizer, gå till din WordPress-instrumentpanel och navigera till utseende. Klicka på Widgets i Anpassningsfältet.

detta öppnar en ny meny med en lista över widgetområdena på din webbplats och de element som var och en för närvarande innehåller:

för att lägga till sökfältet i ett widgetområde, klicka på knappen Lägg till en Widget i det område där du vill placera den. I den nya menyn som glider ut, bläddra ner till och välj sökwidgeten:

lägga till sökwidgeten i WordPress Customizer.

detta lägger till widgeten i slutet av listan:

sökwidgeten placeras i slutet av sidfotsavsnittet.

du kan sedan dra den till en annan plats för att flytta den. Om du till exempel släpper den i början av listan flyttas den längst till vänster om widgetområdet.

du kan också lägga till en titel i sökformuläret genom att fylla i fältet Titel. Detta inkluderar en liten rubrik ovanför sökrutan:

WordPress - sökformuläret med en anpassad titel.

när du är klar, kom ihåg att spara dina ändringar. Du kan göra detta genom att klicka på den blå Publicera-knappen högst upp på Customizer-menyn.

Lägg till ett sökformulär från WordPress dashboard

om du föredrar kan du också lägga till sökformuläret direkt från WordPress dashboard. För att komma igång, navigera till utseende Bisexuell Widgets för att öppna widgetredigeringsskärmen:

Widgetområdet för WordPress-instrumentpanelen.

därifrån hittar du helt enkelt sökwidgeten i listan och drar den till det område du vill visa den i:

WordPress - sökformuläret läggs till sidfoten på webbplatsen.

du får tillgång till samma alternativ här som i Anpassaren. Du kan ordna om widgeten för att ändra sin position eller lägga till en titel om du vill.

den enda skillnaden är att Anpassaren ger en visuell förhandsgranskning av dina ändringar. Om du när som helst bestämmer att du hellre vill använda Anpassaren klickar du bara på knappen Hantera med Live Preview högst upp på skärmen för att öppna den.

Observera att de specifika widgetområdena som är tillgängliga på din webbplats styrs av ditt tema, och inte alla teman innehåller samma alternativ. Till exempel erbjuder standard WordPress Twenty Twenty-One-temat bara sidfoten som ett widgetområde.

hur man anpassar standard WordPress – sökformuläret manuellt

tyvärr kommer standard WordPress-sökformuläret inte med många anpassningsalternativ. Du kan ändra dess position och lägga till en titel, som beskrivs i ovanstående avsnitt, men det är allt som är tillgängligt med gränssnittet.

men eftersom vi pratar om WordPress finns det en väg runt detta: redigera koden direkt. Genom att använda WordPress-mallfiler kan du skapa en anpassad söksida för din webbplats. Om du vill göra detta, WordPress.org har en fantastisk genomgång.

men även med den här metoden är standard WordPress-sökfunktionen fortfarande begränsad. Du kan bara placera formuläret i widgetområden, och utseendet är baserat på ditt tema, vilket kanske inte erbjuder mycket i vägen för anpassningsalternativ. Lyckligtvis finns det enklare sätt att anpassa ditt sökformulär – nämligen genom att använda WordPress-plugins.

hur man skapar ett anpassat WordPress-sökformulär med ett gratis plugin

om du vill skapa ett anpassat WordPress-sökformulär och inte är bekväm med kod (eller bara inte har tid för det) kan du använda ett gratis plugin istället. I det här avsnittet går vi igenom att skapa en anpassad sökfält med hjälp av Ivory Search-plugin.

installera och aktivera Ivory Search plugin

det första steget är att gå till din WordPress-instrumentpanel och installera Ivory Search:

Ivory Search-WordPress Search PluginIvory Search-WordPress Search Plugin

författare (er): Ivory Search

nuvarande Version: 5.3

Senast uppdaterad: December 29, 2021

add-search-to-menu.5.3.zip

detta är ett gratis plugin som hjälper dig att skapa ett anpassat sökformulär för din WordPress-webbplats. Du kan justera sökfältets utseende, placera formuläret i webbplatsens meny och finjustera vilket innehåll som visas i resultaten.

gå vidare och installera plugin från din WordPress-instrumentpanel. När du har aktiverat det kan du gå vidare till nästa steg.

skapa ett nytt sökformulär

när du har aktiverat plugin kan du skapa ditt första sökformulär. Från din WordPress-instrumentpanel, navigera till Elfenbenssökning:

lägga till ett nytt sökformulär i Ivory Search.

insticksprogrammet fyller automatiskt formuläret med standardinställningarna, så att du kan komma igång snabbt om du vill. Du kan dock också anpassa inställningarna noggrant.

under fliken Sök kan du ange vilket innehåll på din webbplats du vill inkludera i sökningar. Klicka igenom varje avsnitt för att kontrollera och avmarkera olika inlägg och sidtyper:

välja vilka typer av innehåll som ska inkluderas i det anpassade WordPress-sökformuläret.

på fliken Uteslut kan du välja specifika inlägg och sidor som du inte vill ska inkluderas i sökresultaten. Detta är praktiskt för att utesluta vissa indexsidor, till exempel.

fliken Design är där du kan anpassa utseendet på sökformuläret:

Design delen av elfenben Sökinställningar.

du kan behöva klicka på kryssrutan Aktivera anpassning av sökformulär för att aktivera anpassaren (den är avstängd som standard). När du har gjort det kan du klicka på länken sökformulär Customizer för att öppna WordPress Customizer:

anpassa WordPress-sökformuläret i Anpassaren.

där kan du välja stilen för sökrutan själv, liksom färgerna och texten som används för olika element, till exempel platshållartexten som finns i rutan. När du är klar, se till att klicka på knappen Publicera högst upp på sidan.

slutligen är fliken Alternativ där du kan konfigurera sökresultatsidan:

anpassa WordPress-sökformuläret i Ivory-sökinställningarna.

det finns alternativ för antalet resultat per sida, om du vill ha söktermer markerade och flera andra avancerade alternativ. När du är klar med att konfigurera ditt formulär klickar du på den blå knappen Spara formulär för att slutföra dina ändringar.

Lägg till sökformuläret på din webbplats

med ditt formulär konfigurerat är du nu redo att lägga till det på din webbplats. Du kan placera formuläret i din sidhuvud, sidfot eller WordPress-meny.

för att lägga till ditt Ivory-sökformulär i sidhuvudet eller sidfoten på din webbplats, Navigera till Ivory Search:

skärmen Ivory Search settings.

välj sedan antingen Sidhuvudsökning eller Sidfotsökning från listan och klicka sedan på formuläret du just skapade från rullgardinsmenyn:

lägga till det anpassade sökformuläret i WordPress-rubriken.

när du är klar klickar du på Spara för att uppdatera din webbplats. I det här fallet har vi lagt till fältet i vår rubrik:

det anpassade sökformuläret visas i WordPress-rubriken.

om du vill lägga till sökformuläret på din webbplatsmeny, navigera till Ivory Search:

lägga till ett anpassat sökformulär till WordPress-menyn.

på den här skärmen kan du välja den meny du vill inkludera din sökfält i. Plugin kommer att lägga till ett litet förstoringsglas i menyn. Genom att klicka på förstoringsglaset dyker upp en sökruta där termer kan anges:

den anpassade sökningen från visas i WordPress-menyn.

det är det! Du har nu anpassat ditt eget WordPress-sökformulär.

slutsats

oavsett om du försöker minska avvisningsfrekvensen på din webbplats eller ge en bättre UX, är ett anpassat sökformulär en fantastisk lösning.

medan WordPress innehåller en sökfält som standard är den begränsad i var den kan placeras och hur den kan skräddarsys. Med hjälp av ett plugin som Ivory Search kan du enkelt skapa en helt anpassad form och visa den nästan var du vill i bara några steg.

för några andra tips för att förbättra sökningen på din webbplats, kolla in våra tips för att förbättra WordPress intern sökning.

Lämna ett svar

Din e-postadress kommer inte publiceras.