Iedereen weet dat de standaardzoekopdracht in WordPress niet erg goed is. Door gebruikers echter de mogelijkheid te geven resultaten te filteren op categorieën en tags, aangepaste taxonomieën of berichttypen, kunnen ze beter navigeren in hun zoekopdrachten naar inhoud. We hebben eerder laten zien hoe je een soortgelijk geavanceerd zoekformulier in WordPress kunt toevoegen. In dit artikel laten we u zien hoe u een Ajax-taxonomiefilter toevoegt aan de WordPress-zoekopdracht.

Waarom een ​​Ajax-taxonomiefilter gebruiken in WordPress-zoekopdrachten?

Ajax-zoeken is sneller en biedt een verbeterde gebruikerservaring. Een autoverkoopsite kan bijvoorbeeld aangepaste taxonomieën hebben verschillende soorten auto's, prijsklassen, modellen, enz. Zo'n interface zal de gebruiker helpen precies te vinden wat hij nodig heeft. Het zal sitebeheerders ook helpen hun inhoud beter te organiseren, zodat deze op zijn beurt beter door gebruikers wordt gevonden.

Allereerst moet u de Ajax WP Query Search Filter-plug-in installeren en activeren. Eenmaal geactiveerd, wordt het toegevoegd nieuw onderdeel“Ajax WPQSF”-menu in de zijbalk administratief paneel plaats. Als u op dit menu klikt, gaat u naar de plug-inpagina waar u op de knop kunt klikken Nieuw zoekformulier toevoegen om uw eigen zoekformulier te maken.

U moet eerst een titel voor uw formulier opgeven, zodat deze gemakkelijker te herkennen is wanneer u andere formulieren toevoegt met deze plug-in. Vervolgens kunt u de typen records selecteren die dit zoekformulier zal verwerken. Je ziet standaard WordPress-berichten en -pagina's samen met willekeurige typen records die uw site heeft.

De volgende instelling is het kiezen van een taxonomie. U kunt logische afhankelijkheden tussen taxonomiequery's selecteren. Als de gebruiker bijvoorbeeld bloemen en dieren selecteert, kunt u de plug-in vertellen of beide zoekopdrachten tegelijkertijd moeten worden verwerkt of dat het resultaat moet worden weergegeven, zelfs als er een resultaat wordt gevonden voor een van de taxonomieën. Vervolgens moet u een taxonomie toevoegen door op de knop te klikken Taxomie toevoegen.

Er verschijnt een nieuw pop-upvenster waarin u de categorie en eventuele andere aangepaste taxonomie op uw site ziet. U kunt een label voor de taxonomie toevoegen, u kunt de optie selecteren om lege termen te verbergen. En ten slotte selecteert u het weergavetype. U kunt ze weergeven in de vorm van selectievakjes, vervolgkeuzemenu's of keuzerondjes. Nadat u een aangepaste taxonomie heeft geselecteerd, kunt u uw zoekformulier verder aanpassen door aangepaste metavelden toe te voegen op precies dezelfde manier als waarop u de taxonomie heeft toegevoegd.

Op het volgende tabblad kunt u zoekresultaten en andere parameters aanpassen. Op dit tabblad kunt u het standaardwoord voor het zoekformulier opgeven. Als de gebruiker een taxonomie of een aangepast metaveld selecteert en een trefwoord invoert. Vervolgens voert de plug-in een zoekopdracht uit naar het woord en negeert de keuze van de gebruiker voor de taxonomie en het aangepaste metaveld.

Dat is alles. Sla nu uw zoekformulier op en u ziet de shortcode. Het kan aan elke bericht-, pagina- of tekstwidget op uw site worden toegevoegd om een ​​zoekformulier weer te geven.

We hopen dat dit artikel u heeft geholpen bij het toevoegen van een Ajax-taxonomiefilter in de WordPress-zoekopdracht aan uw site. Met behulp van deze geavanceerde zoek- en sorteerfunctie kunt u eenvoudige maar zeer effectieve sorteer- en zoekfilters op uw WordPress-site maken.

Hallo! We blijven de interessantste en nuttigste plug-ins voor de Woocommerce online winkel analyseren! Vandaag leert u hoe u een Ajax WooCommerce-productfilter aan uw website kunt toevoegen. U kunt producten zoeken op filters: categorie, prijs, maat, kleur, tag, uitverkoop, op voorraad, titel, SKU. U kunt uw eigen headers voor filters opgeven. Je kunt bepaalde elementen verbergen. U kunt producten in filters weergeven als een link of een selectievakje. U kunt de filterweergavestijl kiezen, verticaal of horizontaal. U kunt het aantal kolommen opgeven, enz.

U kunt de plug-in rechtstreeks installeren vanaf WordPress-beheerderspanelen. Ga naar pagina: Plug-ins – Nieuwe toevoegen, voer de naam van de plug-in in het zoekformulier in, druk op Enter, installeer en activeer de plug-in.

Ga vervolgens, na het installeren en activeren van de plug-in, naar de pagina: . Op deze pagina worden alle gemaakte filters weergegeven. Om te creëren nieuw filter klik op de knop hierboven - Nieuw toevoegen.

– Formuliertitel, geef de naam van het filter op.

– Lay-out, selecteer de filterweergavestijl.

– Lege velden, toon geen lege velden.

– Productsortering, productsortering verbergen.

– Producttelling, verberg de weergave van het aantal producten.

– Paginering, productpaginering verbergen.

– Producten per pagina, het aantal producten dat op één pagina wordt weergegeven wanneer paginering is ingeschakeld.

– Veldgroepen wisselen, geeft de schakelaar voor groepen weer.

– Scroll naar resultaat, schakel scrollen in.

– Resultaatpaginasjabloon, toon resultaten op dezelfde pagina of op een aparte pagina.

Vervolgens moet u uw muis gebruiken om de benodigde filters naar het onderste veld te slepen. Elk filter kan worden aangepast, geef de filternaam op en configureer het extra opties. Om de gemaakte filters op te slaan, klikt u aan het einde op de knop – Redden.

De aanwezigheid van een zoekmachine op een site heeft een positief effect op het bezoek. Zo kan de bezoeker immers snel de informatie vinden die hij nodig heeft, zelfs als die er is goede navigatie of plattegrond.

Onder de standaard WordPress-hulpmiddelen beschikbaar noodzakelijk systeem zoeken, die in principe op elk deel van de site kan worden weergegeven. Dit is natuurlijk erg handig, omdat deze flexibiliteit kan worden gebruikt bij het ontwikkelen van elk thema. Maar er is één punt. Standaard zoekmachine staat u niet toe de zoekresultaten op enigerlei wijze te filteren. Maar het zou leuk zijn om deze optie te hebben, vooral als de site veel categorieën of tags heeft.

Hoe voeg ik een zoekfilter toe in WordPress?

Een manier om dit probleem op te lossen is door een gratis WordPress-plug-in te gebruiken Zoeken en filteren.

Zoek- en filterplug-in

Met Zoeken en filteren kunnen bezoekers van uw site zoeken op categorieën, tags, aangepaste taxonomie, berichttype, publicatiedatum of een combinatie daarvan om echt te verbeteren zoekopdrachten. Filtervelden kunnen verschijnen als vervolgkeuzemenu's, selectievakjes, keuzerondjes of meerdere selecties.

Eerst moet de plug-in worden geïnstalleerd en geactiveerd. Na activering wordt de plug-in toegevoegd nieuw artikel menu Zoeken en filteren in uw WordPress-beheerderspaneel. Als u erop klikt, gaat u naar de gebruikspagina van de plug-in met gedetailleerde documentatie over het gebruik ervan.

Opgemerkt moet worden dat de plug-in niets toevoegt zoekfilters naar de site binnen automatische modus. Om dit te doen, biedt hij speciale shortcodes aan die accepteren verschillende parameters om filteropties weer te geven. U kunt ze overal op de site gebruiken, inclusief widgets, die flexibiliteit bieden bij weergave en aanpassing.

Als u bijvoorbeeld een vervolgkeuzelijst met categorieën en tags in het zoekvak wilt weergeven, kunt u de volgende shortcode gebruiken:

Om het ergens in de WordPress-sjabloon in te voegen, gebruikt u de opdracht utility do_shortcode(), waarmee de inhoud van de shortcode op de pagina wordt weergegeven. Het zal er zo uitzien:

Als u deze code aan het bestand toevoegt zoeken.php, dan ziet de zoekpagina er als volgt uit:

Laten we eens naar een ander voorbeeld kijken dat categorieën, tags, berichttypen en datum bevat.

In plaats van een vervolgkeuzemenu te gebruiken, kunt u nu ook selectievakjes gebruiken en labels voor elk veld toevoegen. Om dit te doen, moeten we nog twee parameters aan onze shortcode toevoegen.

Als u gebruikt aparte pagina om uw blogposts weer te geven, kunt u dit toevoegen korte code naar de pagina.

Als u meerdere velden, typen en headers gebruikt, moet u ervoor zorgen dat de elementen voor elke parameter in dezelfde volgorde staan.

Laten we nog een voorbeeld bekijken. Deze keer voegen we categorie-, tag- en berichtvelden toe met verschillende kopteksten en formulierveldtypen.

Deze shortcodes kunnen ook in widgets worden gebruikt.

Vaak is het nodig om niet alle categorieën op de hoofdpagina weer te geven wordpress blog. Je moet berichten op categorie filteren. Er zijn hier twee opties: het eerste filter is om geen records van bepaalde categorieën weer te geven, en het tweede is om alleen records van geselecteerde categorieën weer te geven. Ik denk dat je vaker met het eerste filter te maken krijgt. Ik wilde berichten van een bepaalde categorie alleen gevuld filteren achtergrondinformatie. Waarom een ​​heleboel korte berichten maken? startpagina Bovendien zullen er in deze stapel ook thematische artikelen zijn, en daarvoor heb ik meer categorieën dan categorieën met achtergrondinformatie. Dus ik filter de berichten van één categorie uit de uitvoer op de hoofdpagina en dat is alles.

Er is een prachtige functie in WordPress die de standaardquery verandert bij het doorlopen van de database. Dit is de functie query_posts(); er zijn veel parameters voor nodig die het verzoek beïnvloeden en, als gevolg daarvan, de uitvoer van berichten naar de pagina. Ik moet een categorie opgeven die niet mag worden weergegeven. Er zijn verschillende opties voor deze doeleinden:

• parametercategorie__not_in - records die niet zijn opgenomen in de opgegeven categorie;
• parameter cat - categorie-ID.

Ik kies degene die korter is.

Laten we de functie voor ons geval schrijven:

query_posts(array(‘kat’ => -1));

U moet de waarden aangeven van categorieën die niet in de uitvoer worden opgenomen, gescheiden door komma's. Plaats deze code boven de wordpress-lus op de hoofdpagina “index.php” en de vermeldingen uit gespecificeerde categorieën wordt niet weergegeven.

-1, -5));?>

Deze code filtert de categorieën 1 en 5, die niet op de hoofdpagina worden weergegeven.
Laten we starten en controleren.

Alles werkt - records van de opgegeven categorieën worden niet gevonden in de uitvoer. Maar er is één MAAR!

Onderaan de pagina, onder de berichten, vindt u paginanavigatie. In het beheerderspaneel kunt u het aantal vermeldingen beperken dat op de pagina wordt weergegeven, en om de resterende vermeldingen te zien, moet u deze navigatie gebruiken. Ik kon het gewoon niet doen, ik klik op de navigatielinks, maar de artikelen zijn nog steeds hetzelfde. De zoektocht is begonnen, waarvan de uiteindelijke prijs een oplossing is voor het probleem met paginanavigatie. Ik begreep niet meteen waarom dit gedrag plaatsvond. Na twee uur zoeken blijkt dat juist deze aanroep van de functie query_posts() de reden is voor dit gedrag van paginanavigatie. Maar ik moet echt categorieën met referentie-informatie verwijderen en... De zoektocht gaat verder.

Of het nu lang of kort is... Ik dacht erover om de zoektocht naar een oplossing uit te stellen. Hoe ik verslaafd raakte aan de parameter ‘paging’. Hij is verantwoordelijk voor paginanavigatie en om de navigatie te normaliseren, moet u deze parameter instellen op get_query_var('paged'), wat het huidige paginanummer in de paged-navigatie aangeeft.

Als resultaat krijgen we een functie die twee parameters overschrijft:

-1, "gepagineerd" => get_query_var("gepagineerd")));?>

Sluit de eerste categorie voor weergave en stel de parameter ‘paged’ in.
Nu werkt de code zoals verwacht.

(Totaal bezoekers: 1.134, vandaag: 1)

filters zoeken en filteren: publicaties, gebruikerspublicaties, producten, enz., dankzij een aantal parameters die toestaan Gebruikers kunnen gemakkelijk vinden wat ze zoeken in uw online winkel.

Gebruikers van uw site kunnen zoekopdrachten uitvoeren, waarvan de resultaten kunnen worden gefilterd op categorieën, trefwoorden, typen, auteurs of een andere combinatie daarvan. Deze filters zijn erg handig voor kritieke sites, sites e-commerce en vele anderen.

Daarom vindt u hier een lijst met de beste plug-ins voor u WooCommerce waarmee u uw producten gemakkelijker kunt vinden in uw online winkel.

1 - WooCommerce-productfilter

WooCommerce-filter goederen Het is een alles-in-één, enkelvoudig filter voor alle winkels. Dit is een gadget voor elke eigenaar van een WordPress- of WooCommerce-onlinewinkel.

Dit WordPress-plug-in breidt de functionaliteit van uw online winkel uit, door toe te voegen Extra filters waar u en uw klanten dol op zullen zijn.Geef uw bedrijf meer een boost hoog niveauEen andere functie die je misschien leuk vindt, is de mogelijkheid ervanPas uw lay-out aan aan het apparaat dat u gebruikt.

2 - Reactive Pro - WP Geavanceerd zoeken, filteren en raster

Jet Pro is een krachtige WordPress-plug-in voor zoeken, filteren en rasteropmaak in uw online winkel. Het maakt de lay-out eenvoudig met de drag-and-drop-functionaliteit die het ondersteunt voor zoeken, filteren en rasters. Je kunt elke publicatievorm kiezen en ermee aan de slag gaanzal creëren dynamische pagina zoeken en krachtige filters.

3 - WooCommerce-assortimenttools

WooCommerce-assortimenttools heeft kenmerken waarmee u het gemakkelijkst en effectiefst met klanten kunt communiceren.

4 - WooCommerce-productfilter

WooCommerce-productfilter, vertegenwoordigend beste plug-in WooCommerce voor een website die auto's of onderdelen verkoopt.Met deze plug-in kunt u de filters toepassen die u nodig hebt om de gewenste resultaten te verfijnen. onderzoekblijkt dat 75% van de gebruikers een Web 15-site binnen enkele seconden verlaat nadat ze niet hebben kunnen vinden wat ze zoeken.

5-WooCommerce-raster: Weergave + AJAX-productfilter

De WordPress-plug-in WooCommerce-raster is een opmaakmanager meertalig die producten weergeeft in een geavanceerd raster dat zich automatisch aanpast aan alle apparaten. Met de geavanceerde Ajax-zoekmachine retourneren gebouwde en ingediende zoekopdrachten gefilterde resultaten uit aangepaste velden.

6 - Inslag | WooCommerce-productenfilter

inslag is een krachtige plug-in voor het filteren van WooCommerce-producten die de functionaliteit uitbreidt door gebruikers in uw online winkel te laten zoeken op categorieën en productkenmerken Aangepast Op trefwoorden en douaneprijs.

7 - WooCommerce-bestelregels en filters

De WordPress-plug-inWooCommerce-bestelregels en filtersstaat u toe om te gebruiken gemakkelijk filters in uw teams met behulp van filters en regels.

8 - SS WooCommerce Ajax-filters

De plug-in WooCommerce Ajax-filter maakt het mogelijk om te filteren functionele producten sets attributen, datumprijsintervallen, populariteit gemiddelde beoordeling, voorraadstatus, enz...

9-Wordpress Metagegevens en taxonomieën filter

Le PlugiWordPress-metagegevens en taxonomieënfilter heeft grotere flexibiliteit en op dit moment deze oplossing is de meest uitgebreide om zeer grote inhoud gemakkelijk doorzoekbaar te maken.

Met deze WordPress-plug-in kunt u filteren: berichten, aangepaste berichttypen, WooCommerce-producten en nog veel meer. en WooCommerce, ontworpen om eenvoudige en snelle filters te maken in uw online winkel of e-commerce website.

U kunt echter ook bij ons een kijkje nemen als u dat nodig heeft meer elementen om uw website-creatieprojecten te implementeren door onze gids voor het maken van te raadplegen of Diva : best WordPress-thema van alle tijden.

We hopen dat u in deze lijst een WordPress-plug-in vindt die aan uw behoeften voldoet. Laat gerust opmerkingen of suggesties achter en deel ze vooral op uw favoriete sociale netwerken.