Kursus katalog

WordPress Gutenberg Begynder

WordPress Gutenberg Begynder er et kursus til dig, der har en hjemmeside i WordPress.

  • Få et overblik over Kontrolpanet
  • Lær at skrive tekst i Indlæg og Sider
  • Lær at lægge billeder på
  • Arbejd med blokke.

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 det på video

Få et overblik over Gutenberg Editor

Links

Hvordan virker Blok Editor

Hvad er blokke. Tilføj og rediger en blok.

WordPress gennemgang af den aktuelle WordPress Editor skridt for skridt. Med illustrationer. Engelsk tekst

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.

Skift et billede

Skift billede i Billed-blok i Gutenberg WordPress

Lektion

Kontrolpanel

Kontrolpanel i WordPress (2021).

  1. Login in
  2. Første skærmbillede er Kontrolpanelet. Her kan du navigere og finde dine værktøjer.
  3. Måske ser dit skærmbillede lidt anderledes ud. Der er forskel på forfatter, administrator og bruger kontrolpanel!
Kontrolpanel i WordPress. Billede fra WordPress Manualen – 7 fra Nemprogrammering.

Se en video med gennemgang af kontrolpanelet her hos Nemprogrammering.

Rediger indlæg

Rediger indlæg betyder at du kan gå til et indlæg og ændre tekst og billeder. Du kan lave små rettelser og tilføjelser. Du kan ændre billeder og flere andre ting.

Find indlæg

  1. Log ind på din hjemmeside.
  2. I Kontrolpanelet til venstre
  3. Find indlæg og vælg Alle indlæg
Liste med indlæg

Nu kan du se en liste med alle indlæg på din hjemmeside.

  • Du kan også søge i søgefeltet.
  • Vælg indlæg ved at klikke på titlen.

Rediger indlæg

Øverst er titlen. Du kan evt. rette den.

Teksten er i Afsnitsblokken. Se Tekstbehandler/Afsnitsblok

Klik i teksten og ret med almindelig tekstbehandlingsmetode.

Tilføj tekst.

Udvalgt billede

Vælg et billede til toppen af dit indlæg.

Find menuen Udvalgt billede til højre

Klik på Vælg udvalgt billede

Vælg billede i mediearkivet med knappen Vælg udvalgt billede

Husk at gemme

Husk at gemme dit indlæg ved at klikke på knappen Opdater øverst til højre.

Links

LINKS

WordPress kursus for begyndere hos Nemprogrammering

Complete Beginner’s Guide to Gutenberg version 5.8 med templates.

Login

Login til din hjemmeside. Hvis du er heldig, så findes der et link på din side til Login.

Men hvis det ikke findes, så kan du altid skrive:

www.dinhjemmesidesadresse.dk/wp-login.php

Altså gå til din hjemmeside og skriv: /wp-login.php efter hjemmesidens adresse.

Så kommer du til login skærmen.

Login til WordPress
Login til WordPress

Skriv dit brugernavn eller e-mailadresse og adgangskode. Klik på Log ind

Hvis du har glemt din adgangskode. Så klik på Mistet din adgangskode? så kan du en ny via e-mail.

Lav et nyt indlæg eller side

I kontrolpanelet klikker du på Indlæg og vælger Tilføj ny hvis du vil oprette et nyt indlæg (post)

I kontrolpanelet klikker du på Sider og vælger Tilføj ny hvis du vil oprette en ny side. (page)

Skjul indlæg med en udløbsdato

Skjul indlæg som bliver for gamle. Arrangementer og begivenheder som er overstået er ikke så interessante. Og det kan være svært at huske at skjule et arrangement når det er udløbet.

Skjul indlæg automatisk på en bestemt dato

Aktiver Post Expirator i indstillinger for Indlæg (post) til højre.

Vælg udløbsdatoen i kalenderen.

Bestem hvad der skal ske med indlægget. I videoen vælges Private. Så bliver indlægget skjult for offentligheden. Det bliver ikke slettet. Du kan finde det igen og evt. genbruge det og redigere videre på det og udgive det senere.

Listevisning giver overblik over sidens struktur

‎Listevisning giver overblik over sidens struktur.

Efterhånden som du får mange blokke på din side med tekst og medier, så bliver der brug for at kunne navigere rundt i det komplekse indhold.

Listevisning gør det let at springe rundt i indhold og blokke.

Listevisningen giver dig et overblik over alle blokkene i dit indhold. Du kan du nu navigere hurtigt til den blok, du har brug for.

Er du klar til at fokusere helt på dit indhold? Slå den til eller fra, så den passer til arbejdsprocessen.‎

‎Oversigt over sidens struktur med Listevisning (List view) ‎

Listevisning
Call Now Button Scroll til toppen