Revizuire extensivă a blocurilor Getwid Gutenberg

Publicat: 2020-04-22

Cred că veți fi de acord cu mine că construirea unui site web cu WordPress nu este o simplă simplitate, în special pentru cei care nu sunt tehnicieni. Astăzi, vom descoperi pluginul pentru blocuri Getwid Gutenberg.

Editorul Gutenberg, un nume de cod pentru noua eră a editării WordPress, a deschis multe mai multe oportunități de personalizare și , în același timp, a pus încă noi probleme de rezolvat .

Dar nu ne speriam usor.

Pluginurile Gutenberg proprietare, cum ar fi Getwid WordPress Blocks pe care le vom revizui în acest articol, oferă soluții pentru a rezolva aceste probleme și pentru a vă îmbogăți experiența de a construi conținut în WordPress.

Deci, ce este Getwid? Este o bibliotecă de blocuri Gutenberg suplimentare și șabloane de design, fiecare cu propriul lanț de instrumente pentru a vă ajuta să creați aproape orice tip de site web la care vă propuneți.

Să trecem la subiect și să structurem această recenzie astfel încât să poți sări rapid la piesa necesară.

Conceptele cheie și caracteristicile blocurilor Getwid Gutenberg

Iată capacitățile cheie și principiile fundamentale pe care am reușit să le definim:

  • Cea mai mare colecție de blocuri gratuite pentru Gutenberg WordPress Block Editor.

Până acum, Getwid este considerat a fi unul dintre pluginurile pentru blocuri Gutenberg care oferă cea mai mare bibliotecă de blocuri unice și utilizate în mod obișnuit .

Vă permite să opriți saltul de pluginuri, economisind astfel timp și spațiu de găzduire, deoarece nu va trebui să instalați încă o duzină de pluginuri. În plus, nu este nevoie să așteptați actualizările de la diferiți furnizori de pluginuri și să vă ocupați de toate separat.

  • Modele Getwid prefabricate.

Pe lângă blocuri, Getwid oferă, de asemenea, o bibliotecă de modele grozave de design pentru cele mai comune secțiuni ale site-ului web – secțiuni eroi și suberoi, îndemnuri, servicii, mărturii etc. Puteți să le inserați cu ușurință în clicuri și să actualizați conținutul eșantion cu al tau. Șabloanele sunt clasificate, permițându-vă să găsiți rapid designul necesar. Modelele pot fi dezactivate și în setările Getwid.

  • Paritate vizuală cu tema dvs. WordPress.

Getwid este probabil unul dintre cele mai bune plugin-uri în acest aspect de atunci, în comparație cu multe suplimente similare Gutenberg; blocurile sale moștenesc automat stiluri (design vizual) din tema WordPress Gutenberg activată, mai degrabă decât să le adauge propriile lor. Vă ajută să păstrați coerența designului pe site-ul web, cu mai puțină agitație și configurație.

În cuvinte simple, blocurile au propriile lor stiluri, dar tema dvs. adaugă sau înlocuiește acele stiluri de bloc pentru a face conținutul să pară mai nativ pentru tema dvs. WordPress Gutenberg.

Caracteristici suplimentare ale blocurilor Getwid Gutenberg

  • Getwid este proiectat pentru a îndeplini standardele de performanță.

Deși performanța totală variază întotdeauna de la un site la altul și depinde de o varietate de factori, pluginul Getwid în sine este foarte ușor.

Acest lucru este atins datorită unei distribuții inteligente a setărilor (de exemplu, deoarece există blocul Advanced Heading care oferă toate lucrurile tipografiei și poate fi folosit cu aproape orice alt bloc, Getwid nu supraîncărcă alte blocuri cu aceleași stiluri de fonturi grele și setări de tipografie), interfețe Getwid native Gutenberg, fără decorațiuni inutile, fișiere CSS și JS inline reduse pentru a nu vă umfla site-ul și multe altele. Mai mult, puteți dezactiva blocurile de care nu aveți nevoie pentru a vă face site-ul și mai rapid.

Un astfel de plugin orientat spre performanță nu va îmbunătăți doar SEO-ul site-ului dvs. și experiența generală a utilizatorului, ci vă va ajuta și să reduceți amprenta digitală de carbon și să contribuiți la salvarea mediului (cu cât site-ul dvs. necesită mai puține resurse - cu atât economisiți mai multă energie electrică). – procentul mai mic de emisii de CO2 de la centrele de date care alimentează site-ul dvs. web).

  • Pluginul face posibilă executarea versiunilor de ultimă generație pentru site-ul web pentru mobil și tabletă.

Dezvoltatorii Getwid s-au concentrat enorm pe capacitatea de a personaliza aspectul paginilor site-ului dvs. WordPress pentru diferite dispozitive . Puteți ajusta în mod selectiv experiențele web pentru dispozitive desktop, mobile și tablete pentru mai multe blocuri esențiale.

Mai multe funcții

  • Integrare ușoară cu mai multe servicii populare de la terți.

Biblioteca de blocuri Getwid oferă deja o integrare perfectă cu Google Maps, Instagram și Mailchimp . Le puteți implementa fără a fi nevoie să recurgeți la pluginuri suplimentare (încă un lucru bun care face întregul site web mai ușor!).

  • O colecție dedicată de blocuri pentru site-uri web bogate în conținut.

Dacă dețineți un blog, un site de știri sau o reviste, un magazin sau doriți doar să vă promovați conținutul deja postat, pluginul Getwid vă deschide mai multe oportunități de a-l prezenta într-o manieră uimitoare. Datorită suportului pentru tipuri de postări personalizate, puteți crea, de asemenea, glisoare, grile și liste obținute automat din postările WordPress ale pluginurilor terțe pe care le-ați putea folosi.

  • O temă gratuită WordPress Gutenberg creată de la zero cu Getwid.

Getwid este gratuit, dar dacă aveți nevoie de o soluție de temă ieșită din cutie, există și un șablon de bază Getwid gratuit. Vă va ajuta să proiectați mai ușor în Getwid, folosind tone de conținut gata de utilizare, care arată deja grozav.

  • Scara dezvoltatorului: un boilerplate cu design Gutenberg gratuit.

Dacă sunteți în căutarea unui supliment Gutenberg decent pe care să îl utilizați pentru construirea de site-uri web pentru clienți, pluginul Getwid vine cu un alt avantaj pentru a vă accelera fluxul de lucru. Există un Getwid Style Kit gratuit pe care îl puteți descărca pe GitHub, care conține o mulțime de fișiere CSS inițiale și fragmente de suport pentru teme pentru a stila mai ușor blocurile Getwid și Gutenberg.

  • Tutoriale video.

Dacă doriți să aruncați o privire asupra backend-ului sau doar aveți nevoie de ajutor cu unele blocuri, o colecție de tutoriale video Getwid vă stă la dispoziție și ea.

Să încercăm acum să dăm o privire asupra blocurilor Getwid și apoi să continuăm cu exemple.

O listă de blocuri Gutenberg gratuite disponibile în pluginul Getwid

Pluginul oferă până în prezent până la 40 de blocuri WordPress:

  • Section Block : un bloc container de nivel superior pentru orice tip de layout.
  • Advanced Heading Block : un panou de control tipografie complet.
  • Google Maps Block : destul de explicit, încorporați Google Maps cu marcatori personalizați.
  • Bloc de pictograme : pictograme complet personalizabile.
  • Icon Box Block : machete prefabricate cu containere de pictograme.
  • Bloc de casete de imagini: machete prefabricate cu containere de imagini.
  • Bloc de legături sociale : un set de pictograme sociale.
  • Banner Block : o soluție pentru bannere promoționale uimitoare.
  • Image Slider Block : glisoare de imagine simple.
  • Bloc de glisare media și text : glisoare avansate.
  • Button Group Block : butoane cu diferite stiluri.
  • Bloc de persoane : prezentarea echipei și a membrilor personalului.
  • Bloc de acordeon: file de acordeon.
  • Comutare blocare : comută pentru a vizualiza datele.
  • Bloc de file : file orizontale.
  • Bloc de galerie de stivă de imagini : galerii de imagini cu șapte modele de design diferite.
  • Testimonial Block : un bloc tradițional de mărturii.
  • Blocare postări recente : lista și aspectul grilei pentru postările recente.
  • Advanced Spacer Block: spații personalizate ușoare între blocurile de conținut.
  • Instagram Block : un flux live al fotografiilor tale Instagram în WordPress.

Gata pentru mai mult?

  • Counter Block : contoare animate.
  • Price Box Block : tabele de prețuri și comparații.
  • Progress Bar Block : bare de progres orizontale.
  • Contact Form Block : un simplu formular de contact cu reCAPTCHA.
  • Blocare post carusel : un cursor post carusel.
  • Bloc Lista de prețuri : o listă de produse alimentare și prețuri; opțional un cuprins.
  • Post Slider Block : glisoare generate automat din postările tale.
  • Bloc tip post personalizat : grilă, listă sau aspect personalizat al oricăror tipuri de postări personalizate disponibile pe site-ul dvs. web.
  • Bloc de bare de progres circulare : afișează progresul cu bare animate.
  • Blocare cronologie de conținut : postările sunt prezentate cronologic.
  • Blocare numărătoare inversă : cronometre animate pentru numărătoare inversă.
  • Blocarea punctului de acces al imaginii : indicatoare detaliate și animate plasate peste imagini.
  • MailChimp Block : integrare perfectă cu Mailchimp.
  • Blocare pop-up video : videoclipuri găzduite de sine și externe în ferestre pop-up.
  • Bloc bibliotecă de șabloane : până la 40 de șabloane prefabricate (ar trebui să încercați!)

Mai mult, deoarece echipa MotoPress din spatele Getwid construiește mereu noi funcții, această listă va fi, cel mai probabil, extinsă în viitor.

Aceasta a fost doar o vedere de pasăre, așa că haideți să aprofundăm setările de configurare și să aruncăm o privire în culise pentru a ilustra capacitățile Getwid. Vom folosi diferite teme WordPress gratuite și premium pregătite pentru Gutenberg.

Personalizați layout-urile de orice scară cu blocul de secțiuni

Secțiunea este un container cu mai multe blocuri pe care îl puteți completa cu orice bloc, puteți introduce cu ușurință coloane Gutenberg și puteți crea diferite tipuri de fundal. Să aruncăm o privire la câteva dintre caracteristicile sale:

  • Vă permite să începeți cu lățimea de aspect necesară (simțiți-vă liber să creați machete captivante și captivante pe lățime completă).
  • Puteți folosi chenarele blocurilor care pot fi glisate pentru aliniamente și dimensionare personalizate (margini și umpluturi) - editarea vizuală vă va ajuta să vedeți schimbări instantanee.
  • Puteți crea o imagine, un gradient, un glisor, un videoclip și alte tipuri de fundal cu diferite efecte și forme de animație. Panoul de configurare al acestui bloc vă permite să modificați manual spațierea, să alegeți o lățime implicită de conținut etc.
  • Marginile, umpluturile, aliniamentele și lățimea implicită a secțiunii pot fi personalizate pentru diferite ferestre de vizualizare (desktop, tabletă, telefon).

Personalizarea blocurilor Getwid Gutenberg

  • De asemenea, puteți utiliza un fundal cu poziție fixă ​​pentru a face întreaga pagină mai vie (astfel încât imaginea să rămână intactă în timp ce derulați o pagină). Este posibil să aplicați această abordare pentru aspecte cu lățime completă pentru a crea experiențe de navigare cu adevărat captivante.
  • Este foarte ușor să creați secțiuni eroi atractive cu lățime completă și chiar pagini de destinație întregi, deoarece puteți plasa secțiuni în interiorul secțiunilor pentru a oferi un aspect personalizat fiecărei piese de conținut.
  • Aplicați palete de culori prestabilite pentru fundaluri gradiente.

  • Grupați conținut pentru a construi o ierarhie vizuală folosind separatori unici: configurați dimensiunea și culorile acestora.
  • Creați machete offset fanteziste.
  • Animați blocuri sau secțiuni întregi.

Efecte suplimentare ale blocurilor Getwid Gutenberg

Există o mulțime de efecte de animație din care puteți alege:

  • Aplicați prim-planuri profund personalizate pentru a menține un design și mai particular (configurați culoarea primului plan, gradientul, imaginea, schimbați opacitatea și modurile de amestecare.)
  • Pentru a merge dincolo de simpla tipografie, puteți insera blocul Advanced Heading de la Getwid, care oferă setări de tipografie profunde (vă permite să lucrați cu mai multe setări de font: stiluri, greutate, dimensiune, familie, spațiere, culori etc.). Puteți utiliza acest bloc cu orice alt bloc Gutenberg sau Getwid.
  • Adăugați butoane cu blocul Button Group care vor moșteni automat stiluri din tema dvs. WordPress pregătită pentru Gutenberg. Dimensiunea, lățimea, direcția și alinierea butonului pot fi modificate, astfel încât să puteți crea îndemnuri profesionale în clicuri!

Din punct de vedere tehnic, blocul Secțiune poate servi ca bază pentru orice alt bloc sau set de blocuri WordPress Gutenberg, mai ales atunci când doriți să aveți mai multe opțiuni de personalizare.

Prezentați servicii, idei și caracteristici prin formulare minime

Pluginul pentru blocuri Getwid Gutenberg este livrat cu câteva blocuri grozave care permit exprimarea lucrurilor esențiale despre proiectul/afacerea dvs. într-un mod simplu, lizibil și modern.

De exemplu, puteți comunica o mulțime de informații mult mai ușor prin pictograme, imagini + pictograme, grafice, contoare și multe altele. Getwid le are pe toate.

Să aruncăm o privire la unele dintre aceste blocuri și să aflăm mai multe despre caracteristicile lor.

  • Puneți o mulțime de pictograme drăguțe și ușoare în orice conținut dorit cu un bloc simplu de pictograme. Pentru a perfecționa designul consecvent, sunteți liber să alegeți dintre stilurile de pictograme simple, de fundal și de contur.

Pluginul Getwid folosește pictograme Font Awesome care moștenește automat designul (dimensiunea stilului) de la orice temă pregătită pentru Gutenberg pe care ați putea-o utiliza și, în plus, vă permite să alegeți culoarea preferată dintr-o paletă de culori a mărcii tematice. Acest lucru ajută icoanele să se integreze mult mai ușor cu designul general al temei.

Cu toate acestea, sunteți liber să implementați propriul set de pictograme dacă este necesar.

Setări suplimentare ale blocurilor Getwid Gutenberg

Pentru un aspect și un comportament mai personalizat, există setări pentru a modifica dimensiunile pictogramelor, raza marginilor, marginile, aplicarea efectelor de animație și linkul pictogramelor către adrese URL externe. Datorită acestor setări, puteți utiliza pictograme de diferite forme: cerc, pătrat, dreptunghi și diagonale.

  • Realizați machete bazate pe pictograme cu modelele prefabricate ale blocului Icon Box de la Getwid. Este furnizat cu aproape același lanț de instrumente ca și Blocul de pictograme, dar vine și cu câmpurile de text suplimentare organizate și vă permite să creați conținut mai rapid.

Blocuri animate Getwid Gutenberg

  • Vizualizați datele folosind blocurile animate de bară de progres și bară de progres circulară.

Setările esențiale ale ambelor bare sunt complet configurabile.

Tabelele de prețuri

  • Prezentați comparații și tabele de prețuri cu ajutorul blocului Price Box. Blocul vine cu un aspect pre-proiectat special, pe care trebuie să îl completați pur și simplu cu datele dvs.

Deoarece tot conținutul este editat inline (chiar în Editorul Gutenberg), veți fi rapid să actualizați caracteristicile/descrierea, butoanele etc. Sunt acceptate și CSS personalizate, așa că nu ezitați să dați tabelelor un aspect mai elegant.

Întrebări frecvente

  • Blocurile Tabs, Toggle și Accordion, care în designul web modern contribuie foarte mult la îmbunătățirea unei organizări generale a conținutului, sunt foarte utile pentru structurarea informațiilor precum Întrebări frecvente, politica companiei, facilitățile unui hotel, arhivele de muzică și orice alte informații.

Puteți avea o singură filă sau comutați preselectate pentru o mai bună utilizare. Prin panoul de configurare a blocurilor, puteți modifica pictogramele, aspectele și tipurile de titlu.

  • Implementați pictograme social media cu blocul Social Links. Getwid vă permite să implementați pictograme obligatorii fără agitație, deoarece acestea vor moșteni automat aspectul temei dvs. Va trebui doar să decideți asupra stilului, mărimii, alinierii și distanței.
  • Prezentați contoare animate. De exemplu, iată un bloc superior fără stiluri și același contor plasat în interiorul blocului Secțiune de blocurile Getwid Gutenberg:

Puteți merge cu setările minime sau avansate:

Blocul acceptă cifre arabe de est și farsi.

  • Prezintă o gamă variată de machete robuste și bine realizate cu imagini prin intermediul blocului Image Box.
  • Creați meniuri de restaurante cu un bloc dedicat Lista de prețuri. Puteți merge cu sau fără imagini.

După cum ați fi observat, deoarece toate blocurile de la Getwid sunt foarte native Gutenberg, aveți numeroase opțiuni pentru a crea conținut frumos și pentru a menține o consistență vizuală mai bună cu mai puține eforturi.

Creați galerii și slidere media Gutenberg minunate

Getwid oferă mai multe modalități simple de a prezenta conținut media:

  • Adăugați un glisor cu blocul Media și Text Slider, în care puteți controla și edita toate elementele chiar în editorul vizual Gutenberg.

Veți fi impresionat de cât de adânc puteți merge în configurație: setați toate dimensiunile preferate, personalizați textele și culorile suprapuse, adăugați opțional tampoane personalizate, selectați efecte de animație pentru diapozitive și text individual și multe altele. Desigur, puteți alege un aspect complet sau lat pentru glisor. Dacă aveți nevoie de o soluție și mai simplă, există și blocul Image Slider de la Getwid pe care îl puteți folosi.

Crezi că vei avea nevoie de un alt plugin de slider WordPress cu Getwid la îndemână?

  • Integrați o galerie Instagram live cu ușurință, fără a recurge la pluginuri terțe.
      • Creați galerii de imagini încântătoare cu blocul Galerie Image Stack.
  • Pentru proiectele creative, puteți folosi un bloc cu adevărat rar, Image Hotspot, pentru a vă face imaginile/fotografiile/picturile/planurile de etaj mai informative. Blocul vă permite să plasați indicații animate în orice zonă personalizată a imaginilor pentru a oferi mai multe informații despre anumite părți ale imaginii.
  • Prezentați videoclipuri introductive sau produse în ferestre pop-up uimitoare (puteți folosi imaginile de copertă, animarea butoanelor, adăugați subtitrări etc.)

Prezentați-vă echipa

Spuneți despre oameni care vă ajută să construiți o afacere cu ajutorul blocului Persoană ușor de întreținut, care include elemente esențiale, cum ar fi titluri de post, nume, avatare și pictograme sociale.

În plus, puteți afișa istoricul companiei/proiectului dvs. sau puteți afișa orice alte evenimente într-o ordine cronologică folosind blocul Eveniment Timeline

Creați glisoare de tip de postare și personalizate în Gutenberg

Dacă doriți să prezentați postări de blog sau alte tipuri specifice de postări personalizate (de exemplu, Servicii, produse WooCommerce sau alte tipuri de conținut generate de pluginurile pe care le utilizați), pluginul pentru blocuri Getwid Gutenberg vine cu mai multe blocuri dedicate pentru a vă ajuta să puneți un accent suplimentar pe acel conținut .

Puteți utiliza blocurile Post Carusel, Post Slider și Custom Post Type de la Getwid în acest scop. Deși vin cu setul standard de setări, Getwid a făcut eforturi suplimentare, oferindu-vă un creator de șabloane personalizate, unde puteți construi vizual un aspect care va fi aplicat glisorului de date dinamice de postări.

Jucându-vă cu aceste blocuri, puteți crea:

  • Glisoare uimitoare de tip post/post personalizat la lățime completă.
  • Un carusel post-columnat cu diferite elemente de design.
  • Glisoare pentru grilă și listă.

Există o mulțime de opțiuni și caracteristici ale acestor blocuri care ar necesita un articol propriu!

Folosiți bannere animate pentru a promova oferte sau evenimente

Puteți ajunge la mai mulți clienți potențiali cu bannere vii cu îndemn, care pot fi create folosind blocul Getwid Banner. Alternativ, puteți utiliza acest bloc în orice alt scop atunci când este necesar pentru a pune accent pe evenimente sau produse specifice.

Blocul vă permite să controlați aspectul, culorile, efectele de mișcare și multe alte setări.

Gânduri finale: pluginul Getwid WordPress Blocks este perfect pentru bloguri și site-uri web pentru întreprinderi mici

Getwid este până acum cea mai mare colecție de blocuri Gutenberg gratuite, care, evident, își propune să devină o soluție cât mai completă posibil pentru a vă ajuta să reduceți numărul de pluginuri suplimentare pe care ar putea fi necesar să le utilizați.

Dar asta nu implică în niciun caz cantitate peste calitate, deoarece Getwid face o muncă grozavă de proiectare și dezvoltare la mai multe aspecte. Iată doar câteva dintre ele:

  • Panourile extinse de configurare implementează mai multă scalabilitate și flexibilitate pentru fiecare bloc.
  • Modele Gutenberg gata de utilizare.
  • Indiferent de o temă WordPress, Getwid vă permite să faceți editările mai ușoare și să mențineți aproape automat o consistență vizuală mai bună.
  • Un design gratuit cu fragmente de stil bloc.
  • Pluginul oferă o valoare suplimentară cu mai multe servicii populare preinstalate care necesită în mod normal pluginuri suplimentare.
  • Getwid oferă câteva blocuri cu adevărat unice, cum ar fi Image Hotspot, Video Popup și Custom Post Type.
  • Pluginul Getwid aderă la cele mai bune practici de proiectare și dezvoltare pentru Gutenberg și WordPress 5.0, care vor contribui în mare măsură la o abordare prospectivă în construirea site-ului web.

Pentru a rezuma, blocurile Getwid Gutenberg vă vor ajuta să mergeți mai departe pe orice tip de site web pe care îl construiți. Veți beneficia de el, indiferent dacă sunteți în căutarea unei biblioteci de blocuri gata de fabricație sau doar a unui bloc specific. Așa că nu uitați să încercați, pluginul este gratuit ca la bere.