Den bedste GridBuilderWP-gennemgang: Fleksible gitter & filtre

Den bedste GridBuilderWP-gennemgang: Fleksible gitter & filtre

Når du sætter dig ned for at se en fodboldkamp, ​​kan du let få øje på superstjerner fra en kilometer væk.


Deres stilfulde og polerede spil adskiller dem og ændrer ofte resultatet af kampen. Fans og ledere elsker dem, fordi når de spiller, er de deres absolut bedste.

Det samme gælder superstjerner i musikbranchen. Normalt sætter de ind i værket, serenade os med hits og fortsætter stadig. Stjernerne er mestre i deres handel og skubber vores fantasi til grænserne.

Du ved, ligesom Gridbuilder WP, emnet for dagens gennemgang.

Her er en grunning: Vi ved, at opbygning af gitterlayouter ikke er for svage hjerte, mere som en nybegynder. Det er en udfordrende opgave, selv for rimeligt erfarne brugere.

Ikke desto mindre er gitterlayouts en fantastisk måde at vise og filtrere indhold på dit WordPress-websted. Noget lignende:

gridbuilder e-handelsdemo

Gridbuilder WP e-handelsdemo

Eller dette:

gridbuilder WordPress plugin portfolio demo

Gridbuilder WP Porteføljedemo

Men desværre er det ikke ligetil at oprette gitterlayouts til dit WordPress-websted. Eller sådan var det før brugen af ​​WordPress-net-plugins.

For at oprette fantastiske gitterlayouts uden at bryde en sved, har du brug for en enkle, men kraftfulde WordPress-gitter plugin.

Hvis du leder efter et sådant plugin, Gridbuilder WP passer perfekt til regningen.

Og i dagens gennemgang / vejledningsartikel opdager du, hvorfor Gridbuilder WP er det valgte gitter- og filterplugin for et voksende antal WordPress-brugere. Vi kigger under hætten og leger med plugin, så du ved allerede, det vil være sjovt.

Uden yderligere fjendtlighed, lad os rulle ærmerne op og blive beskidte.

Hvad er Gridbuilder WP?

gridbuilder

Også kendt som WP Grid Builder, Gridbuilder WP er et smukt WordPress-plugin, der giver dig mulighed for hurtigt at oprette avancerede gitterlayouts. Den har en intuitiv brugergrænseflade, der er ret behagelig at bruge.

Plugin leveres med en smuk pakke af funktioner perfekt til både begyndere og udviklere. For nybegynderne er WP Grid Builder en komplet løsning til at skabe fleksible og filtrerbare gitterlayouts og til at filtrere dem uden kodning viden. Hvis du er en udvikler, kommer netværksbyggeren med masser af handlinger og funktioner til at holde dig optaget.

Det fungerer med alle WordPress-temaer og integreres problemfrit med de fleste af dine yndlingsværktøjer. Oven i det kommer plugin med tilføjelsesprogrammer, der supercharger dine gitterlayouts og søgefiltre (kendt som facetter).

I skrivende stund tilbyder de kun en premium version af WP Grid Builder, men det kan ændre sig i fremtiden. Eller som Loic Blascos – udvikleren – siger i en e-mail, han sendte umiddelbart efter min forespørgsel:

wp grid builder support e-mail

Alligevel har de tre planer, der koster mellem $ 49 og $ 249 om året. Vælg den plan, der passer til dine behov.

Hvis du ikke er tilfreds med dit køb, tilbyder WP Grid Builder dig en 14-dages moneyback-garanti. Derudover kaster de nogle fremragende rabatter på fornyelser (20% til basisplanen, 30% for premiumplan og 40% for den ultimative plan) til et godt mål.

For at blødgøre aftalen hylder WordPress-eksperter WP Grid Builder. Her er en glad kunde:

Både bruger- og udviklervenlig, Gridbuilder ᵂᴾ er et fantastisk produkt og et nyt paradigme til denne form for funktion. Velintegreret til WordPress Core, det giver en dejlig Admin UX og en flammende hurtig front-end oplevelse. – Jb Audras, WordPress Core Developer.

Også selvom Chris Lema, et af de største navne i WordPress-cirkler, har intet andet end ros for WP Grid Builder:

chris lema roser netbyggeren wp

Dette plus får du hurtig support i verdensklasse og detaljeret dokumentation, der hjælper dig med at installere og konfigurere WP Grid Builder i vid udstrækning.

Nu ved vi, hvad vi arbejder med, lad os få et hurtigt glimt af WP Grid Builder WP-funktioner.

Gridbuilder WP Funktioner

netbygger funktioner

WP Grid Builder leveres med alle de funktioner, du har brug for, til at piske op netudformninger som en professionel. I modsætning til konkurrenter, gør plugin det alt for nemt at oprette layouts til din e-handelsbutik, porteføljeside, blog og mappe blandt andre.

Du kan forvente følgende funktioner i din kopi af WP Grid Builder:

  • Glat integration med WooCommerce, Easy Digital Downloads, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields og Gutenberg
  • 100% lydhør og mobil klar med berøringsstøtte til lightbox og karrusel
  • SEO venlig – WP Grid Builder er W3C-kompatibel og bruger den bedste SEO-praksis
  • Lyn-hurtig ydelse takket være brugerdefinerede AJAX endepunkter
  • Et avanceret filtreringssystem, der giver dig mulighed for at sortere WordPress-indhold efter (brugerdefinerede) taksonomivilkår, sende felter eller brugerdefinerede felter effektivt
  • 15+ facettyper inklusive radioer, afkrydsningsfelter, skydere, markeringer, klassifikationer, skydere, klassificeringer, indlæsningsknapper, nulstillingsknapper og mere, som giver dine brugere mulighed for at indsnævre søgeresultater
  • Importer og eksporter funktionalitet, så du nemt kan flytte dine WP Grid Builder-indstillinger til et andet sted
  • Indbygget lightbox
  • Træk-og-slip-gitterbygger
  • 20+ færdige og let at tilpasse gitterkort. Yderligere kan du oprette dine kort fra bunden
  • 900+ Google-skrifttyper
  • 250+ SVG-ikoner for at dekorere dine gitterkort efter ønske
  • Support til social deling giver dig mulighed for at dele indhold på sociale netværk lige fra dine gitter
  • Support til billede, video (inkl. Indlejringer fra websteder som YouTube), galleri og lydindlæg
  • 3+ netoplæg inklusive murværk, retfærdiggjort og metro
  • Lat indlæsning, hvilket forbedrer sidehastighedshastigheder
  • 20+ indlæsningsanimationer, hvilket reducerer den opfattede indlæsningstid af brugerne
  • 20+ afslør animationer
  • RTL-support til sprog skrevet i højre til venstre retning
  • Et intuitivt admin-dashboard
  • Og mange flere indstillinger

Hvilken imponerende liste over funktioner? Lad os nu installere WP Grid Builder og teste, hvad vi kan opnå med en netbygger som ingen anden.

Sådan installeres Gridbuilder WP

Nu den sjove del ��

Installation af WP Grid Builder er så let som A, B, C. Hvis du ved, hvordan du installerer et premium plugin, skal du ikke have noget problem med at installere WP Grid Builder. Når du har købt plugin, kan du finde WP Grid Builder ZIP-mappen på din konto eller køb e-mail.

Download først WP Grid Builder ZIP-fil til din computer. Log derefter på dit WordPress admin dashboard og naviger til Plugins> Tilføj nyt, som vist nedenfor.

hvordan man installerer nyt wordpress plugin

Klik derefter på Upload plugin vælg den WP Grid Builder ZIP-fil, du har downloadet, og tryk på Installer nu for at få tingene i bevægelse. Her er et skærmbillede, der beskriver processen:

installation af gridbuilder wordpress plugin manuelt

Aktivér derefter WP Grid Builder:

aktiver gridbuilder wp plugin

Aktivering af plugin tilføjer en Gridbuilder WP element til din WordPress admin menu. Naviger derefter til Gridbuilder WP > Dashboard, som vi detaljeret nedenfor.

wp gitterbygger menupunkt

Indtast derefter din licens-e-mail og licensnøgle og klik på Aktiver Plugin knap:

wp grid builder licensaktivering

For at drage fordel af automatiske opdateringer kan du aktivere din licens, som er tilgængelig i din ordrebekræftelses-e-mail eller din kontoside:

licensnøgle

Nu, hvor vi har installeret og aktiveret WP Grid Builder, kan vi oprette vores første gitterlayout.

Sådan konfigureres Gridbuilder WP

I det følgende afsnit lærer du, hvordan du opretter et funktionelt gitter. Jeg vil gøre mit bedste for at dække de fleste (hvis ikke alle) indstillinger. Den fremragende nyhed er, at WP Grid Builder-funktioner har klare beskrivelser i admin-grænsefladen. Vi skal starte med at navngive vores nye gitter til fremtidig reference.

Navngivelse af et nyt gitter

Naviger til for at oprette et nyt gitterlayout Gridbuilder WP > Alle gitter i din WordPress admin-menu:

Dette fører dig til Alle gitre skærm, som er tom for nu. Klik derefter på Opret et gitter knap:

oprette nyt gitter

Alternativt kan du importere demoer fra wpgridbuilder.com. Bemærk dog, at demoerne kun er beregnet til layoutindstillinger. Indholdet, der vises i dine gitre, afhænger af dine indlæg, medier, produkter osv.

Til vores testformål gik jeg med den første mulighed og skabte et nyt gitter fra bunden. Det Opret et gitter knappen fører dig til følgende side:

navngivning af et nyt gitter i wp-netbygger

På ovenstående skærm kan du:

  • Navngiv dit gitter. Jeg bruger “Testgalleri” til vores eksempel
  • Tilføj og generer tilpasset CSS-klasse, så du kan tilføje tilpassede stilarter til dit gitter, hvis du ønsker det
  • Definer de fejlmeddelelser, som brugerne ser, hvis de ikke finder nogen resultater

Vælg medie, der skal vises i dit gitter

Det er tid til at vælge det medie, du vil vise i dit gitter. Naviger til det næste afsnit, dvs.., Gitterindstillinger> Kildeindhold, som vist nedenfor.

kildeindholdsindstillinger

Som vist ovenfor har du tre slags kilder under Type kilde:

  • Indlægstype – Du kan trække indhold fra dine indlæg, sider, mediebibliotek eller enhver anden brugerdefineret indlægstype
  • Semester – Du kan købe materiale baseret på kategorier, tags eller andre vilkår for tilpasset taksonomi.
  • Bruger – Denne mulighed giver dig mulighed for at kilde indhold fra specifikke WordPress-brugere

Under det kan du indstille antallet af varer pr. Side. Brug værdien “-1” til at vise alle indlæg. Nul (0) er standard for antallet af indlæg pr. Side i WordPress-indstillinger.

Sektion med forespørgsler

Under det har du Forespurgte indlæg afsnit:

stillede spørgsmålPå ovenstående skærm kan du gøre flere ting som følger:

  • Vælg din posttype (r) under Indlægstype (r) som markeret på billedet. Hvis du vil oprette et gitter til dine blogindlæg, skal du vælge Indlæg. Hvis du opretter et gitter til dine medier (sig, du vil oprette en visuel portefølje), skal du vælge Medier, som i vores eksempel ovenfor. Den anden tilgængelige posttype er sider.
  • Under indlægstyper kan du vælge poststatus for det indhold, du vil vise i dit gitter. Du har et par muligheder, men jeg vil anbefale dig at holde dig til Udgivet. Derudover kan du vælge postforfattere, mimetyper og inkludere / ekskludere specifikt indhold fra dit gitter.
  • Som vist med element nummer tre (3) på billedet ovenfor, kan du medtage andre medier direkte, hvilket kan spare dig for meget tid, især når du hurtigt vil indsætte et gitter.

Når du ruller til bunden af ​​skærmen, bemærker du indstillinger, der hjælper dig med at bestille dit gitterindhold efter værdier, tags og brugerdefinerede felter. Du har kun brug for disse indstillinger, når du finjusterer dit gitter:

Bortset: Klik på knappen for at undgå at tabe dine fremskridt ved et uheld Gem ændringer når du opretter dit gitter. Lad os konfigurere medieformater.

Medieformater

Naviger til Rasterindstillinger> Medieformater:

gridbuilder medieformater

Du kan vælge de medieformater, du gerne vil bruge i dine gitre. WP Grid Builder understøtter gallerier, videoer og lyd. Mod bunden af ​​skærmen kan du indstille en standard-miniature på hvert gitterkort (eller flise), hvis indholdet mangler.

På den samme skærm kan du vælge at optage de første medier i dine indlæg automatisk (hvis indholdet mangler). Du kan også aktivere galleri-lysbilledshows inde i gitterkort, bruge plakater fra indlejrede videoer og åbne videoer i en lightbox i stedet for netkortet.

Grid Style

Gå til Rasterindstillinger> Ristestil til at tilpasse dit gitter, som vist ovenfor. Som standard har du tre gitterformater: Murværk, Metro og Begrundet. Jeg bruger murværk til illustration. Desuden havde jeg tidligere offentliggjort billeder til mit mediebibliotek. WP Grid Builder tilføjer fotos automatisk til gitteret.

Bortset fra det kan du kontrollere andre indstillinger, f.eks. Gitteropførsel, tilsidesætte kortstørrelser og kontrollere respons. Spar ved at vælge en ristetype og tilsidesætte kortstørrelser, vil du næppe røre ved indstillingerne. Vælg din ristetype, og lad os gå til det næste afsnit.

Tabellayout

wp grid builder gitter layout

Der er ikke meget at se her. Du har to typer layout til dine gitre; det lodrette standarddesign og karrusellayoutet. Derudover kan du lave dine gitter i fuld bredde. Jeg arbejder med standarddesignet, og mit gitter er i fuld bredde.

Vi går videre.

Gitterkomponist

gitterkomponist

Gitterkomponisten er praktisk, når du tilpasser dine gitre med facetter, f.eks. Et filter, vurdering, søgning, afkrydsningsfelter, indlæs mere, pagination og så meget mere.

Nederst på skærmen finder du en træk-og-slip-gridlayoutbygger. Se for eksempel nedenfor mit eksempel med tre facetter: Filtrer efter dato, Søg, og Indlæs mere knap.

Hvis jeg offentliggør mit gitter på dette tidspunkt, ser jeg følgende gitter komplet med mine tre (3) fuldt funktionsmæssige facetter:

Ikke dårligt �� Overhovedet ikke dårligt. Jeg håber, at du får tingene, bortset fra at vi ikke er færdige. Lad os gå tilbage til WP Grid Builder admin-området.

Kortformater

Afsnittet Kortstil vist ovenfor giver dig mulighed for at tilpasse dine gitterkort. Gitterkort er simpelthen de rektangulære eller firkantede fliser, der udgør gitteret. Når du begynder at bruge WP Grid Builder, skal du muligvis importere demoerne, som vist på billedet ovenfor. Du kan dog, opret dine kort fra bunden, hvilket låser utallige muligheder.

Så jeg gik videre og importerede alle kort og tildelte et standardkort til mine gitre. Derefter valgte jeg et kort til hver type indlæg, inklusive mine medier. Jeg bruger Beryl som mit standardkort. Her er mit testnet i aktion nu:

Ser stort set pålidelig ud, denne WordPress gitterbygger, farve mig imponeret. Herefter har vi animationer.

Animationer

gridbbuilder-animationer

Igen ikke meget at se her; bare et par animationer for at afsløre kort i gitteret, når en bruger ruller eller klikker på Indlæs mere knap. Funktionen er utroligt nem at bruge og producerer smukke effekter, der øger brugerengagement.

Indlæser

Dernæst har du indlæsningsmuligheder, som vi detaljerer ovenfor. På skærmen kan du skifte mellem doven belastning for at øge hastigheden på dine gitter enormt. Lat indlæsning indlæser kun medier, når det er i brugerens visningsport, hvilket kan reducere den tid det tager dit gitter at indlæse.

På den anden side reducerer en indlæsningsbjælke eller ikon den opfattede indlæsningstid for brugerne. Loader vises, når en bruger indlæser et sæt stillinger. Det vises, når du indlæser gissiden, og når brugeren filtrerer eller sorterer et gitter. Det er en praktisk og brugervenlig måde at holde brugere på dit websted på.

Tilpasning

Kan du huske den tilpassede CSS-klasse, vi føjede til vores net tidligere? Nå, du bruger klassen til at ændre plugin CSS-stilarter i Rasterindstillinger> Tilpasning vindue. Hvis du ikke kender din vej omkring CSS, er du bedre stillet til at ansætte hjælp udefra, hvis det er nødvendigt.

Gridbuilder WP Tilføjelser Ons

gridbuilder tilføjelser

Tilføjelser giver dig mulighed for at udvide funktionaliteten af ​​et WordPress-plugin. WP Grid Builder sendes med et par tilføjelser, som du nemt kan installere ved at navigere til Gridbuilder WP > Tilføjelser. I øjeblikket kommer WP Grid Builder med fire tilføjelser, nemlig:

  • Kortfaset – Gør det muligt at tilføje kort fra Google Maps, Mapbox eller foldere og visningsmarkører
  • Cache – For at fremskynde gitre ved at cache indhold og facetter
  • LearnDash – Vis kursusoplysninger på kort
  • Flersproget – Integrer WP Grid Builder med Polylang og WPML

Andet Gridbuilder WP Indstillinger

gridbuilder wp globale indstillinger

Gå til WP Grid Builder generelle indstillinger Gridbuilder WP > Indstillinger. På skærmen finder du indstillinger som:

  • Tillad WP Grid Builder at gengive blokke i Gutenberg
  • Aktivér support til indlægsformater
  • Vis indstillinger for indlæg og sigt (indlægsformater og terminfarver)
  • Ryd cache og rens stilark
  • Skift globale farver
  • Indstil yderligere billedstørrelser
  • Konfigurer dit Lightbox-plugin
  • Nulstil globale indstillinger for plugin

Konklusion

WP Grid Builder er et fabelagtig WordPress-gitter og filterplugin, der er velegnet til både begyndere og udviklere. Det leveres med en omfattende liste over fantastiske funktioner, der gør skabelse af responsive gitterlayouts en leg. Desuden tilbyder de dig en fleksibel prisstruktur og hurtig support.

Hvad synes du om Gridbuilder WP? Gik vi glip af noget? Fortæl os venligst i kommentarfeltet nedenfor.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map