Kursus katalog

Gutenberg blokke – lær at bruge værktøjer

Ultimate Gutenberg Blocks

WordPress Gutenberg Begynder

WordPress Gutenberg Begynder er et kursus til dig, der har en hjemmeside i WordPress. Fra version 5 har WordPress skiftet udseende med en ny editor kaldet Gutenberg.

Dette kursus viser dig hvordan du bevæger dig rundt i det nye system.

Kurset lærer dig, hvordan du finder blokke og skriver tekster og lægger billeder på.

Du får tips og tricks til dit arbejde med at lægge indhold på hjemmesiden.

TIPS: Du kan se korte videoer. For at se dem i fuld skærm visning, så klik på den runde cirkel med fire pile i nederste højre hjørne!

Klik på knappen igen, når du er færdig med at se videoen, så vender du tilbage til den normale skærmvisning.

WordPress Grundkursus

For et generelt kursus i WordPress henviser jeg til NemProgrammering, som har gratis grundkursus.

Introduktion til Gutenberg editor

Hvem er Gutenberg?

Johan Gutenberg opfandt bogtrykkerkunsten. WordPress opfandt Gutenberg editor

Den gamle tekstbehandler og den nye blok editor – en sammenligning

Hvad er forskellen mellem den klassiske tekstbehandler og den nye blok editor (Gutenberg)

Inden vi går i gang med kurset i Gutenberg blok editor, vil vi først lave en sammenligning.

Hvad er det samme og hvad er forskelligt ved Gutenberg blok editor og den klassiske tekstbehandler.

Den klassiske tekstbehandler i WordPress ligner en tekstbehandler.

Old WordPress editor
Den klassiske tekstbehandler

Fra WordPress version 5 ser den nye editor sådan ud:

Ny WordPress Block Editor også kendt som Gutenberg
Den nye blok editor Gutenberg

De to editorer ser meget forskellige ud og det kan virke forvirrende i første omgang. Men bare roligt, vi tager et skridt ad gangen og du vender dig hurtigt til den nye editor.

Den gamle klassiske editor var en teksteditor, der lignede Microsoft Word en del.

Fra tekstbehandling til side layout

Den nye editor bygger siden op med blokke, som vi kan sammenligne med klodser ligesom et Lego sæt. Derfra kommer navnet Blok (engelsk block). Den nye editor kan meget mere. I stedet for at sammenligne den med en tekstbehandler som MS Word kan vi sammenligne den med et layoutprogram som MS Publisher eller Adobe InDesign. Det er mao muligt at layoute sin side med Blok editor.

Tekstbehandler / Afsnit blokken

TIPS: Du kan se video i en fuld skærm ved at klikke på knappen nederst til højre (cirkel med fire pile)

Oprettelse af en ny side

Du skal blot gå til Sider og Tilføj ny .

Dette vil starte den nye blok editor.

Den første blok er titlen, som automatisk bliver oprettet.
Alle sider og indlæg skal have en titel. Skriv titlen. Klik returtasten eller flyt musen ned og skriv din tekst i Afsnit blokken, som også bliver oprettet automatisk på en ny side.

Skriv først en titel på din side. Titlen er vigtig for at du og andre kan finde siden!

Som standard er den næste blok en Afsnits blok. Det giver dig mulighed for at begynde at skrive med det samme.

I videoen så du, hvordan man opretter Afsnit blokke til at skrive i. Du så en oversigt over blokke på siden og til sidst indstillinger for en blok. Prøv selv at danne dig et overblik.

Overblik over Gutenberg editor

Kilde: https://gogutenberg.com/interface/

Øverst i det røde område: Redigerings værktøj. Find blok til venstre og Gem til højre. Klik på tandhjul for at vise/skjule Avancerede indstillinger.

Blå område: Indhold som tekst, billeder osv.

Grønt område: Avancerede indstillinger for hele dokumentet eller for den enkelte blok, som du har markeret.

Lilla område: Værktøjssæt til den blok du arbejder med. Der er specielle værktøjssæt til hver blok afhængig af, hvad der er brug for. Smart ikke?

Se de på video

Få et overblik over Gutenberg Editor

Billed blokken

Tilføj et billede

Når du vil indsætte billeder på din side, så skal du først tilføje billede blokken. Klik på + og find billeder. I blokken er der tre muligheder for at tilføje et billede:
1) upload et billede fra lageret på din computer.
2)Hente billedet fra dit Mediebibliotek på din hjemmeside
3) Hente et billede fra internet ‘Indsæt fra URL’. Dvs. kopiere internet adressen.

Tilføj billede blok

Du kan også trække og slippe billeder fra din computer, og editoren vil automatisk oprette en billedblok til den.

Lav indstillinger til dit billede

Når du har tilføjet et billede, vil du kunne se blokindstillingerne til højre. Her kan du tilføje en alternativ tekst – dvs. en tekst der vises, hvis brugeren har slået visning af billeder fra i sin webbrowser. Du kan ændre størrelse og tilføje et link til billedet.

Indstillinger for billedblok

Andre blokke og hvordan du finder dem

Sådan finder du en blok og indsætter den

Hvis du vil tilføje noget andet, så klik på + knappen Tilføj ny blok i øverste venstre hjørne af skærmen.
Tips: Du kan også bruge + knappen under en eksisterende blok eller på højre side af en blok.

Find + og tilføj ny blok. Brug søgefelt eller bladr igennem blokkene og vælg en!

Når du klikker på + knappen, så der du menuen Tilføj blokke med et søgefelt øverst og almindeligt anvendte blokke nedenfor.

Du kan klikke på faner for at gennemse blokkategorier eller indtaste et søgeord for hurtigt at søge efter en blok.

Find blok og indsæt den

I videoen så du hvordan man finder en blok. Du så også hvordan man kan ændre en blok.

Billeder og Medier

Billeder og Medier. Lær hvordan du bruger mediebiblioteket. Upload billeder. Læg billeder på din side.

Genbrug blok

Du kan genbruge en block. Det kan f.eks. være kontaktformular, et kort eller en nyhed.

Ultimate Gutenberg blocks

Avanceret overskrift

En linje der deler.
Vælg farver på overskrift og beskrivelse
Juster til venstre, midt og til højre
Typografi
Demo

CTA Opfordring til at tage aktion


Nøglefunktioner
Årsager til at du vil elske denne blok! 
Layoutindstillinger
Responsive muligheder
Justeringsmuligheder
Fuldt administreret

John Doe

Designation

Team blok , consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Prefix

Info Box

Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Call Now Button Scroll til toppen