WordPress brukte TinyMCE classic editor i mange år før han introduserte Gutenberg block editor med versjon 5.0. Gutenberg ble først introdusert som et plugin før det endelig ble gjort som en del av kjernen. Selv om det var mye nøling fra brukerne til å bytte fra klassisk redaktør, var det klart at Gutenberg er fremtiden til WordPress. Verden i blokker utvikler seg kontinuerlig, og GenerateBlocks er et av de beste stykkene som utnytter Gutenberg -redaktøren fullt ut. I denne artikkelen vil vi utforske mer om funksjonalitetene og funksjonene til gratis og Pro -versjoner av GenerateBlocks.

GenerateBlocks mot sidebygger -plugins

Vi bruker WordPress i nesten et tiår og brukte mange populære sidebygger -plugins som WPBakery, Elementor, SiteOrigin, etc. De fleste av disse pluginene veier tungt og stoler på JavaScript og reduserer nettstedets hastighet drastisk. Etter Gutenberg blir vi helt kvitt sidebyggere og begynte å bruke blokkene i stedet. Siden vi også bruker GeneratePress -tema, tenkte jeg bare på å prøve GenerateBlocks Pro for å sjekke hvordan det fungerer.

Programtillegget ble utviklet av samme forfatter av temaet GeneratePress. Hvis du bruker GeneratePress -tema, vil denne pluginen fungere sømløst, selv om den også vil fungere med andre temaer.
Dette er en lett plugin og den nedlastede zip -filen er på bare 180 KB i størrelse.

Lett plugin

Den bruker ikke noe JavaScript og legger bare til en enkel CSS -fil på siden og bruker kjerne -WordPress -blokkene. Derfor trenger du ikke bekymre deg for at sidens hastighet påvirker dette pluginet.

Ett stilark på frontenden

Programtillegget dumper ikke snarveier på backend, det tilbyr flere blokker som du kan bruke i Gutenberg -redaktøren. Hvis du deaktiverer programtillegget, vil innholdet ditt fortsatt være der uten CSS -stilene og uten synlige snarveier.

Hvis du er lei av tunge sidebyggere og leter etter lett blokkbasert sidebyggeropplevelse, så er GenerateBlocks Pro noe for deg.

GenerateBlocks Gratis Vs Pro -versjon

GenerateBlocks følger den samme logikken i GeneratePress -temaet. Du må installere og aktivere gratisversjonen for å kunne bruke Premium Pro -versjonen. Enkeltsidelisens for Pro -versjon vil koste deg $ 39 med ett års gratis oppdatering og støtte. Etter det må du fornye for å få støtte/oppdatering eller bruke programtillegget uten oppdateringer. Du kan bruke kredittkort eller PayPal for betaling og fullføre kjøpet.

Betal med PayPal

Etter at du har fullført kjøpet, laster du ned plugin -zip -filen og noterer lisensnøkkelen din for aktivering.

Skaff lisensnøkkel og nedlasting

Den gode delen er at det er 30 dagers pengene -tilbake -garanti som du kan bruke om nødvendig for å få full refusjon.

Installere GenerateBlocks Pro -versjon

Som nevnt må du først installere GenerateBlocks gratis plugin for å kunne bruke Pro -versjonen. Logg på WordPress -administrasjonspanelet ditt og gå til delen "Plugins> Add New". Søk etter "generateblocks" for å finne og installere plugin -modulen på nettstedet ditt. Etter det kan du laste opp zip -filen i Pro -versjonen og aktivere den også.

Installer gratis og pro plugins

GenerateBlocks plugin -innstillinger

Programtillegget vil legge til et sett med menyer under overskriften "GenerateBlocks" i sidefeltet og gå til innstillingsdelen for å aktivere lisensnøkkelen.

Oppdater lisensnøkkel

Annet enn lisensaktivering, kan du velge om du vil laste CSS -filen eksternt eller innebygd innebygd. Vi vil diskutere lokale maler, globale stiler og alternativer for aktivabibliotek senere etter å ha forstått hvordan du bruker blokkene.

Funksjoner i gratis versjon

Gratisversjonen av pluginet som sådan tilbyr bare 4 blokker – beholder, rutenett, knapp og overskrift.

Gratis blokker

Selv om du kan finjustere typografi, mellomrom og andre innstillinger for hver av disse blokkene, er de overflødige til standard Gutenberg-blokker. Du kan sette inn noen av disse blokkene i Gutenberg -editoren som ligner på de vanlige blokkene.

Beholder – lag en beholder med full bredde, legg til bakgrunner og sett inn flere blokker inne i beholderen.
Rutenett – opprett kolonneoppsett med flere rutenettalternativer.
Overskrift – lag overskrift og juster parametrene.
Knapper – lag enkelt, fullbredd, stablet (horisontal/vertikal) knapper.

Gratis GenerateBlocks -knappeblokk

Funksjoner i Pro -versjonen

Pro -versjonen tilbyr en enkelt "Malbibliotek" -blokk i editoren i tillegg til de fire gratisblokkene. Du kan skrive /gen og filtrere alle fem blokkene for raskt valg.

Malbibliotekblokk

Malbiblioteksblokken inneholder 150+ individuelle blokker kategorisert i følgende grupper.

Wireframes
Hover bokser
Innhold
Helt
Oppfordring til handling
Team
Informasjonsbokser
Ikoner for sosiale medier
Kontakt
Bunntekst
Pristabell
Logoer
Vitnesbyrd
Overskrift
Knapp

Malblokkbibliotek

Du kan sette inn heltseksjon, oppfordring til handling, knapper, pristabell, teammedlem eller andre blokker som vist på demosiden. For eksempel er det mer enn 20 knapper som du kan sette inn med få klikk og tilpasse stilen.

GenerateBlocks Pro -knapper

Tilpass blokker

Fordelen med GenerateBlocks er at du kan justere blokkparametere i henhold til designet i Gutenberg -editoren. Du kan forhåndsvise endringene direkte på skrivebord, nettbrett og mobil for å sjekke utseendet på blokken før du publiserer den på nettet.

Sett inn malblokk

Her er tilpasningsalternativene som er tilgjengelige for hvert blokkelement:

Typografi – angi skriftstørrelse, familie, vekt og transformasjon for tekstinnhold.
Avstand-juster polstring, margin, kant, kantradius og z-indeksegenskaper.
Farger – sett opp bakgrunn, tekst, lenke og kantfarger for normal visning og svevervisning.
Bakgrunner – bruk bilde eller bakgrunnsfarge for det valgte elementet.
Former – programtillegget tilbyr forhåndsdefinerte former for kurver, vinkler, bølger og trekanter. Du kan sette inn og justere egenskapene etter behov.

Sett inn figurer

Effekter – tilleggseffekter for elementer som overgang, opacitet, bokseskygge, tekstskygge, transform og filter.
Dokumentasjon – lenke til hjelpedokumentasjonssiden.
Avansert – standard Gutenberg -alternativ for å legge til HTML -ankre og flere CSS -klasser. I tillegg vil pluginet legge til alternativer her for å legge til egendefinerte attributter og gjemme seg på skrivebord/mobil/nettbrett.

Noen blokker vil ha ekstra layoutalternativ for å justere bredden og andre parametere.

Tilpass layoutalternativer

Som du kan se, er det mulig å tilpasse hver piksel av blokkelementer med GenerateBlocks Pro -versjonen. Hvis du føler deg utslitt med for mange alternativer, setter du bare inn en av demoblokken slik den er og oppdaterer innholdet direkte på den.

Globale stiler, lokale maler og aktivabibliotek

I tillegg til å bare sette inn blokkene, gjør GenerateBlocks det også enkelt å gjenbruke malene.

Bruke globale stiler

Dette er ideelt når du trenger å tilpasse stilen til en eksisterende blokk. For eksempel liker du å legge til en ekstra stil i en av overskriftsblokkene og bruke den på hele nettstedet ditt. I dette tilfellet er det ikke fornuftig å redigere blokken og tilpasse hver gang. Den ideelle måten er å skape en global stil og gi den et navn. gå til "GenerateBlocks> Global Styles" og lag en ny stil med overskriftsblokken og tilpass den. På sidefeltblokkeringsalternativene kan du se at pluginet automatisk tilordner en global stilidentifikator. Du kan gi nytt navn til identifikatoren med navnet du enkelt kan huske, for eksempel kaller vi det som stil-1.

Lag global stil

Når du oppretter en side/et innlegg, kan du velge denne globale stilen når du setter inn blokken i redaktøren. Du må aktivere glidebryteren "Bruk global stil" og velge navnet du har oppgitt fra rullegardinmenyen. Nå vil alle dine tilpassede stiler bli brukt på blokken umiddelbart.

Sett inn global stil i redaktøren

Ved å bruke alternativet global stil vil du spare mye tid når du vil tilpasse flere blokker med flere stiler. Du kan bare bruke den globale stilen for skrivebordet og bruke en annen stil for mobil og bruke en slik kombinasjon.

Lokale maler

Dette er et annet tidsbesparende alternativ som ligner på å lage gjenbrukbare blokker i Gutenberg. Gå til "GenerateBlocks> Local Templates" og lag din tilpassede mal. Du kan bruke noen blokker fra kjerne Gutenberg -redaktør, GenerateBlocks Pro eller hvilken som helst annen plugin for den saks skyld. Det er også mulig å tilordne et omtalt bilde slik at du enkelt kan identifisere det når du setter det inn fra redaktøren.

Lag lokal mal

Etter at du har opprettet din lokale mal, kan du sette inn malen på hvilken som helst side ved å bruke den samme "malbibliotekblokken". Klikk på "Lokal mal" -fanen og velg malen du vil sette inn på siden din.

Eiendomsbibliotek

GenerateBlocks Pro bruker to typer eiendeler – forhåndsdefinerte former og ikoner begge i SVG -format. Forskjellen er at figurer er dynamiske elementer som serveres fra biblioteket og ikoner lastes fra den aktuelle siden. Du kan legge til dine egne former og ikoner ved å gå til delen "GenerateBlocks> Asset Library".

Eiendomsbibliotek

Det er mulig å opprette grupper og legge til dine favorittformer eller ikoner under ett navn. Du kan deretter velge disse gruppene fra sidefeltalternativene når du setter inn blokkene i editoren.

Opprett aktivabibliotek

Du kan bruke Safe SVG -programtillegget for å laste opp SVG -bilder til biblioteket, og GenerateBlocks Pro vil hente HTML -innholdet fra den opplastede .svg -filen og opprette et aktivum for deg. Husk at endring av figurene i aktivabiblioteket vil endre denne formen på hele nettstedet. Hvis du endrer ikonene i aktivabiblioteket, endres imidlertid ikke de samme ikonene som allerede ble brukt på nettstedet ditt.

Støtte og dokumentasjon

Hver blokk har en lenke til GenerateBlocks Pro -dokumentasjonsdelen. Dokumentasjonen er en kunnskapsbase som kan hjelpe deg å forstå hvordan pluginet fungerer.

Dokumentasjonsportal

I tillegg kan du reise spørringen din i forumet deres eller legge ut en supportbillett ved å logge deg på kontoen din.

Opprett støttebillett fra konto

Noen problemer

Vel, du kan ikke ha alt perfekt med et plugin designet med tanke på en bestemt måte å bruke.

Den største forvirringen du finner er ordlyden “Malbibliotek" som brukes på GenerateBlocks -nettstedet. Brukere kan enkelt tro at dette er helsidesmaler som du får med alle andre sidebygger -plugins. Dette er imidlertid bare Gutenberg -malblokker som forklart ovenfor. Selv om demoseksjonen deres er klar, vil det være hensiktsmessig å bruke noe som "Block Templates Library" eller noe slikt (Block Library -termen brukes allerede i WordPress, så det må være noe annet).

Forvirrende navn på malbibliotek

Samme blokknavn som overskrift, knapper kan også forvirre brukere, ettersom de allerede er en del av kjernen i Gutenberg -redaktøren.
Du trenger to plugins (gratis og Pro) versjoner for å bruke disse blokkene. I tillegg trenger du også en ekstra plugin for å laste opp SVG -ressurser. Det ender opp med minst tre plugins for å bruke funksjonene helt. Dette er det samme problemet med GeneratePress -temaet som du trenger for å installere flere plugins som noen brukere kanskje ikke foretrekker.
Du kan få temaet for $ 59 mens pluginet koster $ 39, noe som er litt dyrere etter vår mening.
Det kan hende at programtillegget ikke fungerer som det skal med andre sidebyggere og temaer.

Dette er noen mindre feil vi har lagt merke til. Sannsynligvis er de ikke store tilbud når du liker funksjonene til pluginet.

Sammendrag

GenerateBlocks Pro er en komplett CSS -magi for Gutenberg blokkredigerer. Programtillegget påvirker ikke sidehastighetshastigheten og hjelper deg med å lage vakre oppsett som ligner på andre plugins for sidebygger. Prøv GenerateBlocks Pro, og du vil aldri gå tilbake til noen tunge sidebyggere igjen.

Fordeler

Lett og lar deg bygge vakre blokker uten oppblåsthet.
Attraktivt å bruke Gutenberg -redaktør med 150+ blokker.

Ulemper

Høyere priser og fungerer ikke ordentlig med andre temaer og sidebyggere.
Blokkbasert plugin og tilbyr ikke helsidesmaler.

Opptakskilde: webnots.com