Getwid – tilpassede WordPress-blokke til Gutenberg

Getwid - tilpassede WordPress-blokke til Gutenberg

Gutenberg. Den blotte omtale af dette ord kan smelte is. Normalt kan du høre en pin falde i den stilhed, der følger efter, når du råber “GUTENBERG!” nogle steder. Måske skulle du ikke råbe, men det er ikke meningen. Det er en kølig dag for Gutenberg-redaktøren, eller er det også?


Da Gutenberg blev standardindholdsredaktør for WordPress, var mange brugere – både begyndere og udviklere – skeptiske. Det var en irriterende overgang, fordi – forandring. Den nye redaktør betød, at brugere måtte lære og tilpasse sig en ny måde at skabe indhold i WordPress.

Det er sandt, at det er svært at ændre gamle måder, hvilket muligvis er grunden til, at Gutenberg først modtog stiv modstand. Men tingene har ændret sig enormt over tid. Mens mange brugere blev forvirrede i starten, elsker folk hurtigt den nye editor, især når det er så let at bruge og, endnu vigtigere, udvide med plugins.

Tak til plugins som f.eks Getwid, genstand for dagens gennemgang, kan du supercharge Gutenberg på måder, du aldrig forestillede dig før. Og hvis fremdriften fortsætter (og det vil det), har Gutenberg en meget lys fremtid. Efter min mening vil flere og flere brugere næppe have brug for WordPress-sidebygere for at skabe imponerende sider og indlæg.

I dagens gennemgang ser vi på alle de funktioner, der gør Getwid til et af de bedste Gutenberg-plugins, du nogensinde vil finde på Internettet. For at vise dig, hvad du kan forvente, tester vi plugin og går kort over 30 blokke, som Getwid bringer til en allerede kraftfuld Gutenberg-redaktør.

Med den indledning er der et ton at dække, så vi bedre wid det. Se hvad jeg gjorde der? Haha. Okay, lad os starte.

Hvad er Getwid?

Getwid - Gutenberg-blokke

Første ting først, hvad pokker er Getwid? Nå, Getwid er en smuk plugin, der hjælper dig med at udvide Gutenberg-redaktøren på store tidspunkter. Enkelt meget? Det er med andre ord en smuk samling på 34 blokke, der giver dig mulighed for at skabe strålende indhold i Gutenberg.

Ifølge Motopress, udvikleren, Getwid tilsluttes Gutenberg problemfrit, “… hvilket gør din samlede overgang til Gutenberg mindre stressende.” En jævnere overgang er især vigtig for første gangs brugere. Den bedste del er, at plugin er gratis at downloade på WordPress.org, hvilket betyder, at du kan ramme jorden med det samme.

Getwid følger bedst WordPress-kodningsstandarder, tilbyder dig den perfekte løsning til at berige dit indhold uden at grave i kode. Desuden er det fuldt ud kompatibelt med alle Gutenberg-klare WordPress-temaer, hvilket betyder, at du ikke vil støde på inkompatibilitetsproblemer.

Derudover er Getwid kompatibel med andre tredjeparts Gutenberg-plugins, som giver dig flere funktioner til at skabe det engagerende indhold, du ønsker. Getwid leveres også med masser af muligheder, der giver dig mulighed for at style hver blok til at matche dit brand og dine præferencer.

Let at bruge Gutenberg blokke

Yderligere er tilføjelsen utroligt nem at konfigurere og bruge, hvilket betyder, at du ikke har brug for en udvikler til at holde din hånd. Du har heller ikke brug for kodningskendskab. Yderligere indeholder Getwid de nyeste performance-tricks, såsom CSS-minifikation, så du kan oprette fantastisk indhold uden at bekymre dig om dit WordPress-webstedshastighed.

Når vi taler om fantastisk indhold, hjælper Getwid dig med at “… oprette effektive destinationssider, fremvise levende servicesider, opbygge iøjnefaldende porteføljer,” tilføje smukke skydere, implementere fantastiske overskrifter, displayprisborde og så meget mere! Det giver dig alle de blokke, du har brug for for at tillægge “… forretningswebsteder, startups, kreative projekter og en række andre nicher.”

Getwid liste over Gutenberg blokke

Getwid leveres med et stort antal Gutenberg-blokke. Husk, det fungerer også med kerne-Gutenberg-blokke, hvilket betyder, at intet burde forhindre dig i at oprette awesome indhold, der fungerer til dit websted. Her er listen over Gutenberg-blokke, der er tilgængelige i Getwid (Advarsel: Det er LOOONG):

  • Afsnit
  • Slider til medier og tekst
  • Billedskyder
  • Ikon
  • Ikonboks
  • Banner (ja, komplet med animationer – woo hoo!)
  • Harmonikaer
  • Faner
  • Toggle
  • Image Stack Gallery
  • Google kort
  • Seneste indlæg
  • Avanceret overskrift
  • Billedboks
  • Avanceret afstand
  • Sociale links
  • Knapgruppe
  • Testimonial
  • Personboks
  • Instagram
  • Fremskridt Bar
  • Circular Progress Bar
  • skranke
  • Prisboks
  • Kontaktformular
  • Efter karrusel
  • Indlæg skyderen
  • Tilpasset posttype
  • Prisliste
  • MailChimp
  • Video Popup
  • Image Hotspot
  • Nedtælling
  • Indhold tidslinje

Phew, hvad en liste? Og at tro, at hver af de ovennævnte blokke kommer med masser af indstillinger, stilarter og indstillinger, så du kan designe dit indhold, som du vil.

Indtil videre så godt, Getwid Gutenberg-blokke-plugin ser meget lovende ud.

Nu hvor du ved, hvad vi arbejder med, så lad os installere Getwid og gå over de forskellige blokke. Jeg håber, du vil nyde det følgende afsnit så meget, som jeg gjorde, når jeg testede plugin.

Sådan installeres Getwid Gutenberg Blocks-pluginet

Da Getwid er tilgængelig i det officielle WordPress-plugin-lager, spilder vi ikke tid på at downloade plugin til din computer. I stedet skal vi installere plugin direkte inde fra WordPress admin dashboard.

Uden yderligere at logge ind på dit WordPress admin dashboard og navigere til Plugins> Tilføj nyt som jeg påpeger i screengrab nedenfor.

hvordan man installerer nyt wordpress plugin

På den Tilføj plugins indtast “Getwid” i søgeordsfeltet med nøgleord, og tryk på Installere Nu som vist nedenfor.

hvordan man installerer getwid gutenberg blokke plugin til wordpress

Uden at spilde et sekund skal du klikke på Aktiver , som jeg fremhæver nedenfor for at afslutte installationen.

hvordan man aktiverer getwid wordpress plugin

Og det er det; Jeg lygnede ikke, da jeg fortalte dig, at det er let at oprette Getwid ��

Lad os nu se, hvad Getwid har at byde på i Gutenberg-redaktøren. For at finde ud af, hvad der er i vente, er vi nødt til at oprette en ny side eller et indlæg. Arbejd med det, du har lyst til.

Tilføjelse af en ny side

Jeg vil arbejde med en side udelukkende til illustration. Og også fordi jeg bruger det ærede samlede WordPress-tema, der kommer med en destinationssideskabelon ��

I øjeblikket ved du sandsynligvis allerede, hvordan du tilføjer en ny side i WordPress, men hvis du er en absolut begynder, skal du navigere til Sider> Tilføj nyt, som det ses nedenfor.

tilføje en ny side i wordpress

Tilføj din sidetitel, og vælg de nødvendige indstillinger. Hvis du f.eks. Gerne vil oprette en destinationsside i fuld bredde som din, skal du vælge indstillingen fra Sideattributter som vist nedenfor.

sideattributter i gutenberb

Bemærk, du har muligvis forskellige indstillinger i Sideattributter afsnit afhængigt af dit tema.

Tilføjelse af Getwid Gutenberg-blokke

Tilføjelse af Getwid-blokke er det samme som at tilføje typiske Gutenberg-blokke. Klik på plus (+) knap, rulle ned Getwid blokke, og vælg den ønskede blok.

Sektionsblok

For at tilføje et Getwid-afsnit skal du f.eks. Blot tilføje Afsnit som vist nedenfor.

getwid sektionsblok

Så enkel som A, B, C. Efter dette skal du designe / style dit afsnit, som du finder det passende. Sektionsblokken giver dig mulighed for at oprette smukke sidelayouter sektion for sektion uden at kode. Du kan nemt tilføje skyder, baggrundsbilleder, videoer, parallax, animationer, figurer, flere farver osv. Til din sektion. Hvis du vil se en side oprettet ved hjælp af sektionsblokke, skal du tjekke følgende sektion demo.

Som vist på billedet herunder kan du tilføje en hvilken som helst blok inde i sektionsblokken. Desuden kan du tilpasse sektionen, som du ønsker.

getwid sektionsblokindstillinger

Til højre for siden får du masser af muligheder for at tilpasse sektionen. Vi vil kort overgå mulighederne fra top til bund.

  • Størrelse – Indstil dine sektionsdimensioner her. I skrivende stund har du tre breddeindstillinger, nemlig Bokset, fuld bredde, og Brugerdefinerede. Derudover kan du indstille forskellige sektionshøjder til desktop, tablet og mobile enheder. Til sidst har du en mulighed for at specificere hullerne mellem indholdsblokke i sektionsblokken.
  • polstring – Funktionen giver dig mulighed for at indstille polstring rundt om dit afsnit til desktop, tablet og mobile enheder.
  • Margin – Tilføj margener rundt om din sektionsblok for forskellige enheder.
  • Justering – Her kan du specificere den lodrette og vandrette del af dit afsnit for forskellige enheder.
  • Baggrundsfarve – Du kan tilføje enhver baggrundsfarve, du kan lide, til sektioner.
  • Baggrundsgradient – Denne mulighed hjælper dig med at oprette baggrundsgradienter til dit afsnit. Indstillingen er praktisk, hvis du ikke ønsker at bruge baggrunde i ensfarvet farve.
  • Baggrundsbillede – Her kan du tilføje et baggrundsbillede til dit afsnit i stedet for at bruge farver.
  • Baggrundsskyder – Nu kan du tilføje baggrundsskyvere til dine sidesektioner. Hvor sødt?
  • Baggrundsvideo – Ønsker du at berige dit afsnit med en baggrundsvideo? I så fald har Getwid din ryg.
  • forgrund – Føj forgrundseffekter til dit afsnit.
  • delere – Tilføj skillevægge mellem dine sektioner
  • Indgangsanimation – Takket være Getwid kan du animere forskellige sektioner, som du vil.
  • Fremskreden – Her kan du tilføje et HTML-anker og en CSS-klasse

Bloker for medie og tekst

For at tilføje en medie- og tekstskyderblok skal du klikke på plus (+) ikon, rulle til Getwid blokke og klik Slider til medier og tekst, som vist nedenfor.

getwid medie- og tekstskyderblok

Når du har tilføjet blokken, kan du uploade dine medier og tilføje tekst. Oven på det kan du tilpasse blokken fra højre sidepanel, som vist på billedet herunder.

getwid medie tekst skyderen skyderen indstillinger

Her et par noter til medie- og tekstblokindstillingerne på højre sidebjælke som vist ovenfor:

  • Indstillinger – Under fanen med indstillinger kan du specificere antallet af lysbilleder, billedstørrelse, skyderens højde, indholdsbredde og lodret / vandret justering.
  • Tekstfarve – Indstillingen giver dig mulighed for at tilpasse tekstfarven på din skyder
  • Overlay farve – Du kan indstille overlayfarven og specificere overlay-opaciteten
  • polstring – Brug denne mulighed til let at tilføje polstring rundt om dine medie- og tekstskyvere
  • Indstillinger for skyderen – Her kan du tilføje animation til din skyder og aktivere slideshow
  • Tekstanimation – Animer teksten på dine skyder
  • Fremskreden – Tilføj en brugerdefineret CSS-klasse, så du kan style dine glider yderligere

Her er et glimrende eksempel på medie & tekst skyderblok i aktion.

Billedskyder

Bortset fra skyderen Medier og tekst tilbyder Getwid dig Billedskyder blokerer også. Det gør du ved at navigere til Getwid blokke og klik på Billedskyder bloker som jeg detaljerer i skærmbilledet nedenfor.

getwid billedskyder

Når du uploader eller tilføjer billeder fra mediebiblioteket, kan du tilpasse skyderen fra højre sidepanel, som vist nedenfor.

indstillinger for getwid image-skyderen

Fra højre sidepanel har du et par muligheder som følger:

  • Billedindstillinger – Fra denne fane kan du vælge billedstørrelse, automatisk beskære billeder og knytte hvert billede til mediefilen eller vedhæftede side. Dette er især fordelagtigt, hvis du er en fotograf og bruger billedskyvere til at vise dit arbejde.
  • Indstillinger for skyderen – Her kan du angive antallet af lysbilleder, du kan vise på forskellige enheder, dvs. desktop, laptop, tablet og mobil.
  • Kontrolindstillinger – Under denne fane kan du specificere, hvor navigationspile og prikker skal vises.
  • Fremskreden – Tilføj tilpasset CSS-klasse her

For at få et bedre billede er her en billede skyderen demo til din oplevelse.

Bannerblok

En bannerblok giver dig mulighed for at annoncere på dit WordPress-websted som en boss. Tilføjelse af en bannerblok er lige så enkel. Naviger til Getwid blokke inde i Gutenberg-editoren og klik på Banner som vist nedenfor.

getwid banner blok

Når du tilføjer din bannermediefil, får du et par muligheder, som vist på billedet herunder.

getwid banner blokindstillinger

Som du kan se på billedet ovenfor, kan du nemt tilføje et link til dit banner og åbne linket i en ny fane. I højre sidefelt har du flere muligheder for at tilpasse dine bannere. Her kan du tilpasse bannerstørrelse, justering, farver og animationer.

Du har masser af muligheder for at oprette attraktive bannere til dit websted. Tjek venligst disse bannerdemoer for en smag af hvad du kan oprette.

Andre Getwid Gutenberg blokke

Ligegyldigt hvor fristende, kan jeg umuligt dække 30 flere Getwid-blokke i dagens gennemgang. Hvis vi gør det, vil du være her hele dagen, da artiklen bliver for lang til at læse.

Alligevel håber jeg, at du nu kan tilføje og tilpasse enhver Getwid Gutenberg-blok, du ønsker. Alt hvad du skal gøre er at navigere til Getwid blokke og klik på den ønskede blok. Derefter skal du tilføje dit indhold og tilpasse blokken fra højre sidepanel, som vi gjorde for de andre blokke.

For at se flere eksempler på Getwid Gutenberg-blokke i aktion, skal du besøge Getwid-plugin side over på MotoPress. Her er også en Mød Getwid-indlæg der tager et mere dybtgående kig på, hvad plugin tilbyder.


Getwid er et kraftfuldt Gutenberg-plugin med en dejlig pakke med blokke. Derudover leveres hver blok med et unikt sæt indstillinger, der giver dig mulighed for at oprette overbevisende indhold på kort tid.

Oven i det er plugin utroligt let at konfigurere og bruge. Du har ikke brug for kodningskendskab eller tidligere erfaring for at udnytte Getwids magt for at skabe engagement på dit websted.

Plugin er 100% gratis og open source, hvilket betyder, at du kan bruge og tilpasse det i vid udstrækning uden at bekymre dig om din tegnebog eller licens. Det er det perfekte værktøj at have i dit WordPress professionelle værktøjssæt.

Jeg håber, du nu kan bruge Getwid til at bringe dine WordPress-sider og -indlæg til live uden at bryde en sved. Hvis ikke, bedes du udtrykke dine bekymringer og forslag i kommentarafsnittet.

Bortset fra det, der er din favorit Gutenberg blokke-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