Getwid – Prilagodljivi Blokovi WordPress za Gutenberg

Getwid - Prilagodljivi Blokovi WordPress za Gutenberg

Gutenberg. Već samo spominjanje te riječi može rastopiti led. Obično možete čuti kapka tihe koja nastaje nakon što vičete “GUTENBERG!” na nekim mjestima. Možda ne biste trebali vikati, ali to nije stvar. Danas je hladan dan za urednika Gutenberga, ili je?


Kada je Gutenberg postao zadani uređivač sadržaja za WordPress, mnogi korisnici – podjednako početnici i programeri – bili su sumnjičavi. Bila je to mučna tranzicija jer – promjena. Novi je uređivač značio da su korisnici morali naučiti i prilagoditi se novom načinu stvaranja sadržaja u WordPressu.

Istina je da je teško mijenjati stare načine, što je i možda razlog što se Gutenberg u početku suočio sa krutim otporom. Ali stvari su se vremenom strahovito promijenile. Iako su mnogi korisnici u početku bili zbunjeni, ljudi brzo vole novi uređivač, posebno kada je tako jednostavan za upotrebu i što je još važnije, dodaci.

Zahvaljujući dodacima kao što su Getwid, predmet današnjeg pregleda, možete nadopuniti Gutenberg na načine na koje nikada ranije niste zamišljali. A ako se zamah nastavi (i hoće), Gutenberg ima vrlo svijetlu budućnost. Po mom mišljenju, sve više i više korisnika teško će trebati tvorcima stranica WordPress-a za stvaranje impresivnih stranica i postova.

U današnjem ćemo pregledu pogledati sve značajke koje čine Getwid jednim od najboljih Gutenbergovih dodataka koje ćete ikada pronaći na webu. Da bismo vam pokazali što možete očekivati, testiramo dodatak i nakratko pređemo više od 30 blokova koje Getwid donosi u već moćan Gutenbergov uređivač.

S tim preambulom ima tona za pokrivanje, tako da je nama bolje dobiti wid to. Vidite što sam učinio tamo? Haha. Ok, krenimo.

Što je Getwid?

Getwid - blokovi Gutenberg

Prvo stvari, što je, dovraga, Getwid? Pa, Getwid je sjajan dodatak koji vam pomaže da produžite vrijeme Gutenbergovog urednika. Jednostavno puno? Drugim riječima, prekrasna je kolekcija od 34 bloka koja vam omogućuju stvaranje sjajnih sadržaja u Gutenbergu.

Prema Motopress, programer, Getwid neprimjetno ulazi u Gutenberg, “… što vaš cjelokupni prijelaz u Gutenberg čini manje stresnim.” Laganiji prijelaz posebno je važan za korisnike koji prvi put dolaze. Najbolji dio je dodatak koji se može besplatno preuzeti s WordPress.org, što znači da možete odmah udariti o tlo.

Getwid slijedi najbolje Standardi za kodiranje WordPress-a, nudeći vam savršeno rješenje za obogaćivanje vašeg sadržaja bez kopanja u kod. Osim toga, u potpunosti je kompatibilan sa svim WordPress temama spremnim za Gutenberg, što znači da nećete naići na probleme s nekompatibilnošću.

Uz to, Getwid je kompatibilan s ostalim dodacima Gutenberg treće strane, koji vam nudi više mogućnosti za stvaranje privlačnog sadržaja koji želite. Također, Getwid nudi mnoštvo opcija koje vam omogućuju da svaki blok stilizirate prema svojoj marki i željama.

Gutenbergovi blokovi koji se jednostavno koriste

Štoviše, dodatak je nevjerojatno jednostavan za postavljanje i upotrebu, što znači da vam nije potreban programer za držanje vaše ruke. Ni kodiranje vam nije potrebno. Nadalje, Getwid sadrži najnovije trikove s performansama, kao što je minifikacija CSS-a, tako da možete stvoriti fantastičan sadržaj bez brige o brzini svoje WordPress stranice.

Govoreći o fantastičnom sadržaju, Getwid vam pomaže da „… stvorite učinkovite odredišne ​​stranice, prikažete živopisne stranice usluga, stvorite privlačne portfelje“, dodate prekrasne klizače, implementirate fantastične naslove, prikažete tablice cijena i još mnogo toga! Nudi vam sve blokove potrebne za nadopunu “… web mjesta tvrtke, startapa, kreativnih projekata i raznih drugih niša.”

Getwidov popis blokova Gutenberg

Getwid dolazi s velikim brojem blokova Gutenberg. Imajte na umu da također radi sa jezgrovitim Gutenbergovim blokovima, što znači da vas ništa ne bi trebalo zaustaviti u stvaranju fenomenalnog sadržaja koji djeluje na vašoj web stranici. Ovdje je popis Gutenbergovih blokova dostupnih u Getwidu (Upozorenje: LOOONG):

  • Odjeljak
  • Klizač medija i teksta
  • Slider slike
  • Ikona
  • Kutija ikona
  • Baner (da, zajedno s animacijama – woo hoo!)
  • harmonika
  • Kartice
  • žabica
  • Galerija slika
  • Google Maps
  • Najnoviji postovi
  • Napredno naslov
  • Okvir za slike
  • Napredni distančnik
  • Društvene veze
  • Button Group
  • svjedodžba
  • Kutija za osobu
  • Instagram
  • Traka za napredak
  • Kružna traka napretka
  • Brojač
  • Kutija cijena
  • Kontakt obrazac
  • Objavi karuselu
  • Klizač posta
  • Prilagođena vrsta posta
  • Cjenik
  • MailChimp
  • Popup videozapisa
  • Hotspot za slike
  • odbrojavanje
  • Vremenska traka sadržaja

Phew, kakav popis? A ako mislite da svaki od gore navedenih blokova dolazi s puno postavki, stilova i opcija, tako da možete dizajnirati svoj sadržaj onako kako želite.

Dosad je dobro što čep Getwid Gutenberg blokira izgleda vrlo obećavajuće.

Sada kada znate s čime radimo, instalirajte Getwid i pređite preko raznih blokova. Nadam se da će vam se svidjeti sljedeći odjeljak jednako kao i ja prilikom testiranja dodatka.

Kako instalirati dodatak Getwid Gutenberg Blocks

Budući da je Getwid dostupan u službenom spremištu dodataka WordPress, nećemo gubiti vrijeme na preuzimanje dodatka na vaše računalo. Umjesto toga, instalirat ćemo dodatak izravno s nadzorne ploče administratora WordPressa.

Bez dodatnog slaganja, prijavite se na svoju nadzornu ploču administratora WordPress-a i pomaknite se do Dodaci> Dodaj novo kao što ističem u screengrabu ispod.

kako instalirati novi WordPress dodatak

Na Dodajte dodatke stranicu, upišite “Getwid” u okvir za pretraživanje ključne riječi i pritisnite Instalirati Sada gumb, kao što je prikazano u nastavku.

kako instalirati dodatak getwid gutenberg blokira za wordpress

Ne trošite ni sekundu, kliknite ikonu Aktivirati gumb, kao što sam istaknuo ispod za dovršavanje instalacije.

kako aktivirati dodatak getwid wordpress

I to je to; Nisam lagao kad sam ti rekao da je jednostavno postaviti Getwid ��

Sada, da vidimo što Getwid može ponuditi unutar Gutenbergovog urednika. Da bismo saznali što se nudi, moramo stvoriti novu stranicu ili post. Radite s kim god želite.

Dodavanje nove stranice

Radit ću sa stranicom isključivo radi ilustracije. I također zato što koristim cijenjenu Total WordPress temu koja dolazi s predloškom odredišne ​​stranice ��

Do sada vjerojatno već znate kako dodati novu stranicu u WordPressu, ali ako ste apsolutni početnik, idite na Stranice> Dodaj novo, kao što se vidi u nastavku.

dodavanje nove stranice u wordpress

Dodajte naslov svoje stranice i odaberite potrebne postavke. Na primjer, ako želite stvoriti odredišnu stranicu pune širine poput vaše, odaberite opciju na Atributi stranice odjeljak, kao što je prikazano u nastavku.

atributi stranica u gutenberbu

Napomena, možda imate različite opcije u Atributi stranice odjeljak ovisno o vašoj temi.

Dodavanje Getwid Gutenbergovih blokova

Dodavanje Getwid blokova isto je kao i dodavanje tipičnih Gutenbergovih blokova. Kliknite gumb plus (+) gumb, pomaknite se prema dolje Getwid blokovi, i odaberite blok koji želite.

Odjeljak blok

Na primjer, da biste dodali odjeljak Getwid, jednostavno dodajte Odjeljak blok, kao što je prikazano u nastavku.

blok getwid odjeljka

Jednostavno kao A, B, C. Nakon toga, morate dizajnirati / oblikovati odjeljak onako kako smatrate prikladnim. Blok odjeljaka omogućuje vam stvaranje lijepih izgleda stranica po poglavlje bez kodiranja. U svoj odjeljak možete lako dodati klizače, pozadinske slike, video zapise, paralakse, animacije, oblike, više boja itd. Da biste vidjeli stranicu izrađenu pomoću blokova odjeljka, pogledajte sljedeće demonstracijski dio.

Kao što je prikazano na donjoj slici, možete dodati bilo koji blok unutar bloka odjeljka. Osim toga, možete prilagoditi odjeljak po želji.

postavke bloka getwid odjeljka

S desne strane stranice imate mnoštvo opcija za prilagođavanje odjeljka. Kroz opcije ćemo nakratko pregledati od vrha do dna.

  • Veličina – Ovdje postavite dimenzije odjeljka. U trenutku pisanja teksta imate tri mogućnosti širine, naime Kutija pune širine,Prilagođen. Povrh toga možete postaviti različite visine odjeljaka za radne površine, tablete i mobilne uređaje. Na kraju, imate mogućnost odrediti praznine između blokova sadržaja unutar bloka odjeljka.
  • punjenje – Ova opcija omogućuje postavljanje obloga oko vašeg odjeljka za radne površine, tablete i mobilne uređaje.
  • Margina – Dodajte margine oko bloka odjeljaka za razne uređaje.
  • Poravnanje – Ovdje možete odrediti okomite i vodoravne točke vašeg odjeljka za razne uređaje.
  • Boja pozadine – U odjeljke možete dodati bilo koju boju pozadine koja vam se sviđa.
  • Pozadinski gradijent – Ova vam opcija pomaže da stvorite gradijente pozadine za svoj odjeljak. Ova opcija je korisna ako ne želite koristiti pozadinu u boji.
  • Pozadinska slika – Ovdje možete dodati pozadinsku sliku svom odjeljku, umjesto korištenja boja.
  • Pozadinski klizač – Sada možete dodati pozadinske klizače u odjeljke stranica. Kako slatko?
  • Pozadinski videozapis – Želite obogatiti svoj odjeljak pozadinskim videozapisom? Ako je to slučaj, Getwid vam ima leđa.
  • prednji – Dodajte efekte prednjeg plana u svoj odjeljak.
  • šestar – Dodajte razdjelnike između svojih dijelova
  • Animacija ulaza – Zahvaljujući Getwidu možete animirati različite odjeljke kako želite.
  • Napredna – Ovdje možete dodati HTML sidro i CSS klasu

Blokada medija i teksta

Da biste dodali blok medija i teksta klizača, kliknite ikonu plus (+) ikonu, pomaknite se na Getwid Blocks i kliknite Klizač medija i teksta, kako je prikazano dolje.

blok medija i tekstnih klizača

Nakon što dodate blok, možete prenijeti svoj medij i dodati tekst. Povrh toga, blok možete prilagoditi s desne bočne trake, kao što je prikazano na slici ispod.

postavke postavki blokada klizača medija za medije

Evo nekoliko napomena za opcije medijskog i tekstnog bloka na desnoj bočnoj traci kao što je prikazano gore:

  • postavke – Na kartici postavki možete odrediti broj slajdova, veličinu slike, visinu klizača, širinu sadržaja i okomito / horizontalno poravnanje.
  • Boja teksta – Ova opcija omogućuje vam prilagođavanje boje teksta na vašem klizaču
  • Boja prekrivanja – Možete postaviti boju preklapanja i odrediti neprozirnost preklapanja
  • punjenje – Ovom opcijom možete lako dodavati presvlake oko medija i tekstnih klizača
  • Postavke klizača – Ovdje možete dodati animaciju na svoj klizač i omogućiti prezentaciju
  • Animacija teksta – Animirajte tekst na svojim klizačima
  • Napredna – Dodajte prilagođenu CSS klasu kako biste dodatno mogli stilizirati svoje klizače

Evo izvrsnog primjera blok medija i teksta u akciji.

Slider slike

Osim što vam klizač Media & Text nudi, Getwid vam nudi Slider slike blok. Da biste to učinili, idite na Getwid Blocks i kliknite gumb Slider slike blokirajte kako detaljno prikazujem na slici ispod.

getwid klizač slike

Nakon što prenesete ili dodate slike iz medijske biblioteke, klizač možete prilagoditi s desne bočne trake, kao što je prikazano u nastavku.

postavke klizača getwid slike

S desne bočne trake imate nekoliko sljedećih opcija:

  • Postavke slike – Na ovoj kartici možete odabrati veličinu slike, automatski obrezati slike i svaku sliku povezati s medijskom datotekom ili prilogom. To je posebno korisno ako ste fotograf i koristite klizače za prikaz slike za svoj rad.
  • Postavke klizača – Ovdje možete odrediti broj slajdova koji možete prikazati na različitim uređajima, tj. Radnoj površini, prijenosnom računalu, tabletu i mobilnom uređaju.
  • Postavke upravljanja – Na ovoj kartici možete odrediti gdje će se prikazivati ​​navigacijske strelice i točke.
  • Napredna – Ovdje dodajte prilagođenu CSS klasu

Da biste dobili bolju sliku, evo vam demonstracija slider slike za vaš užitak gledanja.

Blok banera

Blok banera omogućava vam da se na web stranici WordPress oglašavate poput šefa. Dodavanje bloka banera jednako je jednostavno. Dođite do Getwid Blocks unutar Gutenbergovog uređivača i kliknite gumb zastava blok, kao što je prikazano u nastavku.

blok s natpisom getwid

Nakon što dodate medijsku datoteku vašeg banera, dobivate par opcija, kao što je prikazano na slici ispod.

postavke blokade bannera

Kao što možete vidjeti na gornjoj slici, vezu možete jednostavno dodati svom baneru i otvoriti vezu na novoj kartici. Na desnoj bočnoj traci imate više mogućnosti prilagodbe bannera. Ovdje možete prilagoditi veličinu bannera, poravnavanje, boje i animacije.

Imate obilje mogućnosti za stvaranje atraktivnih bannera za vaše web mjesto. Slobodno ih provjerite demonstracije banera za ukus onoga što možete stvoriti.

Ostali blokovi Getwid Gutenberg

Koliko god primamljivo, ne mogu pokriti 30 blokova Getwid u današnjem pregledu. Ako to učinimo, bit ćete ovdje cijeli dan, jer će članak postati predug za čitanje.

Svejedno, nadam se da sada možete dodati i prilagoditi bilo koji Getwid Gutenberg blok koji želite. Sve što trebate učiniti je navigaciju do Getwid Blocks i kliknite željeni blok. Nakon toga dodajte svoj sadržaj i prilagodite blok s desne bočne trake kao što smo to učinili za ostale blokove.

Da biste vidjeli više primjera blokova Getwid Gutenberg na djelu, posjetite stranicu Getwid dodatak stranicu na MotoPressu. Također, ovdje je Upoznajte Getwidov post to će dublje pogledati što dodatak nudi.


Getwid je moćan dodatak Gutenberg s lijepim paketom blokova. Uz to, svaki blok dolazi s jedinstvenim nizom opcija koje vam omogućuju da stvorite uvjerljiv sadržaj ni u kojem trenutku.

Povrh toga, dodatak je nevjerojatno jednostavan za postavljanje i korištenje. Ne treba vam znanje kodiranja ili prethodno iskustvo da biste iskoristili snagu Getwida za pokretanje angažmana na vašoj web lokaciji.

Dodatak je 100% besplatan i otvorenog koda, što znači da ga možete široko koristiti i prilagoditi bez brige o novčaniku ili licenci. To je savršen alat za korištenje u vašem WordPress profesionalnom alatu.

Nadam se da sada možete koristiti Getwid da oživite svoje WordPress stranice i postove bez probijanja znoja. Ako ne, navedite zabrinutost i prijedloge u odjeljku za komentare.

Osim toga, vaš omiljeni dodatak Gutenberg blokira?

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