Ang Pinakamagandang GridBuilderWP Review: Flexible Grids & Filter

Ang Pinakamagandang GridBuilderWP Review: Flexible Grids & Filter

Kapag nakaupo ka upang manood ng isang laro ng football, madali mong makita ang mga superstar mula sa isang milya ang layo.


Ang kanilang mga naka-istilong at makintab na laro ay nagtatakda sa kanila, at madalas na baguhin ang kinalabasan ng tugma. Gustung-gusto sila ng mga tagahanga at tagapamahala dahil kapag naglalaro sila, nasa abot ng kanilang makakaya.

Ang parehong naaangkop sa mga superstar sa industriya ng musika. Karaniwan, inilalagay nila ang trabaho, serenade sa amin ng mga hit, at patuloy pa rin. Ang mga bituin ay masters ng kanilang kalakalan at itulak ang ating imahinasyon sa mga limitasyon.

Alam mo, tulad ng Gridbuilder WP, ang paksa ng pagsusuri ngayon.

Narito ang isang panimulang aklat: Alam namin na ang mga layout ng layout ng grid ay hindi para sa mga malabong puso, higit pa sa isang nagsisimula. Ito ay isang mapaghamong gawain kahit na para sa makatuwirang mga gumagamit.

Ngunit ang mga layout ng grid ay isang kamangha-manghang paraan ng pagpapakita at pagsala ng nilalaman sa iyong website ng WordPress. Isang bagay na tulad nito:

demo ng e-dagang e-dagang

Gridbuilder WP eCommerce Demo

O ito:

gridbuilder WordPress plugin portfolio demo

Gridbuilder WP Demo ng portfolio

Ngunit, nakalulungkot, ang paglikha ng mga layout ng grid para sa iyong website ng WordPress ay hindi diretso. O kaya dati ay bago ang pagdating ng mga plugin ng WordPress grid.

Upang lumikha ng mga hindi kapani-paniwala na layout ng grid nang hindi nabasag ang isang pawis, kailangan mo ng simple ngunit malakas na plugin ng WordPress grid.

Kung naghahanap ka ng tulad ng isang plugin, Gridbuilder WP umaangkop sa panukalang batas.

At sa pagsusuri / how-to article ngayon, natuklasan mo kung bakit ang Gridbuilder WP ay ang grid at filter plugin ng pagpipilian para sa isang lumalagong bilang ng mga gumagamit ng WordPress. Tumingin kami sa ilalim ng hood at naglalaro sa plugin, kaya alam mo na masaya ito.

Nang walang karagdagang ado, i-roll up namin ang aming mga manggas at makakuha ng marumi.

Ano ang Gridbuilder WP?

gridbuilder

Kilala rin bilang WP Grid Builder, Gridbuilder WP ay isang magandang plugin ng WordPress na nagbibigay-daan sa iyo upang mabilis na lumikha ng mga advanced na layout ng grid. Nagtatampok ito ng isang madaling gamitin na interface ng gumagamit na medyo kaaya-aya na gamitin.

Ang plugin ay may isang magandang suite ng tampok perpekto para sa mga nagsisimula at developer magkapareho. Para sa baguhan, ang WP Grid Builder ay isang kumpletong solusyon upang lumikha ng kakayahang umangkop at maaaring i-filter na layout ng grid at i-filter ang mga ito nang walang kaalaman sa pag-cod. Kung ikaw ay isang developer, ang tagabuo ng grid ay may maraming mga pagkilos at pag-andar upang mapanatili kang abala.

Gumagana ito sa lahat ng mga tema ng WordPress at sumasama sa karamihan ng iyong mga paboritong tool nang walang putol. Sa tuktok ng iyon, ang plugin ay may mga add-on na sobrang dagdagan ang iyong mga layout ng grid at ang mga filter filter (alam bilang mga facet).

Sa oras ng pagsulat, nag-aalok lamang sila ng isang premium na bersyon ng WP Grid Builder, ngunit maaaring magbago iyon sa hinaharap. O bilang Loic Blascos – ang nag-develop – sabi sa isang email na ipinadala niya kaagad pagkatapos ng aking pagtatanong:

wp suporta sa tagabuo ng wp grid

Ang parehong pareho, mayroon silang tatlong mga plano na nagkakahalaga sa pagitan ng $ 49 at $ 249 bawat taon. Piliin ang plano na angkop para sa iyong mga pangangailangan.

Kung hindi ka nasisiyahan sa iyong pagbili, nag-aalok sa iyo ang WP Grid Builder ng isang 14-araw na garantiya ng pera. Dagdag pa, itinapon nila ang ilang mga mahusay na diskwento sa mga pag-update (20% para sa Pangunahing plano, 30% para sa Premium plan, at 40% para sa Ultimate plan) para sa mahusay na panukala.

Upang matamis ang pakikitungo, pinasasalamatan ng mga eksperto sa WordPress ang WP Grid Builder. Narito ang isang maligayang customer:

Parehong gumagamit at friendly-developer, Gridbuilder ᵂᴾ ay isang kahanga-hangang produkto at isang bagong paradigma para sa ganitong uri ng tampok. Magaling na isinama sa WordPress Core, nagbibigay ito ng isang magandang Admin UX at isang nakasisilaw na mabilis na karanasan sa harap. – Jb Audras, Developer ng WordPress Core.

Kahit na Chris Lema, isa sa mga pinakamalaking pangalan sa mga lupon ng WordPress, ay walang iba kundi papuri para sa WP Grid Builder:

pinuri ng chris lema ang gridbuilder wp

Iyon, kasama pa, nakatanggap ka ng mabilis na suporta sa buong mundo at detalyadong dokumentasyon upang matulungan kang mai-install at i-configure ang WP Grid Builder nang malawakan..

Ngayon alam namin kung ano ang aming pinagtatrabahuhan, hayaan ang mabilis na pagmasdan ng mga tampok na WP Grid Builder WP.

Gridbuilder WP Mga Tampok

mga tampok ng gridbuilder

WP Grid Tagabuo ng mga barko na may lahat ng mga tampok na kailangan mo upang latigo ang mga layout ng grid tulad ng isang pro. Hindi tulad ng mga kakumpitensya, ginagawang madali ng plugin ang lahat ng paglikha ng mga layout para sa iyong e-mail store, portfolio website, blog, at direktoryo, bukod sa iba pa.

Maaari mong asahan ang mga sumusunod na tampok sa iyong kopya ng WP Grid Builder:

  • Makinis na pagsasama sa WooCommerce, Madaling Digital na Mga Pag-download, SearchWP, Relevanssi, Polylang, WPML, Advanced Custom Fields at Gutenberg
  • 100% na tumutugon at mobile handa na may touch support para sa lightbox at carousel
  • SEO friendly – WP Grid Builder ay sumusunod sa W3C at gumagamit ng pinakamahusay na kasanayan sa SEO
  • Ang mabilis na pagganap ng kidlat salamat sa pasadyang mga pagtatapos ng AJAX
  • Isang advanced na sistema ng pagsala na nagbibigay-daan sa iyo upang pag-uri-uriin ang nilalaman ng WordPress sa pamamagitan ng (pasadyang) mga termino ng taxonomy, mga patlang ng post o pasadyang mga patlang na mahusay
  • 15+ mga uri ng facets kabilang ang mga radio, checkbox, slider, pinipili, rating, slider, rating, load-more button, i-reset ang mga pindutan at marami pa, na nagpapahintulot sa iyong mga gumagamit na mapaliitin ang mga resulta ng paghahanap
  • Pag-import at pag-export ng pag-export upang maaari mong ilipat ang iyong mga setting ng WP Grid Builder sa ibang site nang madali
  • Itinayo ang lightbox
  • I-drag-and-drop ang tagabuo ng grid
  • 20+ handa at madaling i-customize ang mga grid card. Karagdagan, maaari kang lumikha ng iyong mga kard mula sa simula
  • 900+ Mga Font ng Google
  • 250+ mga icon ng SVG upang palamutihan ang iyong mga kard ng grid kung nais
  • Suporta sa pagbabahagi ng lipunan na nagpapahintulot sa iyo na magbahagi ng nilalaman sa mga social network mula mismo sa iyong mga grids
  • Suporta para sa imahe, video (kabilang ang mga embeds mula sa mga site tulad ng YouTube), gallery at mga format ng audio post
  • 3+ mga layout ng grid kasama na ang Masonry, Justified at Metro
  • Malas ang paglo-load, na nagpapabuti sa bilis ng pag-load ng pahina
  • 20+ naglo-load ng mga animation, na binabawasan ang Perceived Loading Time ng mga gumagamit
  • 20+ magbunyag ng mga animation
  • Ang suporta ng RTL para sa mga wika na nakasulat sa direksyon ng Kanan-To-Kaliwa
  • Isang intuitive admin dashboard
  • At maraming mga setting

Ano ang isang kahanga-hangang listahan ng mga tampok? Ngayon, mag-install tayo ng WP Grid Builder at subukan kung ano ang makakamit natin sa isang tagabuo ng grid tulad ng walang iba pa.

Paano Mag-install ng Gridbuilder WP

Ngayon ang masayang bahagi ��

Ang pag-install ng WP Grid Builder ay kasing dali ng A, B, C. Kung alam mo kung paano mag-install ng isang premium na plugin, hindi ka dapat magkaroon ng problema sa pag-install ng WP Grid Builder. Pagkatapos bumili ng plugin, maaari mong mahanap ang WP Grid Builder ZIP folder sa iyong account o sa email ng pagbili.

Una, i-download ang WP Grid Builder ZIP file sa iyong computer. Susunod, mag-log in sa iyong WordPress admin dashboard at mag-navigate sa Mga plugin> Magdagdag ng Bago, tulad ng ipinakita sa ibaba.

kung paano i-install ang bagong plugin ng WordPress

Susunod, i-click ang Mag-upload ng Plugin pindutan, piliin ang WP Grid Builder ZIP file na iyong nai-download at pindutin ang I-install Ngayon pindutan upang makakuha ng mga bagay sa paggalaw. Narito ang isang screenshot na nagpapaliwanag sa proseso:

manu-mano ang pag-install ng plugin ng WordPress ng builder

Susunod, i-aktibo ang WP Grid Builder:

i-aktibo ang gridbuilder wp plugin

Ang pag-activate ng plugin ay nagdaragdag ng isang Gridbuilder WP item sa iyong menu ng WordPress admin. Susunod, mag-navigate sa Gridbuilder WP > Dashboard, bilang detalyado namin sa ibaba.

item ng menu ng tagagawa ng wp grid

Pagkatapos nito, ipasok ang iyong email ng lisensya at lisensya at i-click ang Isaaktibo Isaksak pindutan:

wp grid ng pag-activate ng lisensya ng tagabuo

Upang makinabang mula sa awtomatikong pag-update, maaari mong buhayin ang iyong lisensya, na magagamit sa iyong email sa pagkumpirma ng order o iyong pahina ng account:

lisensya

Ngayon na na-install at naisaaktibo ang WP Grid Builder, maaari naming lumikha ng aming unang layout ng grid.

Paano i-configure ang Gridbuilder WP

Sa sumusunod na seksyon, nalaman mo kung paano lumikha ng isang functional grid. Gagawin ko ang aking makakaya upang masakop ang mga setting (kung hindi lahat). Ang mahusay na balita ay ang mga tampok ng WP Grid Builder ay may malinaw na mga paglalarawan sa interface ng admin. Dapat nating simulan sa pamamagitan ng pagbibigay ng pangalan sa aming bagong grid para sa sanggunian sa hinaharap.

Pangalan ng isang Bagong Grid

Upang lumikha ng isang bagong layout ng grid, mag-navigate sa Gridbuilder WP > Lahat ng Mga Grids sa iyong WordPress admin menu:

Ang paggawa nito ay humahantong sa iyo sa Lahat ng Grids screen, na walang laman para sa ngayon. Susunod, i-click ang Lumikha ng Isang Grid pindutan:

lumikha ng bagong grid

Bilang kahalili, maaari mong mai-import ang mga demo mula sa wpgridbuilder.com. Paalala, gayunpaman, ang mga demo ay para lamang sa mga layunin ng mga setting ng layout. Ang nilalaman na ipinapakita sa iyong mga grids ay nakasalalay sa iyong mga post, media, produkto, atbp.

Para sa aming mga layunin sa pagsubok, nagpunta ako sa unang pagpipilian, na lumilikha ng isang bagong grid mula sa simula. Ang Lumikha ng Isang Grid ang button ay hahantong sa iyo sa sumusunod na pahina:

pinangalanan ang isang bagong grid sa tagagawa ng wp grid

Sa screen sa itaas, maaari mong:

  • Pangalanan ang iyong grid. Gumagamit ako ng “Gallery ng Pagsubok” para sa aming halimbawa
  • Magdagdag at makabuo ng pasadyang klase ng CSS, kaya maaari kang magdagdag ng mga pasadyang estilo sa iyong grid kung nais mo
  • Tukuyin ang mga mensahe ng error na nakikita ng mga gumagamit kung wala silang makitang mga resulta

Piliin ang Media Upang Ipakita Sa Iyong Grid

Panahon na upang piliin ang media na nais mong ipakita sa iyong grid. Para dito, mag-navigate sa susunod na seksyon, i.e., Mga Setting ng Grid> Nilalaman ng Pinagmulan, tulad ng ipinakita sa ibaba.

mga setting ng nilalaman ng pinagmulan

Tulad ng ipinakita sa itaas, mayroon kang tatlong uri ng mga mapagkukunan sa ilalim Uri ng Pinagmulan:

  • Uri ng Post – Maaari kang maglabas ng nilalaman mula sa iyong mga post, pahina, media library o anumang iba pang uri ng pasadyang post
  • Kataga – Maaari kang mapagkukunan ng materyal batay sa mga kategorya, mga tag, o anumang iba pang mga pasadyang termino ng taxonomy.
  • Gumagamit – Ang opsyon na ito ay nagbibigay-daan sa iyo upang mapagkukunan ng nilalaman mula sa mga tukoy na gumagamit ng WordPress

Sa ilalim nito, maaari mong itakda ang bilang ng mga item sa bawat pahina. Gamitin ang halagang “-1” upang maipakita ang lahat ng mga post. Ang mga zero (0) ay mga default sa bilang ng mga post bawat pahina sa mga setting ng WordPress.

Queried Mga Seksyon ng Mga Post

Sa ibaba na, mayroon ka Queried Post (s) seksyon:

queried postSa screen sa itaas, maaari kang gumawa ng maraming mga bagay tulad ng sumusunod:

  • Piliin ang iyong (mga) uri ng post sa ilalim Mga Uri ng Post tulad ng minarkahan sa imahe. Kung nais mong lumikha ng isang grid para sa iyong mga post sa blog, pumili Mga Post. Kung lumikha ka ng isang grid para sa iyong media (sabihin, nais mong lumikha ng isang visual portfolio), piliin ang Media, tulad ng sa aming halimbawa sa itaas. Ang iba pang uri ng post na magagamit ay Mga pahina.
  • Sa ibaba ng mga uri ng post, maaari mong piliin ang katayuan ng post ng nilalaman na nais mong ipakita sa iyong grid. Mayroon kang ilang mga pagpipilian, ngunit inirerekumenda kong manatili ka Nai-publish. Bilang karagdagan, maaari kang pumili ng mga may-akda sa post, uri ng mime, at isama / ibukod ang mga tukoy na nilalaman mula sa iyong grid.
  • Tulad ng ipinakita ng item na tatlo (3) sa imahe sa itaas, maaari mong isama ang iba pang media nang direkta, na maaaring makatipid ka ng maraming oras, lalo na kung nais mong mabilis na mag-deploy ng isang grid.

Habang nag-scroll ka sa ilalim ng screen, mapapansin mo ang mga pagpipilian na makakatulong sa iyo upang mag-order ng iyong nilalaman ng grid sa pamamagitan ng mga halaga, tag, at pasadyang mga patlang. Kakailanganin mo lamang ang mga pagpipiliang ito kapag pinapabuti ang iyong grid:

Bukod: Upang maiwasan ang pagkawala ng iyong pag-unlad nang hindi sinasadya, i-click ang I-save ang mga pagbabago pindutan habang nilikha mo ang iyong grid. I-set up ang mga format ng media.

Mga Format ng Media

Mag-navigate sa Mga Setting ng Grid> Mga Format ng Media:

mga format ng media ng gridbuilder

Maaari mong piliin ang mga format ng media na nais mong gamitin sa iyong mga grids. Sinusuportahan ng WP Grid Builder ang mga gallery, video, at audio. Sa patungo sa ilalim ng screen, maaari kang magtakda ng isang default na thumbnail sa bawat grid card (o tile) kung sakaling nawawala ang nilalaman..

Sa parehong screen, maaari kang pumili upang makuha ang unang media sa iyong mga post nang awtomatiko (kung sakaling nawawala ang nilalaman). Gayundin, maaari mong paganahin ang mga slide ng gallery sa loob ng mga kard ng grid, gumamit ng mga poster mula sa naka-embed na mga video, at buksan ang mga video sa isang lightbox sa halip na grid card.

Estilo ng Grid

Pumunta sa Mga Setting ng Grid> Estilo ng Grid upang ipasadya ang iyong grid, tulad ng ipinakita sa itaas. Bilang default, mayroon kang tatlong mga istilo ng grid: Pagmamason, Metro, at Pinatunayan. Gumagamit ako ng Masonry para sa mga layunin ng paglalarawan. Gayundin, naglathala ako ng mga imahe sa aking library ng media dati. Ang WP Grid Tagabuo ay nagdaragdag ng mga larawan sa grid nang awtomatiko.

Maliban dito, maaari mong kontrolin ang iba pang mga pagpipilian tulad ng pag-uugali ng grid, mga sukat ng card na sukat, at kontrol ng responsibilidad. I-save para sa pagpili ng istilo ng grid at overriding na mga sukat ng card, bahagya mong hawakan ang mga setting. Piliin ang iyong istilo ng grid, at hayaan kaming lumipat sa susunod na seksyon.

Gradong Layout

wp layout ng layout ng grid ng wp

Wala nang maraming makikita dito. Mayroon kang dalawang uri ng mga layout para sa iyong mga grids; ang standard na disenyo ng vertical, at ang layout ng Carousel. Sa itaas ng mga ito, maaari mong gawing buong-lapad ang iyong mga grids. Nagtatrabaho ako kasama ang Pamantayang disenyo, at ang aking grid ay nasa buong lapad.

Kami ay lumipat.

Compos ng Grid

kompositor ng grid

Madaling magamit ang Grid Composer kapag pinasadya mo ang iyong mga grids gamit ang mga facet, hal., Isang filter, rating, paghahanap, mga checkbox, mag-load nang higit pa, pagination, at marami pa.

Sa ilalim ng screen, makakahanap ka ng isang tagabuo ng layout ng drag-and-drop na grid. Halimbawa, sa ibaba, tingnan ang aking halimbawa na may tatlong facet: Salain ayon sa Petsa, Paghahanap, at Mag-load pa pindutan.

Kung nai-publish ko ang aking grid sa oras na ito, nakikita ko ang sumusunod na grid, kumpleto sa aking tatlong (3) ganap na functional facets:

Hindi masama �� Hindi masama. Inaasahan kong nakakakuha ka ng gist ng mga bagay, maliban kung hindi namin nagawa. Balik tayo sa lugar ng admin ng WP Grid Builder.

Mga Estilo ng Card

Ang seksyon ng Estilo ng Card na ipinakita sa itaas ay nagbibigay-daan sa iyo upang ipasadya ang iyong mga grid card. Ang mga grid card ay simpleng hugis-parihaba o parisukat na mga tile na bumubuo sa grid. Kapag sinimulan mo ang paggamit ng WP Grid Builder, maaaring kailangan mong i-import ang mga demo, tulad ng ipinapakita sa imahe sa itaas. Maaari mo, gayunpaman, lumikha ng iyong mga kard mula sa simula, na magbubukas ng walang katapusang mga posibilidad.

Kaya’t pinauna ko at na-import ang lahat ng mga kard at nagtalaga ng isang default card sa aking mga grids. Pagkatapos nito, pumili ako ng isang kard para sa bawat uri ng post, kabilang ang aking media. Gumagamit ako ng Beryl bilang aking default card. Narito ang aking pagsubok na grid sa pagkilos ngayon:

Mukhang lubos na maaasahan, ang tagabuo ng WordPress grid na ito ay humahanga sa akin. Susunod up, mayroon kaming mga animation.

Mga Animasyon

mga animation ng gridbbuilder

Muli, walang gaanong makikita dito; lamang ng ilang mga animation upang ipakita ang mga kard sa grid kapag ang isang gumagamit ay nag-scroll o nag-click sa Mag-load pa pindutan. Ang tampok na ito ay hindi mapaniniwalaan o kapani-paniwala madaling gamitin at gumagawa ng magagandang epekto na nagpapasigla sa pakikipag-ugnayan ng gumagamit.

Naglo-load

Susunod, mayroon kang mga pagpipilian sa paglo-load, tulad ng detalyado namin sa itaas. Sa screen, maaari mong i-toggle sa tamad na pag-load upang mapalakas ang bilis ng iyong mga grids nang napakalaking. Ang malas na paglo-load lamang ng maraming media kapag nasa viewport ng gumagamit, na maaaring mabawasan ang oras na mag-load ang iyong mga grids.

Sa kabilang banda, ang isang loading bar o icon ay binabawasan ang Perceived Loading Time ng mga gumagamit. Lumilitaw ang loader kapag ang isang gumagamit ay naglo-load ng isang hanay ng mga post. Lumilitaw ito kapag naglo-load ng pahina ng grid at kapag ang mga filter ng gumagamit o masama ang isang grid. Ito ay isang maginhawa at madaling gamitin na paraan ng pagpapanatili ng mga gumagamit sa iyong site.

Pagpapasadya

Tandaan mo ang pasadyang klase ng CSS na idinagdag namin sa aming grid nang mas maaga? Well, ginagamit mo ang klase upang baguhin ang mga estilo ng CSS ng plugin sa Mga Setting ng Grid> Pag-customize bintana. Kung hindi mo alam ang iyong paraan sa paligid ng CSS, mas mabuti kang umarkila sa labas ng tulong kung kinakailangan.

Gridbuilder WP Mga Add-On

mga add-on ng gridbuilder

Pinapayagan ka ng mga Add-On na palawakin ang pag-andar ng isang plugin ng WordPress. Ang mga barko ng WP Grid Builder na may ilang mga add-on na madali mong mai-install sa pamamagitan ng pag-navigate sa Gridbuilder WP > Mga add-on. Sa kasalukuyan, ang WP Grid Builder ay may apat na mga add-on, lalo na:

  • Map Facet – Pinapayagan kang magdagdag ng mga mapa mula sa Google Maps, Mapbox o Leaflet at mga marker ng display
  • Caching – Upang mapabilis ang mga grids sa pamamagitan ng nilalaman ng caching at facet
  • LearnDash – Ipakita ang impormasyon sa kurso sa mga kard
  • Multilingual – Pagsamahin ang WP Grid Builder kasama ang Polylang at WPML

Iba pang Gridbuilder WP Mga setting

mga setting ng pandaigdigang grid wp

Upang ma-access ang mga pangkalahatang setting ng WP Grid Tagabuo, pumunta sa Gridbuilder WP > Mga setting. Sa screen, nahanap mo ang mga pagpipilian tulad ng:

  • Payagan ang WP Grid Builder na mag-render ng mga bloke sa Gutenberg
  • Paganahin ang suporta para sa mga format ng post
  • Ipakita ang mga pagpipilian sa post at term (mga format ng post at mga kulay na term)
  • I-clear ang cache at linisin ang mga sheet ng estilo
  • Baguhin ang mga pandaigdigang kulay
  • Mag-set up ng mga karagdagang laki ng imahe
  • I-configure ang iyong plugin ng Lightbox
  • I-reset ang mga setting ng global na plugin

Konklusyon

Ang WP Grid Builder ay isang kamangha-manghang WordPress grid at filter plugin na angkop para sa parehong mga nagsisimula at developer. Nagpapadala ito ng isang malawak na listahan ng mga kamangha-manghang mga tampok na gumagawa ng paglikha ng mga tumutugon na layout ng grid ng isang simoy. Sa itaas ng mga ito, nag-aalok ka sa iyo ng isang nababaluktot na istraktura ng pagpepresyo at mabilis na suporta.

Ano sa palagay mo ang tungkol sa Gridbuilder WP? May miss ba tayo? Mangyaring ipaalam sa amin sa seksyon ng komento sa ibaba.

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