Getwid - tilpassbare WordPress-blokker for Gutenberg

Gutenberg. Bare omtale av dette ordet kan smelte is. Vanligvis kan du høre en nål falle i stillheten som følger etter at du roper “GUTENBERG!” noen steder. Kanskje du ikke skulle rope, men det er ikke poenget. Det er en kald dag for Gutenberg-redaktøren, eller er det?


Da Gutenberg ble standardinnholdsredigeringsprogram for WordPress, var mange brukere – både nybegynnere og utviklere – skeptiske. Det var en plagsom overgang fordi – forandring. Den nye redaktøren mente brukere måtte lære og tilpasse seg en ny måte å lage innhold i WordPress.

Det er sant at det er vanskelig å endre gamle måter, og det er muligens grunnen til at Gutenberg møtte hard motstand med det første. Men ting har endret seg over tid. Mens mange brukere var forvirrede i begynnelsen, elsker folk raskt den nye redaktøren, spesielt når den er så enkel å bruke og, enda viktigere, utvide med plugins.

Takk til plugins som Getwid, gjenstand for dagens gjennomgang, kan du supercharge Gutenberg på måter du aldri hadde forestilt deg før. Og hvis fremdriften fortsetter (og det vil det), har Gutenberg en veldig lys fremtid. Etter min mening vil flere og flere brukere neppe trenge WordPress-sidebyggere for å lage imponerende sider og innlegg.

I dagens gjennomgang tar vi en titt på alle funksjonene som gjør Getwid til en av de beste Gutenberg-plugins du noensinne vil finne på nettet. For å vise deg hva du kan forvente, tester vi plugin-modulen og går kort over 30 blokker som Getwid bringer til en allerede kraftig Gutenberg-redaktør.

Med den ingressen er det massevis å dekke, så vi bedre wid den. Ser du hva jeg gjorde der? Ha ha. OK, la oss begynne.

Hva er Getwid?

Getwid - Gutenberg Blocks

Første ting først, hva pokker er Getwid? Vel, Getwid er en fin plugin som hjelper deg med å utvide Gutenberg-redaktøren på stor tid. Enkelt mye? Det er med andre ord en vakker samling på 34 blokker som lar deg lage strålende innhold i Gutenberg.

I følge Motopress, utvikleren, plugges Getwid sømløst inn i Gutenberg, “… noe som gjør din overgang til Gutenberg mindre stressende.” En jevnere overgang er spesielt viktig for første gangs brukere. Det beste er at pluginen er gratis å laste ned på WordPress.org, noe som betyr at du kan slå bakken med en gang.

Getwid følger best WordPress-kodingsstandarder, som tilbyr deg den perfekte løsningen for å berike innholdet ditt uten å grave i kode. Dessuten er den fullt kompatibel med alle Gutenberg-klare WordPress-temaer, noe som betyr at du ikke vil støte på inkompatibilitetsproblemer.

I tillegg er Getwid kompatibel med andre tredjeparts Gutenberg-plugins, som tilbyr deg flere funksjoner for å skape det engasjerende innholdet du ønsker. I tillegg kommer Getwid med massevis av alternativer som lar deg style hver blokk for å matche merkevaren og preferansene dine.

Brukervennlige Gutenbergblokker

Dessuten er tillegget utrolig enkelt å sette opp og bruke, noe som betyr at du ikke trenger en utvikler for å holde hånden. Du trenger ikke kodingskunnskap heller. Videre har Getwid de siste ytelsestrikene, for eksempel CSS-minifisering, slik at du kan lage fantastisk innhold uten å bekymre deg for WordPress-nettstedets hastighet.

Når vi snakker om fantastisk innhold, hjelper Getwid deg med å “… lage effektive destinasjonssider, vise frem livlige servicesider, bygge iøynefallende porteføljer,” legge til vakre glidebrytere, implementere fantastiske overskrifter, visning av pristabeller og så mye mer! Den tilbyr deg alle blokker du trenger for å lade “… forretningsnettsteder, startups, kreative prosjekter og et mangfold av andre nisjer.”

Getwid liste over Gutenbergblokker

Getwid kommer med et stort antall Gutenberg-blokker. Husk at det også fungerer med kjerne Gutenberg-blokker, noe som betyr at ingenting skal hindre deg i å lage fantastisk innhold som fungerer for nettstedet ditt. Her er listen over Gutenberg-blokker tilgjengelig i Getwid (Advarsel: Det er LOOONG):

  • Seksjon
  • Glidebryter for media og tekst
  • Bilde glidebryter
  • Ikon
  • Ikonboks
  • Banner (ja, komplett med animasjoner – woo hoo!)
  • trekkspill
  • Tabs
  • Veksle
  • Image Stack Gallery
  • Google Kart
  • Siste innlegg
  • Avansert overskrift
  • Bildeboks
  • Advanced Spacer
  • Sosiale lenker
  • Knappegruppe
  • Testimonial
  • Personboks
  • Instagram
  • Fremdriftslinje
  • Sirkulær fremdriftslinje
  • Disk
  • Prisboks
  • Kontakt skjema
  • Postkarusellen
  • Innleggslider
  • Tilpasset innleggstype
  • Pris liste
  • MailChimp
  • Video Popup
  • Image Hotspot
  • nedtelling
  • Tidslinje for innhold

Phew, hva en liste? Og å tro at hver av de ovennevnte blokkene kommer med mange innstillinger, stiler og alternativer, slik at du kan designe innholdet ditt slik du vil.

Så langt så bra ser Getwid Gutenberg-blokkeringen veldig lovende ut.

Nå som du vet hva vi jobber med, la oss installere Getwid og gå over de forskjellige blokkene. Jeg håper du vil like den følgende delen like jeg gjorde når du tester plugin-modulen.

Slik installerer du Getwid Gutenberg Blocks Plugin

Da Getwid er tilgjengelig i det offisielle WordPress-plugin-depotet, vil vi ikke kaste bort tid på å laste ned plugin-en til datamaskinen din. I stedet skal vi installere pluginen direkte fra WordPress admin-dashbordet.

Uten videre, logg inn på ditt WordPress admin-dashbord og naviger til Plugins> Legg til nytt som jeg påpeker i screengrab nedenfor.

hvordan du installerer ny wordpress plugin

På Legg til plugins , skriv “Getwid” i søkefeltet, og trykk på Installere  -knappen, som vist nedenfor.

hvordan du installerer getwid gutenberg blocks plugin for wordpress

Uten å kaste bort et sekund, klikker du på Aktiver , som jeg uthever nedenfor for å fullføre installasjonen.

hvordan du aktiverer getwid wordpress-plugin

Og det er det; Jeg løy ikke da jeg fortalte at det er enkelt å sette opp Getwid ��

La oss se hva Getwid har å by på i Gutenberg-redaktøren. For å finne ut hva som er i vente, må vi opprette en ny side eller et innlegg. Jobb med det du har lyst på.

Legge til en ny side

Jeg vil jobbe med en side rent for illustrasjonsformål. Og også fordi jeg bruker det ærverdige Total WordPress-temaet som kommer med en destinasjonsside mal

Nå vet du sannsynligvis allerede hvordan du legger til en ny side i WordPress, men hvis du er en absolutt nybegynner, naviger til Sider> Legg til nytt, som sett nedenfor.

legge til en ny side i wordpress

Legg til sidetittelen, og velg de nødvendige innstillingene. Hvis du for eksempel vil opprette en landingsside i full bredde som din, velger du alternativet fra Sideattributter som vist nedenfor.

sideattributter i gutenberb

Merk at du kan ha forskjellige alternativer i Sideattributter avhengig av tema.

Legge til Getwid Gutenberg-blokker

Å legge Getwid-blokker er det samme som å legge til typiske Gutenberg-blokker. Klikk på pluss (+) -knappen, bla nedover Getwid blokker, og velg blokken du ønsker.

Seksjonsblokk

For å legge til en Getwid-seksjon, for eksempel, legger du bare til Seksjon blokkering, som vist nedenfor.

getwid seksjonsblokk

Så enkelt som A, B, C. Etter det må du designe / style delen din slik du anser det som passer. Seksjonsblokken lar deg lage vakre sideoppsett seksjon for seksjon uten å kode. Du kan enkelt legge til glidebrytere, bakgrunnsbilder, videoer, parallaks, animasjoner, former, flere farger osv. Hvis du vil se en side opprettet ved hjelp av seksjonsblokker, sjekk ut følgende seksjonsdemo.

Som vist på bildet nedenfor, kan du legge til en hvilken som helst blokk innenfor seksjonsblokken. Dessuten kan du tilpasse seksjonen slik du ønsker.

getwid seksjonsblokkeringsinnstillinger

Til høyre på siden får du mange alternativer for å tilpasse seksjonen. Vi skal gå kort over valgene fra topp til bunn.

  • Størrelse – Angi seksjonsdimensjoner her. I skrivende stund har du tre breddealternativer, nemlig Bokset, full bredde, og Tilpasset. På toppen av det kan du angi forskjellige seksjonshøyder for stasjonære, nettbrett og mobile enheter. Til slutt har du et alternativ for å spesifisere avstandene mellom innholdsblokkene i seksjonsblokken.
  • padding – Alternativet lar deg stille polstring rundt seksjonen for stasjonære, nettbrett og mobile enheter.
  • Margin – Legg til marginer rundt seksjonsblokken for forskjellige enheter.
  • Justering – Her kan du spesifisere det vertikale og horisontale av seksjonen for forskjellige enheter.
  • Bakgrunnsfarge – Du kan legge til hvilken som helst bakgrunnsfarge du liker i seksjoner.
  • Bakgrunnsgradient – Dette alternativet hjelper deg å lage bakgrunnsgradenter for seksjonen. Alternativet kommer godt med hvis du ikke vil bruke bakgrunnsfarger i farger.
  • Bakgrunnsbilde – Her kan du legge til et bakgrunnsbilde til seksjonen din, i stedet for å bruke farger.
  • Bakgrunnsglidebryter – Nå kan du legge til bakgrunnsglidebryter til sideseksjonene dine. Så søtt?
  • Bakgrunnsvideo – Ønsker du å berike seksjonen din med en bakgrunnsvideo? I så fall har Getwid ryggen.
  • forgrunnen – Legg til forgrundseffekter til seksjonen.
  • skillevegger – Legg delere mellom seksjonene dine
  • Inngangsanimasjon – Takket være Getwid kan du animere forskjellige seksjoner som du vil.
  • Avansert – Her kan du legge til et HTML-anker og CSS-klasse

Glidebryter for media og tekst

Hvis du vil legge til en skyveblokk for media og tekst, klikker du på pluss (+) ikon, bla til Getwid blokker og klikk Glidebryter for media og tekst, som vist under.

getwid media og tekst glideblokk

Når du har lagt til blokken, kan du laste opp media og legge til tekst. På toppen av det kan du tilpasse blokken fra høyre sidefelt, som vist på bildet nedenfor.

getwid medie tekst glidebryter innstillinger

Her et par notater for mediene og tekstblokkalternativene på høyre sidefelt som vist over:

  • innstillinger – Under innstillingsfanen kan du angi antall lysbilder, bildestørrelse, skyvehøyde, innholdsbredde og vertikal / horisontal justering.
  • Tekstfarge – Alternativet lar deg tilpasse tekstfargen på glidebryteren
  • Overleggsfarge – Du kan stille inn overleggsfargen og spesifisere overdekningens opacitet
  • padding – Bruk dette alternativet til å legge til polstring rundt mediene og tekstglidene dine
  • Skyveinnstillinger – Her kan du legge til animasjon i glidebryteren og aktivere lysbildefremvisning
  • Tekstanimasjon – Animer teksten på glidebryterne
  • Avansert – Legg til en tilpasset CSS-klasse slik at du kan style glidebryterne ytterligere

Her er et utmerket eksempel på skyveblokk for media og tekst i aksjon.

Bilde glidebryter

Annet enn Media & Text Slider, tilbyr Getwid deg Bilde glidebryter blokkerer også. For å gjøre det, naviger til Getwid blokker og klikk på Bilde glidebryter blokker som jeg detaljert i skjermdumpen nedenfor.

skyvet glidebilde

Når du har lastet opp eller lagt til bilder fra mediebiblioteket, kan du tilpasse glidebryteren fra høyre sidefelt, som vist nedenfor.

innstillinger for getwid image glidebryter

Fra høyre sidefelt har du et par alternativer som følger:

  • Bildeinnstillinger – Fra denne kategorien kan du velge bildestørrelse, automatisk beskjære bilder og koble hvert bilde til mediefilen eller vedleggssiden. Dette er spesielt gunstig hvis du er en fotograf og bruker bilde-skyvekontroller for å vise arbeidet ditt.
  • Skyveinnstillinger – Her kan du spesifisere antall lysbilder du kan vise på forskjellige enheter, dvs. stasjonær, bærbar PC, nettbrett og mobil.
  • Kontrollinnstillinger – Under denne fanen kan du spesifisere hvor du skal vise navigasjonspiler og prikker.
  • Avansert – Legg til tilpasset CSS-klasse her

For å få et bedre bilde, her er en bilde skyvekontroll demo for din seerglede.

Bannerblokk

En bannerblokk lar deg annonsere på WordPress-nettstedet ditt som en sjef. Det er like enkelt å legge til en bannerblokk. Navigere til Getwid blokker inne i Gutenberg-redaktøren og klikk på banner blokkering, som vist nedenfor.

getwid bannerblokk

Når du har lagt til bannermediefilen din, får du et par alternativer, som vist på bildet nedenfor.

innstillinger for getwid banner block

Som du ser fra bildet over, kan du enkelt legge til en lenke til banneret ditt, og åpne linken i en ny fane. I høyre sidefelt har du flere alternativer for å tilpasse bannere. Her kan du tilpasse bannerstørrelse, justering, farger og animasjoner.

Du har mange muligheter for å lage attraktive bannere for nettstedet ditt. Ta gjerne en titt på disse bannerdemoer for en smak av hva du kan lage.

Andre Getwid Gutenberg-blokker

Uansett hvor fristende jeg kan umulig dekke 30 flere Getwid-blokker i dagens gjennomgang. Hvis vi gjør det, vil du være her hele dagen, siden artikkelen blir for lang til å lese.

Likevel håper jeg at du nå kan legge til og tilpasse Getwid Gutenberg-blokken du ønsker. Alt du trenger å gjøre er å navigere til Getwid blokker og klikk på blokken du ønsker. Deretter legger du til innholdet ditt og tilpasser blokken fra høyre sidefelt som vi gjorde for de andre blokkene.

For å se flere eksempler på Getwid Gutenberg-blokker i aksjon, vennligst besøk Getwid-plugin side over hos MotoPress. Her er også en Møt Getwid-innlegget som tar en mer dyptgående titt på hva pluginen tilbyr.


Getwid er en kraftig Gutenberg-plugin med en nydelig pakke med blokker. I tillegg har hver blokk et unikt sett med alternativer som lar deg lage overbevisende innhold på kort tid.

På toppen av det er plugin utrolig enkel å sette opp og bruke. Du trenger ikke kodingskunnskap eller tidligere erfaring for å utnytte Getwid-kraften for å drive engasjement på nettstedet ditt.

Plugin-en er 100% gratis og åpen kildekode, noe som betyr at du kan bruke og tilpasse den mye uten å bekymre deg for lommeboken eller lisensen. Det er det perfekte verktøyet å ha i WordPress profesjonelle verktøysett.

Jeg håper du nå kan bruke Getwid til å bringe dine WordPress-sider og innlegg til liv uten å brekke svette. Hvis ikke, kan du uttrykke bekymringer og forslag i kommentarfeltet.

Annet enn det, som er din favoritt Gutenberg blokkerer plugin?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me