The Best GridBuilderWP Review: Flexible Grids & Filters

The Best GridBuilderWP Review: Flexible Grids & Filters

Når du setter deg ned for å se på en fotballkamp, ​​kan du enkelt få øye på superstjernene fra en kilometer unna.


Deres stilige og polerte spill skiller dem fra hverandre, og endrer ofte resultatet av kampen. Fans og ledere elsker dem fordi når de spiller, er de på sitt absolutt beste.

Det samme gjelder superstjerner i musikkbransjen. Vanligvis legger de inn arbeidet, serenade oss med treff, og fortsetter fortsatt. Stjernene er mestere i deres handel og skyver fantasien vår til grensene.

Du vet, akkurat som Gridbuilder WP, emnet for dagens gjennomgang.

Her er en grunning: Vi vet at bygging av rutenettoppsett ikke er for de som er inderlig, mer som en nybegynner. Det er en utfordrende oppgave selv for rimelig erfarne brukere.

Likevel er nettoppsett en fantastisk måte å vise og filtrere innhold på WordPress-nettstedet ditt. Noe sånt som dette:

gridbuilder e-handelsdemo

Gridbuilder WP e-handelsdemo

Eller dette:

gridbuilder WordPress plugin portfolio demo

Gridbuilder WP Porteføljedemonstrasjon

Men dessverre er det ikke enkelt å lage nettoppsett for WordPress-nettstedet ditt. Eller slik var det før bruk av WordPress grid plugins.

For å lage fantastiske nettoppsett uten å brekke svette, trenger du a enkel, men kraftig WordPress-rutenettplugin.

Hvis du er ute etter en slik plugin, Gridbuilder WP passer regningen perfekt.

Og i dagens gjennomgang / hvordan-til-artikkel, oppdager du hvorfor Gridbuilder WP er det valgte rutenett- og filtertillegget for et økende antall WordPress-brukere. Vi ser under panseret og leker med pluginen, så du vet allerede at det vil være morsomt.

Uten videre, la oss rulle opp ermene og bli skitne.

Hva er Gridbuilder WP?

gridbuilder

Også kjent som WP Grid Builder, Gridbuilder WP er en vakker WordPress-plugin som lar deg lage avanserte rutenettoppsett raskt. Den har et intuitivt brukergrensesnitt som er ganske hyggelig å bruke.

Plugin-en leveres med en vakker pakke med funksjoner perfekt for både nybegynnere og utviklere. For nybegynnere er WP Grid Builder en komplett løsning for å lage fleksible og filtrerbare rutenettoppsett og for å filtrere dem uten kodingskunnskap. Hvis du er en utvikler, kommer nettverksbyggeren med mange handlinger og funksjoner som holder deg opptatt.

Det fungerer med alle WordPress-temaer og integreres sømløst med de fleste av favorittverktøyene dine. På toppen av det kommer plugin-modulen med tilleggsprogrammer som overlader nettoppsettene og søkefiltrene (kjent som fasetter).

I skrivende stund tilbyr de bare en premiumversjon av WP Grid Builder, men det kan endre seg i fremtiden. Eller som Loic Blascos – utvikleren – sier i en e-post han sendte umiddelbart etter min henvendelse:

wp grid builder support e-post

Samtidig har de tre planer som koster mellom $ 49 og $ 249 per år. Velg planen som passer for dine behov.

Hvis du ikke er fornøyd med kjøpet ditt, tilbyr WP Grid Builder deg en 14-dagers pengene-retur-garanti. I tillegg kaster de inn noen gode rabatter på fornyelser (20% for Basic-plan, 30% for Premium-plan og 40% for Ultimate-plan) for godt mål.

For å blidgjøre avtalen, berømmer WordPress-eksperter WP Grid Builder. Her er en fornøyd kunde:

Både bruker- og utviklervennlig, Gridbuilder ᵂᴾ er et fantastisk produkt og et nytt paradigme for denne typen funksjoner. Den er godt integrert med WordPress Core, og gir en fin Admin UX og en lynrask front-end-opplevelse. – Jb Audras, WordPress Core Developer.

Til og med Chris Lema, et av de største navnene i WordPress-kretser, har bare ros for WP Grid Builder:

chris lema roser gridbuilder wp

At du i tillegg får rask støtte i verdensklasse og detaljert dokumentasjon som hjelper deg med å installere og konfigurere WP Grid Builder mye.

Nå vet vi hva vi jobber med, la oss få et raskt glimt av WP Grid Builder WP-funksjoner.

Gridbuilder WP Funksjoner

gridbuilder funksjoner

WP Grid Builder leveres med alle funksjonene du trenger for å piske opp nettoppsett som en proff. I motsetning til konkurrenter, gjør plugin-en alt for enkelt å lage oppsett for din e-butikk, porteføljeside, blogg og katalog, blant andre.

Du kan forvente følgende funksjoner i din kopi av WP Grid Builder:

  • Jevn integrasjon med WooCommerce, Easy Digital Downloads, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields og Gutenberg
  • 100% responsiv og mobil klar med berøringsstøtte for lightbox og karusell
  • SEO-vennlig – WP Grid Builder er W3C-kompatibel og bruker de beste SEO-praksis
  • Lynrask ytelse takket være tilpassede AJAX endepunkter
  • Et avansert filtreringssystem som lar deg sortere WordPress-innhold etter (tilpassede) taksonomibetingelser, legge inn felt eller tilpassede felt effektivt
  • 15+ fasetttyper inkludert radioer, avkrysningsbokser, skyvekontroller, markeringer, rangeringer, glidebrytere, rangeringer, flere knapper, tilbakestillingsknapper og mer, som lar brukerne dine begrense søkeresultat
  • Importer og eksporter funksjonalitet slik at du enkelt kan flytte innstillingene for WP Grid Builder til et annet nettsted
  • Innebygd lysboks
  • Dra og slipp nettverksbygger
  • 20+ ferdige og enkle å tilpasse rutenettkort. Videre kan du lage kortene dine fra bunnen av
  • 900+ Google-skrifter
  • 250+ SVG-ikoner for å dekorere rutenettkortene dine etter ønske
  • Støtte for sosial deling som lar deg dele innhold på sosiale nettverk rett fra rutenettet
  • Støtte for bilde, video (inkludert innebygninger fra nettsteder som YouTube), galleri og lydinnlegg
  • 3+ nettoppsett inkludert Murverk, Justified og Metro
  • Lat lasting, noe som forbedrer sidehastigheten
  • 20+ laste animasjoner, noe som reduserer opplevd lastetid av brukere
  • 20+ avslører animasjoner
  • RTL-støtte for språk skrevet i høyre-mot-venstre-retning
  • Et intuitivt admin-dashbord
  • Og mange flere innstillinger

Hva en imponerende liste over funksjoner? La oss nå installere WP Grid Builder og teste hva vi kan oppnå med en nettverksbygger som ingen andre.

Hvordan installere Gridbuilder WP

Nå er den morsomme delen ��

Å installere WP Grid Builder er like enkelt som A, B, C. Hvis du vet hvordan du installerer en premium plugin, bør du ikke ha noe problem med å installere WP Grid Builder. Etter å ha kjøpt plugin-modulen, kan du finne WP Grid Builder ZIP-mappen i kontoen din eller kjøps-e-posten.

Last først WP Grid Builder ZIP-filen til datamaskinen din. Deretter logger du deg på WordPress admin-dashbordet og naviger til Plugins> Legg til nytt, som vist under.

hvordan du installerer ny wordpress plugin

Deretter klikker du på Last opp plugin , velg ZIP-filen WP Grid Builder du lastet ned og trykk på Installere nå for å få ting i bevegelse. Her er et skjermbilde som beskriver prosessen:

installere gridbuilder wordpress plugin manuelt

Deretter aktiverer du WP Grid Builder:

aktiver gridbuilder wp plugin

Aktivering av plugin-en legger til en Gridbuilder WP elementet til din WordPress admin-meny. Naviger deretter til Gridbuilder WP > Dashbord, som vi detaljer nedenfor.

wp rutenettbygger menyelement

Etter det, skriv inn lisens-e-posten din og lisensnøkkelen og klikk på Aktiver Plugg inn knapp:

wp grid builder lisens aktivering

For å dra nytte av automatiske oppdateringer, kan du aktivere lisensen din, som er tilgjengelig i e-postmeldingen om ordrebekreftelse eller kontosiden din:

lisensnøkkel

Nå som vi har installert og aktivert WP Grid Builder, kan vi lage vår første rutenettoppsett.

Slik konfigurerer du Gridbuilder WP

I den følgende delen lærer du hvordan du lager et funksjonelt rutenett. Jeg vil gjøre mitt beste for å dekke de fleste (om ikke alle) innstillinger. Den utmerkede nyheten er at WP Grid Builder har funksjoner som har klare beskrivelser i admingrensesnittet. Vi må starte med å navngi vårt nye rutenett for fremtidig referanse.

Navngi et nytt rutenett

Hvis du vil lage en ny rutenettlayout, naviger du til Gridbuilder WP > Alle nett på din WordPress admin-meny:

Å gjøre det fører deg til Alle rutenett skjermen, som er tom for nå. Deretter klikker du på Lag et rutenett knapp:

opprette nytt rutenett

Alternativt kan du importere demoer fra wpgridbuilder.com. Vær imidlertid oppmerksom på at demoene bare er beregnet på layoutinnstillinger. Innholdet som vises i rutenettet ditt, avhenger av innlegg, media, produkter osv.

For vårt testformål gikk jeg med det første alternativet og lagde et nytt rutenett fra bunnen av. De Lag et rutenett knappen fører deg til følgende side:

navngi et nytt rutenett i wp nettnettbygger

På skjermbildet over kan du:

  • Gi rutenettet ditt navn. Jeg bruker “Testgalleri” som eksempel
  • Legg til og generer tilpasset CSS-klasse, slik at du kan legge til tilpassede stiler i rutenettet ditt hvis du ønsker det
  • Definer feilmeldingene som brukere ser om de ikke finner noen resultater

Velg Media som skal vises i rutenettet

Det er på tide å velge mediet du vil vise i rutenettet ditt. Naviger til neste avsnitt, dvs.., Rutenettinnstillinger> Kildeinnhold, som vist under.

innstillinger for kildeinnhold

Som vist over har du tre typer kilder under Type kilde:

  • Innleggstype – Du kan hente innhold fra innleggene, sidene, mediebiblioteket eller andre tilpassede innleggstyper
  • Begrep – Du kan kildemateriale basert på kategorier, tagger eller andre tilpassede taksonomibetingelser.
  • Bruker – Dette alternativet lar deg kilde innhold fra spesifikke WordPress-brukere

Under det kan du angi antall elementer per side. Bruk verdien “-1” for å vise alle innlegg. Null (0) er standard for antall innlegg per side i WordPress-innstillinger.

Avsnitt om spørsmål

Under det har du Spurte innlegg (er) seksjon:

spørsmål om innleggPå skjermbildet over kan du gjøre flere ting som følger:

  • Velg innleggstype (r) under Innleggstype (r) som markert på bildet. Hvis du vil lage et rutenett for blogginnleggene dine, velger du innlegg. Hvis du oppretter et rutenett for media (si at du vil opprette en visuell portefølje), velger du Media, som i eksempelet ovenfor. Den andre tilgjengelige posttypen er sider.
  • Under innleggstyper kan du velge poststatus for innholdet du vil vise i rutenettet ditt. Du har et par alternativer, men jeg vil anbefale deg å holde deg til publisert. I tillegg kan du velge innleggsforfattere, mime-typer og inkludere / ekskludere spesifikt innhold fra rutenettet ditt.
  • Som vist med element nummer tre (3) på bildet over, kan du inkludere andre medier direkte, noe som kan spare deg for mye tid, spesielt når du raskt vil distribuere et rutenett.

Når du blar til bunnen av skjermen, vil du merke alternativer som hjelper deg å bestille rutenettinnholdet etter verdier, koder og tilpassede felt. Du trenger bare disse alternativene når du finjusterer rutenettet:

Bortsett: For å unngå å miste fremgangen ved et uhell, klikk på Lagre endringer når du oppretter rutenettet ditt. La oss sette opp medieformater.

Medieformater

Navigere til Rutenettinnstillinger> Medieformater:

gridbuilder mediaformater

Du kan velge medieformatene du vil bruke i rutenettet. WP Grid Builder støtter gallerier, videoer og lyd. Mot bunnen av skjermen kan du angi et standard miniatyrbilde på hvert rutenettkort (eller flis) i tilfelle innholdet mangler.

På samme skjermbilde kan du velge å fange opp det første mediet i innleggene dine automatisk (i tilfelle innholdet mangler). Du kan også aktivere galleri-lysbildefremvisning inne i rutenettkort, bruke plakater fra innebygde videoer og åpne videoer i en lysboks i stedet for rutenettkortet.

Rutenettstil

Gå til Rutenettinnstillinger> Rutenettstil for å tilpasse rutenettet ditt, som vist ovenfor. Som standard har du tre rutenettstiler: Murverk, Metro og Begrunnet. Jeg bruker murverk for illustrasjonsformål. Også hadde jeg publisert bilder til mediebiblioteket mitt tidligere. WP Grid Builder legger bildene til nettet automatisk.

Annet enn det kan du kontrollere andre alternativer, for eksempel rutenettatferd, overstyre kortstørrelser og kontrollansvar. Spar ved å velge rutenettstil og overstyre kortstørrelser, vil du neppe berøre innstillingene. Velg nettstilen din, og la oss gå til neste seksjon.

Rutenettoppsett

wp grid builder rutenettoppsett

Det er ingenting mye å se her. Du har to typer oppsett for nettene dine; standard vertikal design og karuselloppsett. På toppen av det kan du lage rutenettet i full bredde. Jeg jobber med Standard design, og rutenettet mitt er i full bredde.

Vi går videre.

Rutenettkomponist

gitterkomponist

Rutenettkomponisten kommer godt med når du tilpasser rutenettet med fasetter, for eksempel et filter, rangering, søk, avmerkingsbokser, last inn mer, paginering og så mye mer.

Nederst på skjermen finner du en utbygger av dra-og-slipp-rutenett. For eksempel nedenfor, se eksempelet mitt med tre fasetter: Filtrer etter dato, Søk, og Last mer knapp.

Hvis jeg publiserer rutenettet mitt på dette tidspunktet, ser jeg følgende rutenett, komplett med mine tre (3) fullt funksjonelle fasetter:

Ikke verst �� Ikke verst i det hele tatt. Jeg håper du får viktige ting, bortsett fra at vi ikke er ferdige. La oss gå tilbake til administrasjonsområdet for WP Grid Builder.

Kortstiler

Avsnittet om kortstil vist ovenfor lar deg tilpasse nettkortene dine. Rutenettkort er ganske enkelt de rektangulære eller firkantede fliser som utgjør nettet. Når du begynner å bruke WP Grid Builder, kan det hende du må importere demoer, som vist på bildet over. Du kan imidlertid, lag kortene dine fra bunnen av, noe som låser opp uendelige muligheter.

Så jeg gikk videre og importerte alle kortene og tildelte et standardkort til rutenettene mine. Etter det valgte jeg et kort for hver type innlegg, inkludert media. Jeg bruker Beryl som mitt standardkort. Her er testnettet mitt i aksjon nå:

Ser ganske mye pålitelig ut, denne WordPress rutenettbyggeren, farger meg imponert. Neste gang har vi animasjoner.

animasjoner

gridbbuilder-animasjoner

Igjen, ingenting mye å se her; bare et par animasjoner for å avsløre kort i rutenettet når en bruker ruller eller klikker på Last mer knapp. Funksjonen er utrolig enkel å bruke og gir vakre effekter som øker brukerengasjementet.

Laster

Deretter har du lastingsalternativer, som vi beskriver ovenfor. På skjermen kan du veksle på lat lasting for å øke hastigheten på rutenettet ditt enormt. Lat innlasting laster bare media når det er i brukerens visningsområde, noe som kan redusere tiden det tar å laste nettet.

På den annen side reduserer en lastelinje eller ikon den opplevde lastetiden av brukere. Lasteren vises når en bruker laster inn et sett med innlegg. Det vises når du legger i rutenettet, og når brukeren filtrerer eller sorterer et rutenett. Det er en praktisk og brukervennlig måte å holde brukere på nettstedet ditt på.

tilpasning

Husker du den tilpassede CSS-klassen vi la til nettet vårt tidligere? Vel, du bruker klassen til å endre plugin CSS-stiler i Rutenettinnstillinger> Tilpasning vindu. Hvis du ikke vet veien rundt CSS, har du det bedre å ansette hjelp utenfra om nødvendig.

Gridbuilder WP Add-Ons

gridbuilder-tillegg

Tilleggsapparater lar deg utvide funksjonaliteten til en WordPress-plugin. WP Grid Builder leveres med et par tilleggsprogrammer som du enkelt kan installere ved å navigere til Gridbuilder WP > Tillegg. For øyeblikket kommer WP Grid Builder med fire tillegg, nemlig:

  • Kartfasett – Lar deg legge til kart fra Google Maps, Mapbox eller Brosjyre og vise markører
  • Bufring – For å fremskynde rutenett ved å cache innhold og fasetter
  • LearnDash – Vis kursinformasjon på kort
  • Flerspråklig – integrer WP Grid Builder med Polylang og WPML

Andre Gridbuilder WP innstillinger

gridbuilder wp globale innstillinger

Gå til WP Grid Builder generelle innstillinger Gridbuilder WP > Innstillinger. På skjermen finner du alternativer som:

  • Tillat WP Grid Builder å gjengi blokker i Gutenberg
  • Aktiver støtte for innleggsformater
  • Vis alternativer for innlegg og termin (postformater og terminfarger)
  • Tøm cache og rens stilark
  • Endre globale farger
  • Sett opp flere bildestørrelser
  • Konfigurer Lightbox-pluginen
  • Tilbakestill globale innstillinger for plugin

Konklusjon

WP Grid Builder er et fantastisk WordPress-rutenett og filterplugin som passer for både nybegynnere og utviklere. Det leveres med en omfattende liste over fantastiske funksjoner som gjør det å skape responsive rutenettoppsett til en lek. På toppen av det tilbyr de deg en fleksibel prisstruktur og rask støtte.

Hva synes du om Gridbuilder WP? Savnet vi noe? Gi oss beskjed 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