Hoe maak je een aangepaste WordPress zoekformulier (in 3 eenvoudige stappen)
zoeken is een belangrijk onderdeel van de online ervaring, en het is hoe de meeste gebruikers informatie vinden op het web. Als zodanig, als een bezoeker aankomt op uw site en kan niet onmiddellijk vinden wat ze zoeken, is er een goede kans dat ze kunnen vertrekken zonder verder te graven. Een WordPress zoekformulier kan helpen ervoor te zorgen dat dat niet gebeurt.
door een betere zoekfunctie op uw site te implementeren, kunt u gebruikers helpen sneller te vinden wat ze nodig hebben en tegelijkertijd bounce rates verminderen. Het is een win-win situatie voor alle betrokkenen.
In dit artikel bespreken we het belang van de interne zoekopdracht van uw site en laten we u zien hoe u een zoekformulier aan uw website kunt toevoegen. Dan zullen we u door hoe u uw eigen aangepaste WordPress zoekformulier in drie stappen te creëren. Laten we beginnen!
Waarom uw WordPress zoekformulier belangrijk is
zoeken is een dominante kracht op het web. Het is hoe de overgrote meerderheid van de gebruikers nieuwe inhoud en sites te bezoeken vinden – en we zijn allemaal bekend met het belang van search engine optimization (SEO) als het gaat om online te worden gevonden.
echter, niet zo veel website-eigenaren beschouwen het belang van zoeken op hun eigen sites. Immers, een hoofdmenu kan lijken als alle navigatie bezoekers nodig zou kunnen hebben.
echter, als gebruikers op uw site landen en niet snel kunnen vinden wat ze zoeken, kunnen ze niet blijven hangen. Dit is vooral van cruciaal belang als ze kwamen uit een Google-zoekopdracht, omdat er een hele lijst van waarschijnlijke concurrenten slechts een klik terug.
het hebben van een nuttig en toegankelijk intern zoekformulier helpt te voorkomen dat gebruikers voortijdig uw site verlaten. Dit betekent minder verliezen voor de concurrentie en meer kansen om bezoekers om te zetten in abonnees, klanten, of fans.
Evenzo, als je honderden of duizenden blog posts gepubliceerd, het kan moeilijk zijn voor gebruikers om te ziften door en vind artikelen over specifieke onderwerpen. Een zoekfunctie kan de gebruikerservaring (UX) van uw site verbeteren en bezoekers meer tevreden laten, wat uiteindelijk goed is voor het bedrijfsleven.
een zoekbalk toevoegen aan uw site (twee methoden)
de standaard WordPress installatie bevat een zoekbalk widget die kan worden toegevoegd aan widget-geschikte gebieden van uw site, zoals de koptekst, voettekst of zijbalk. Er zijn twee methoden voor het toevoegen van deze widget:
- via de WordPress Customizer.
- direct vanuit het dashboard.
voeg een zoekformulier toe met behulp van de WordPress Customizer
om het zoekformulier toe te voegen met behulp van de Customizer, ga naar uw WordPress dashboard en navigeer naar uiterlijk → aanpassen. Klik op Widgets in de Customizer zijbalk.
dit opent een nieuw menu met een lijst van de widget gebieden op uw site en de elementen die elk op dit moment bevat:
om de zoekbalk aan een widgetgebied toe te voegen, klikt u op de knop Een Widget toevoegen in het gebied waar u het wilt plaatsen. In het nieuwe menu dat uit schuift, scroll naar beneden naar en selecteer de zoekwidget:
dit voegt de widget toe aan het einde van de lijst:
u kunt het dan naar een andere plek slepen om het te verplaatsen. Als u het bijvoorbeeld aan het begin van de lijst laat vallen, wordt het helemaal links van het widgetgebied verplaatst.
u kunt ook een titel toevoegen aan het zoekformulier door het titelveld in te vullen. Dit omvat een kleine header boven het zoekvak:
als u klaar bent, vergeet dan niet uw wijzigingen op te slaan. U kunt dit doen door te klikken op de blauwe publiceren knop aan de bovenkant van het Customizer menu.
voeg een zoekformulier toe vanuit het WordPress dashboard
Als u dat wilt, kunt u het zoekformulier ook rechtstreeks vanuit het WordPress dashboard toevoegen. Om te beginnen, navigeer naar Uiterlijk → Widgets om de widget editor scherm te openen:
vanaf daar, gewoon vinden de zoekwidget in de lijst en sleep het naar het gebied dat u wilt weergeven in:
u krijgt toegang tot dezelfde opties hier als in de Customizer. U kunt de widget opnieuw ordenen om de positie te wijzigen of een titel toe te voegen als u dat wilt.
het enige verschil is dat de Customizer een visueel voorbeeld van uw wijzigingen geeft. Als u op elk gewenst moment besluit dat u liever gebruik maken van de Customizer, klikt u op de knop Beheren met Live Preview aan de bovenkant van het scherm om het te openen.
merk op dat de specifieke widget gebieden die beschikbaar zijn op uw site worden beheerd door uw thema, en niet elk thema bevat dezelfde opties. Bijvoorbeeld, de standaard WordPress Twenty Twenty-One thema biedt alleen de voettekst als een widget gebied.
hoe het standaard WordPress zoekformulier handmatig
aan te passen helaas bevat het standaard WordPress zoekformulier niet veel aanpassingsopties. U kunt de positie wijzigen en een titel toevoegen, zoals beschreven in de bovenstaande secties, maar dat is alles wat beschikbaar is met behulp van de interface.
echter, aangezien we het over WordPress hebben, is er een manier om dit te omzeilen: de code direct bewerken. Door het gebruik van WordPress template bestanden, kunt u een aangepaste zoekpagina voor uw site te maken. Als je dit wilt doen, WordPress.org heeft een fantastische walkthrough.
echter, zelfs met deze methode, de standaard WordPress zoekfunctie is nog steeds beperkt. U kunt het formulier alleen plaatsen in widget gebieden, en het uiterlijk is gebaseerd op uw thema, die niet veel in de manier van aanpassingsopties kunnen bieden. Gelukkig zijn er eenvoudiger manieren om uw zoekformulier aan te passen – namelijk, met behulp van WordPress plugins.
Hoe maak je een aangepaste WordPress zoekformulier met een gratis plugin
als u een aangepaste WordPress zoekformulier te maken en zijn niet comfortabel met code (of gewoon niet de tijd voor), kunt u gebruik maken van een gratis plugin in plaats daarvan. In deze sectie, we zullen u door het maken van een aangepaste zoekbalk met behulp van de Ivory Search plugin.
installeer en activeer de Ivory Search plugin
de eerste stap is om naar je WordPress dashboard te gaan en Ivory Search te installeren:
Ivory Search-WordPress Search Plugin
Dit is een gratis plugin die u helpt een aangepaste zoekformulier voor uw WordPress site te maken. U kunt het uiterlijk van de zoekbalk aanpassen, het formulier in het menu van uw site plaatsen en verfijnen welke inhoud in de resultaten wordt weergegeven.
ga je gang en installeer de plugin vanaf uw WordPress dashboard. Zodra u het hebt geactiveerd, kunt u doorgaan naar de volgende stap.
Maak een nieuw zoekformulier
na het activeren van de plugin kunt u uw eerste zoekformulier aanmaken. Vanaf uw WordPress dashboard, navigeer naar Ivory Search → Zoek formulieren:
de plugin zal automatisch vullen het formulier met de standaardinstellingen, zodat u snel aan de slag kunt als je wilt. U kunt echter ook de Instellingen grondig aanpassen.
op het tabblad Zoeken kunt u opgeven welke inhoud op uw site u wilt opnemen in zoekopdrachten. Klik door elke sectie om verschillende post-en paginatypes aan te vinken en uit te vinken:
op het tabblad uitsluiten kunt u specifieke berichten en pagina ‘ s selecteren die u niet in de zoekresultaten wilt opnemen. Dit is handig om bijvoorbeeld bepaalde indexpagina ‘ s uit te sluiten.
op het tabblad Design kunt u het uiterlijk van het zoekformulier aanpassen:
het kan nodig zijn om te klikken op de zoekformulier aanpassen inschakelen checkbox om de customizer te activeren (het is standaard uitgeschakeld). Zodra je dat hebt gedaan, kunt u klikken op het zoekformulier Customizer link naar de WordPress Customizer openen:
daar kunt u de stijl van het zoekvak zelf selecteren, evenals de kleuren en tekst die worden gebruikt voor verschillende elementen, zoals de plaatshouder tekst in het vak. Wanneer u klaar bent, zorg ervoor dat u klikt op de knop Publiceren aan de bovenkant van de pagina.
tenslotte kunt u op het tabblad Opties de pagina met zoekresultaten configureren:
er zijn opties voor het aantal Resultaten per pagina, of u wilt zoektermen gemarkeerd, en een aantal andere geavanceerde opties. Wanneer u klaar bent met het configureren van uw formulier, klikt u op de blauwe knop Formulier Opslaan om uw wijzigingen af te ronden.
voeg het zoekformulier toe aan uw site
met uw formulier geconfigureerd, bent u nu klaar om het toe te voegen aan uw website. U kunt het formulier in uw kop -, voettekst-of WordPress-menu.
om uw Ivory zoekformulier toe te voegen aan de kop-of voettekst van uw site, navigeert u naar Ivory Search → Instellingen:
selecteer vervolgens Header Search of Footer Search in de lijst en klik vervolgens op het formulier dat u zojuist hebt gemaakt in het vervolgkeuzemenu:
wanneer u klaar bent, klikt u op Opslaan om uw site bij te werken. In dit geval hebben we de balk aan onze header toegevoegd:
als u het zoekformulier aan uw sitemenu wilt toevoegen, navigeert u naar Ivory Search → Menu Search:
op dit scherm kunt u het menu kiezen waarin u uw zoekbalk wilt opnemen. De plugin zal een klein vergrootglas toe te voegen aan het menu. Als u op het vergrootglas klikt, verschijnt er een zoekvak waar termen kunnen worden ingevoerd:
dat is het! U hebt nu uw eigen WordPress zoekformulier aangepast.
conclusie
of u nu probeert om bounce rates te verminderen op uw site of zorgen voor een betere UX, een aangepaste zoekformulier is een fantastische oplossing.
terwijl WordPress bevat een zoekbalk standaard, het is beperkt in waar het kan worden geplaatst en hoe het kan worden aangepast. Met behulp van een plugin zoals Ivory Search kunt u eenvoudig een volledig aangepast formulier te maken en weer te geven bijna overal waar u wilt in slechts een paar stappen.
voor een aantal andere ideeën om het zoeken op uw site te verbeteren, kijk op onze tips voor het verbeteren van WordPress interne zoekopdracht.