Getwid – anpassningsbara WordPress-block för Gutenberg

Getwid - anpassningsbara WordPress-block för Gutenberg

Gutenberg. Bara omnämnandet av detta ord kan smälta is. Vanligtvis kan du höra en stift tappa i tystnaden som följer efter att du skrek “GUTENBERG!” på några ställen. Du kanske inte borde ropa men det är inte meningen. Det är en kall dag för Gutenberg-redaktören eller så är det?


När Gutenberg blev standardinnehåll för WordPress var många användare – både nybörjare och utvecklare – skeptiska. Det var en irriterande övergång eftersom – förändring. Den nya redaktören innebar att användare måste lära sig och anpassa sig till ett nytt sätt att skapa innehåll i WordPress.

Det är sant att det är svårt att förändra gamla sätt, vilket möjligen är anledningen till att Gutenberg mött hårt motstånd först. Men saker har förändrats enormt över tiden. Medan många användare blev förvirrade i början, älskar folk snabbt den nya redigeraren, särskilt när den är så enkel att använda och, ännu viktigare, förlänga med plugins.

Tack till plugins som Getwid, ämnet för dagens granskning, kan du ladda Gutenberg på sätt som du aldrig föreställt dig förut. Och om drivkraften fortsätter (och det kommer), har Gutenberg en mycket ljus framtid. Enligt min mening kommer fler och fler användare knappast att behöva WordPress-sidbyggare för att skapa imponerande sidor och inlägg.

I dagens granskning tittar vi på alla funktioner som gör Getwid till en av de bästa Gutenberg-plugins du någonsin hittar på webben. För att visa dig vad du kan förvänta oss testar vi plugin-programmet och går kort över 30 block som Getwid ger till en redan kraftfull Gutenberg-redaktör.

Med den ingressen finns det massor att täcka, så vi bättre skaffa sig wid den. Se vad jag gjorde där? Haha. Okej, låt oss börja.

Vad är Getwid?

Getwid - Gutenberg-block

Första saker först, vad fan är Getwid? Tja, Getwid är ett snyggt plugin som hjälper dig att förlänga Gutenberg-redaktören på stora tider. Enkelt mycket? Med andra ord är det en vacker samling med 34 block som gör att du kan skapa lysande innehåll i Gutenberg.

Enligt Motopress, utvecklaren, Getwid ansluter sömlöst till Gutenberg, “… vilket gör din övergången till Gutenberg mindre stressande.” En smidigare övergång är särskilt viktigt för första gången användare. Det bästa är att plugin är gratis att ladda ner på WordPress.org, vilket innebär att du kan slå marken med en gång.

Getwid följer bäst WordPress-kodningsstandarder, erbjuder dig den perfekta lösningen för att berika ditt innehåll utan att gräva i kod. Dessutom är det fullt kompatibelt med alla Gutenberg-klara WordPress-teman, vilket innebär att du inte kommer att stöta på kompatibilitetsproblem.

Dessutom är Getwid kompatibel med andra Gutenberg-plugins från tredje part, som ger dig fler funktioner för att skapa det engagerande innehållet du önskar. Dessutom kommer Getwid med massor av alternativ så att du kan utforma varje block för att matcha ditt märke och dina preferenser.

Lätt att använda Gutenberg block

Dessutom är tillägget otroligt enkelt att installera och använda, vilket innebär att du inte behöver en utvecklare för att hålla handen. Du behöver inte heller kodningskunskap. Vidare har Getwid de senaste prestandatricken, som CSS-minifiering, så att du kan skapa fantastiskt innehåll utan att oroa dig för din WordPress-webbplatshastighet.

På tal om fantastiskt innehåll hjälper Getwid dig att “… skapa effektiva målsidor, visa upp livfulla tjänstesidor, bygga iögonfallande portföljer,” lägg till vackra reglage, implementera fantastiska rubriker, visa prisbord och så mycket mer! Det erbjuder dig alla block du behöver för att ladda “… webbplatser för företag, startups, kreativa projekt och en mängd andra nischer.”

Getwid-lista över Gutenberg-block

Getwid kommer med ett stort antal Gutenberg-block. Kom ihåg att det också fungerar med centrala Gutenberg-block, vilket betyder att ingenting bör hindra dig från att skapa fantastiskt innehåll som fungerar för din webbplats. Här är listan över Gutenberg-block som finns i Getwid (Varning: Det är LOOONG):

  • Sektion
  • Media- och textreglage
  • Bildreglage
  • Ikon
  • Ikonbox
  • Banner (ja, komplett med animationer – woo hoo!)
  • dragspel
  • flikar
  • Växla
  • Image Stack Gallery
  • Google kartor
  • Nya Inlägg
  • Avancerad rubrik
  • Bildlåda
  • Advanced Spacer
  • Sociala länkar
  • Knappgrupp
  • Rekommendation
  • Personlåda
  • Instagram
  • Progress Bar
  • Circular Progress Bar
  • Disken
  • Prislåda
  • Kontaktformulär
  • Postkarusell
  • Post Slider
  • Anpassad inläggstyp
  • Prislista
  • MailChimp
  • Video Popup
  • Image Hotspot
  • Nedräkning
  • Tidslinje för innehåll

Phew, vilken lista? Och att tro att vart och ett av ovanstående block kommer med många inställningar, stilar och alternativ, så att du kan designa ditt innehåll som du vill.

Hittills så bra ser Getwid Gutenberg block-plugin mycket lovande.

Nu när du vet vad vi arbetar med, låt oss installera Getwid och gå igenom de olika blocken. Jag hoppas att du kommer att njuta av följande avsnitt lika mycket som jag gjorde när jag testade plugin-programmet.

Hur man installerar Getwid Gutenberg Block Plugin

Att se eftersom Getwid är tillgängligt i det officiella WordPress-pluginlagret, vi slösar inte tid på att ladda ner plugin till din dator. Istället kommer vi att installera plugin direkt inifrån WordPress admin dashboard.

Logga in på din WordPress admin-instrumentpanel utan att gå vidare och navigera till Plugins> Lägg till nytt som jag påpekar i screengrab nedan.

hur man installerar ny wordpress-plugin

På Lägg till plugins ange “Getwid” i sökrutan för sökord och tryck på Installera Nu som visas nedan.

hur man installerar getwid Gutenberg block plugin för wordpress

Utan att slösa bort en sekund klickar du på Aktivera som jag markerar nedan för att slutföra installationen.

hur man aktiverar getwid wordpress-plugin

Och det är allt; Jag ljög inte när jag sa att det är lätt att ställa in Getwid ��

Låt oss nu se vad Getwid har att erbjuda i Gutenberg-redaktören. För att ta reda på vad som finns i butiken måste vi skapa en ny sida eller ett inlägg. Arbeta med det du vill ha.

Lägga till en ny sida

Jag kommer att arbeta med en sida som endast är illustrerad. Och också för att jag använder det vörda Total WordPress-temat som kommer med en målsidamall ��

Nu vet du förmodligen redan hur du lägger till en ny sida i WordPress, men om du är en nybörjare, navigerar till Sidor> Lägg till nytt, som ses nedan.

lägga till en ny sida i wordpress

Lägg till din sidtitel och välj önskade inställningar. Om du till exempel vill skapa en målsida i full bredd som din, väljer du alternativet från Sidattribut som visas nedan.

sidattribut i gutenberb

Observera att du kan ha olika alternativ i Sidattribut avsnitt beroende på ditt tema.

Lägga till Getwid Gutenberg-block

Lägga till Getwid-block är detsamma som att lägga till typiska Gutenberg-block. Klicka på plus (+) -knappen, bläddra nedåt Getwid Blocks, och välj det block du vill ha.

Avsnitt Block

För att lägga till ett Getwid-avsnitt, till exempel, lägg bara till Sektion som visas nedan.

getwid avsnitt block

Så enkelt som A, B, C. Efter det måste du utforma / utforma din sektion som du anser vara lämplig. Avsnittblocket låter dig skapa vackra sidlayouter avsnitt för sektion utan kodning. Du kan enkelt lägga till reglage, bakgrundsbilder, videor, parallax, animationer, former, flera färger etc. till ditt avsnitt. För att se en sida skapad med avsnittblock, kolla in följande avsnitt demo.

Som visas på bilden nedan kan du lägga till valfritt block i sektionsblocket. Dessutom kan du anpassa avsnittet som du vill.

getwid-avsnittets blockinställningar

Till höger om sidan får du många alternativ för att anpassa avsnittet. Vi ska gå kort över alternativen från topp till botten.

  • Storlek – Ställ in dina sektionsdimensioner här. I skrivande stund har du tre breddalternativ, nämligen Boxad, full bredd, och Beställnings. Dessutom kan du ställa in olika sektionshöjder för stationära enheter, surfplattor och mobila enheter. Slutligen har du ett alternativ att specificera mellanrummen mellan innehållsblocken i avsnittblocket.
  • Stoppning – Alternativet låter dig ställa in stoppningen runt din sektion för stationära, surfplatta och mobila enheter.
  • Marginal – Lägg till marginaler runt ditt sektionsblock för olika enheter.
  • Inriktning – Här kan du ange det vertikala och horisontella för ditt avsnitt för olika enheter.
  • Bakgrundsfärg – Du kan lägga till vilken bakgrundsfärg du vill ha i sektioner.
  • Bakgrundsgradering – Detta alternativ hjälper dig att skapa bakgrundsgradienter för ditt avsnitt. Alternativet är praktiskt om du inte vill använda bakgrunder i färg.
  • Bakgrundsbild – Här kan du lägga till en bakgrundsbild till ditt avsnitt istället för att använda färger.
  • Bakgrundsreglage – Nu kan du lägga till bakgrundsreglage till dina sidavsnitt. Så sött?
  • Bakgrundsvideo – Vill du berika ditt avsnitt med en bakgrundsvideo? I så fall har Getwid ryggen.
  • Förgrund – Lägg till förgrundseffekter i ditt avsnitt.
  • avdelare – Lägg till avdelare mellan dina sektioner
  • Entréanimering – Tack vare Getwid kan du animera olika avsnitt som du vill.
  • Avancerad – Här kan du lägga till ett HTML-ankare och CSS-klass

Block för media och text

För att lägga till ett block för media- och textreglage, klicka på plus (+) ikon, bläddra till Getwid block och klicka Media- och textreglage, enligt nedanstående.

getwid media och textreglage block

När du har lagt till blocket kan du ladda upp dina media och lägga till text. Ovanpå detta kan du anpassa blocket från den högra sidofältet, som visas på bilden nedan.

getwid media text glidinställningar

Här ett par anteckningar för media & textblockalternativ på den högra sidofältet som visas ovan:

  • inställningar – Under inställningsfliken kan du ange antalet bilder, bildstorlek, skjuthöjd, innehållsbredd och vertikal / horisontell justering.
  • Text färg – Alternativet låter dig anpassa textfärgen på skjutreglaget
  • Överläggningsfärg – Du kan ställa in överläggsfärgen och ange överläggsopacitet
  • Stoppning – Använd det här alternativet för att enkelt lägga till vaddering runt dina media och textreglage
  • Reglageinställningar – Här kan du lägga till animering i skjutreglaget och aktivera bildspel
  • Textanimering – Animera texten på dina reglage
  • Avancerad – Lägg till en anpassad CSS-klass så att du kan utforma dina reglage längre

Här är ett utmärkt exempel på media & text glidblock i aktion.

Bildreglage

Utöver skjutreglaget Media & Text erbjuder Getwid dig Bildreglage blockera också. För att göra det, navigera till Getwid block och klicka på Bildreglage blockera som jag specificerar i skärmdumpen nedan.

getwid bildreglage

När du laddar upp eller lägger till bilder från mediebiblioteket kan du anpassa reglaget från höger sidofält, som visas nedan.

inställningar för getwid image skjutreglage

Från den högra sidofältet har du ett par alternativ enligt följande:

  • Bildinställningar – Från den här fliken kan du välja bildstorlek, automatiskt beskära bilder och länka varje bild till mediefilen eller bilagningssidan. Detta är särskilt fördelaktigt om du är en fotograf och använder bildreglage för att visa ditt arbete.
  • Reglageinställningar – Här kan du ange antalet bilder du kan visa på olika enheter, dvs. skrivbord, bärbar dator, surfplatta och mobil.
  • Kontrollinställningar – Under den här fliken kan du ange var du vill visa navigationspilar och punkter.
  • Avancerad – Lägg till anpassad CSS-klass här

För att få en bättre bild, här är en bildreglage demo för ditt tittande nöje.

Bannerblock

Med ett bannerblock kan du annonsera på din WordPress-webbplats som en chef. Att lägga till ett bannerblock är lika enkelt. Navigera till Getwid block inuti Gutenberg-redigeraren och klicka på Baner som visas nedan.

getwid banner block

När du har lagt till din bannermediefil får du ett par alternativ, som visas på bilden nedan.

getwid banner block inställningar

Som du kan se från bilden ovan kan du enkelt lägga till en länk till ditt banner och öppna länken i en ny flik. I den högra sidofältet har du fler alternativ för att anpassa dina banners. Här kan du anpassa bannerstorlek, justering, färger och animationer.

Du har gott om alternativ för att skapa attraktiva banners för din webbplats. Kolla gärna in dessa banner demos för en smak av vad du kan skapa.

Andra Getwid Gutenberg-block

Oavsett hur frestande jag kan omöjligt täcka ytterligare 30 Getwid-block i dagens recension. Om vi ​​gör det kommer du att vara här hela dagen, eftersom artikeln blir för lång att läsa.

Samtidigt hoppas jag att du nu kan lägga till och anpassa vilket Getwid Gutenberg-block du vill ha. Allt du behöver göra är att navigera till Getwid block och klicka på det block du vill ha. Lägg sedan till ditt innehåll och anpassa blocket från höger sidofält som vi gjorde för de andra blocken.

För att se fler exempel på Getwid Gutenberg-block i aktion, besök Getwid-plugin sida över på MotoPress. Här är också en Möt Getwid-inlägg som tar en mer djupgående titt på vad plugin erbjuder.


Getwid är ett kraftfullt Gutenberg-plugin med en härlig svit med block. Dessutom har varje block en unik uppsättning alternativ som låter dig skapa tvingande innehåll på nolltid.

Dessutom är plugin otroligt lätt att installera och använda. Du behöver inte kodkännedom eller tidigare erfarenhet för att utnyttja Getwids kraft för att driva engagemang på din webbplats.

Plugin är 100% gratis och öppen källkod, vilket innebär att du kan använda och anpassa den i stor utsträckning utan att oroa dig för din plånbok eller licensiering. Det är det perfekta verktyget att ha i din WordPress professionella verktygssats.

Jag hoppas att du nu kan använda Getwid för att leva dina WordPress-sidor och inlägg till liv utan att sveda. Om inte, vänligen uttrycka dina oro och förslag i kommentaravsnittet.

Annat än det, som är din favorit Gutenberg blockerar plugin?

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