Gutenberg-elementer i WordPress

WordPress har et brukervennlig grensesnitt for publisering. Det er enkelt å legge inn tekst, bilder, video og innhold i innlegg eller sider. Men til tider har det vært litt knotete å designe i WordPress sin ordinære WYSIWIG-editor.

Et nytt og kraftig verktøy for webdesignere

Gutenberg-plugin gjør det enkelt å jobbe med forskjellige elementer på en bloggside. Alt innhold på en side, kan bygges opp i blokker, noe som gir webdesignere tilgang til et supereffektivt og brukervennlig grensesnitt. Alle blokker har egne innstillinger som kan redigeres på høyre side av skjermen, er det enkelt å lage mer innbydende bloggsider.

Laste inn Gutenberg Plugin

  • Klikk på linken for Elementor Addons & Widgets.
  • https://uaelementor.com/?bsf=629&campaign=UltimateAddons
  • Under Products velger du Ultimate Gutenberg
  • Du kommer til https://www.ultimategutenberg.com/
  • Klikk på Free Download
  • Den zippede mappen ultimate-addons-for-gutenberg.zip blir lastet ned
  • I Kontrollpanelet velger du Utvidelser > Legg til Ny
  • Last opp den zippede mappen
  • Velg Installer og Aktiver
  • Du har nå tilgang til en rekke Gutenberg tilleggsfunksjoner på bloggsiden.

Klikk på plusstegnet til venstre for avsnittet og velg Ultimate Addons Blocks. Dette gir deg tilgang til en rekke elementer

Mest brukte blokker
Redigering for liste
Redigering for bilde
  • Når du står i begynnelsen av avsnittet ser du et plusstegn til venstre.
  • Klikk på plusstegnet og velg “Mest Brukte”
  • Velg “To kolonner, en tredjedel, to tredjedeler”
  • Du vil få opp to kolonner der du kan sette inn utallige elementer
  • I eksempelet har jeg lagt et bilde i venstre kolonne (se øverste bildet til venstre).
  • I høyre kolonne har jeg lagt inn printscreen over valgene du får, samt hvordan kolonnene ser ut når du starter redigeringen (se de to bildene over)
  • Til høyre på skjermen får du tilgang til endel redigeringsmuligheter for blokken.
  • Jobber du med tekst, eller en liste, gis du mulighet til å redigere (se bilde til venstre)
  • Jobber du med et bilde, får du utallige redigeringsvalg (se bilde til venstre)
  • Du kan legge inn flere bilder/elementer i en og samme kolonne. Så snart du tar markøren ut av feltet, kommer plusstegnet til syne (se bildet under).
Plusstegnet indikerer at du kan legge til flere elementer. Vid å klikke på det kan du enten legge inn et bilde, flere kolonner eller et hvilket som helst annet element.

Arbeidet med å skrive blogginnlegg blir som en lek! Gutenberg er et nytt og kraftig verktøy for alle webdesignere!

Du kan sette hva som helst inn i kolonnene. Ved å klikke på pluss-tegnet. Bildene under viser hvilke blokktyper du har tilgjengelig. De to eksemplene under til høyre, viser Gutenberg blokker som kan settes inn i bloggen.

Gutenberg blokkstiler (1)
Gutenberg blokkstiler (2)

Widgeter for blogginnlegget

Du kan legge inn en kalender med link til innleggene som er skrevet den spesifikke dagen.

Sette inn en YouTube-video

Om du har lyst å lære mer om Gutenberg, anbefaler jeg å se Ferdy Korpershoek video.

  • Klikk på plusstegnet og velg Innbyggingselementer
  • Klikk på YouTube-ikonet.
  • Finn videoen du ønsker å sette inn i bloggposten
  • Kopier adressen og lim den inn i feltet for URL
  • Klikk på Bygg Inn og videoen er tilgjengelig og kan spilles av direkte fra bloggen.