Denne guide handler om WordPress og Gutenberg - den nye editor og sidebygger, der er kommet med WordPress 5.0. Guiden bliver til på en lidt utraditionel måde. Den bliver nemlig revideret og genudgivet efterhånden som jeg får erfaringer med at bruge Gutenberg.

WordPress som du aldrig har set den før

WordPress er kommer i version 5.0 - og editoren ser radikalt anderledes ud. Nu kan du ikke bare skrive tekst - men også designe sider ved at vælge kolonner og blokke med forskelligt indhold.

I denne guide får du både advarsler, tips & tricks samt inspiration til at komme i gang med Gutenberg.

Lad mig først nævne nogle vigtige hovedpunkter, der omtales i denne guide:

  • Sådan undgår du Gutenberg editor
  • Gutenberg er en radikalt ny måde at bruge WordPress på
  • Gutenberg gør det muligt at skrive og designe i blokke/kolonner
  • Gutenberg kan gøre det overflødigt at købe dyre designskabeloner
  • Gutenberg er en fast del af WordPress fra version 5.0
  • Gutenberg fungerer ikke sammen med pagebuilderen DIVI (du får løsningen på dét problem)
  • Inden du opdaterer til WP 5.0, kan du evt. teste Gutenberg ved at installere et plugin

Sådan kan du slippe for Gutenberg editoren

Når WordPress 5.0 er installeret, kan du slippe for Gutenberg editoren ved at installere og aktivere pluginnet “klassisk editor”.
Lad os starte med den info - for det tilfældes skyld, at du er ved at gå i panik over, at din WordPress ser totalt forandret ud efter opdatering til WP 5.0

Installer det plugin, der hedder Klassisk Editor - så kan du helt slippe for at se den nye Gutenberg editor.

Gutenberg er en meget enkel pagebuilder

Inspirationen til Gutenberg er helt tydeligt hentet hos de såkaldte pagebuildere som DIVI, Elementor og Beaver Builder.

Du kan ikke kun skrive tekst i Gutenberg, men også designe fine sider og blogindlæg med indhold i bokse og kolonner.

Gutenberg er langt nemmere at sætte sig ind i end førnævnte pagebuildere. Blandt andet fordi Gutenberg kan langt mindre. Og det er slet ikke så tosset, hvis du er begynder.

  • Vil du designe landingpages, squeeze pages og andre smart sider til online marketing, vil du næppe være tilfreds med kun at bruge Gutenberg.
  • Er dit website allerede lavet med en af de avancerede pagebuildere, er der ingen grund til, at du skal bruge tid på at designe med Gutenberg

Kan Gutenberg samarbejde med andre pagebuildere og designkabeloner

Vi er først nu ved at finde ud af, hvordan Gutenberg fungerer sammen med forskellige designskabeloner, pagebuildere og plugins. I nogle tilfælde skal Gutenberg slås fra.

Der kan komme konflikter med andre funktioner. De skal såmænd nok bliver løst hen ad vejen. Men måske ikke dagen efter du har opdateret til WordPress 5.0

Du skal skrive tekster på en helt ny måde

Du skal vænne dig til en helt ny måde at skrive på, når dit website er opdateret til WordPress version 5.x.

Er du vant til at skrive gammeldags manuskripter med tekst i én kolonne - vil du nok opleve det som lidt af en udfordring.

Billeder skal sættes ind på en anden måde. Og du kan lave design, som du måske aldrig har kunnet lave før.

Gutenberg er nemlig også en pagebuilder. Langt fra så avanceret som andre pagebuildere. Langt færre muligheder. Simpel - derfor også nem at bruge.

Jeg arbejder meget med pagebuilderen DIVI fra Elegant Themes. Denne guide kommer derfor også til at handle om, hvordan du kan kombinere de to - Gutenberg og DIVI. Umiddelbart spiller de to nemlig ikke sammen.

Men først det helt fundamentale ved den nye editor i WordPress.
DIVI og Gutenberg vender jeg tilbage til.

Når du har opdateret til WordPress 5.0 - vil du se en helt anden editor.

Du er vant til, at den ser nogenlunde således ud:

Når WordPress kommer med den nye Gutenberg editor, vil du i stedet se dette:

De helt basale funktioner er ikke svære. Bare gå i gang med at skrive.
Sæt markøren i den blok, du vil skrive i - og skriv.

Kig dig omkring på skærmen. Der er flere små ikoner, der giver adgang til flere muligheder.

 

Sådan indsætter du billeder

Vil du indsætte et billede i teksten, skal du aktivere menupunktet i øverste venstre hjørne. (Se screendump herunder).

Indsæt en billedblok.

Bagefter kan du trække og slippe det ønskede billede ind i boksen. Du kan vælge det fra dit mediebibliotek eller uploade det.

Gutenberg is an important step forward for WordPress. Gutenberg enables WordPress to build content layouts, not just write articles. It is one of the many transitions happening in WordPress toward a more simplified user experience. – Zack Katz, speaking at WordCamp Denver 2017

Videointroduktion til Gutenberg

Fin præsentation lavet af MAK, der har masser af fine instruktionsvideoer på YouTube

 

Sådan kan du lege med Gutenberg før WordPress 5.0

Indtil WordPress 5 er installeret på dit website, kan du lege med Gutenberg ved at installere et plugin.

Installer pluginnet Gutenberg og aktiver det. Du får adgang til pluginnet ved at søge via kontrolpanelet i WordPress.

Som du kan se på screendump herunder, er der allerede nu flere plugins, der har relation til den nye editor. Og flere kommer uden tvivl til.

Aktiver billedet, hvis du vil se det i større format.

 

Slå Gutenberg fra for at bruge DIVI pagebuilder

Bruger du pagebuilderen DIVI fra Elegant Themes, kan du vælge mellem DIVI editor og Gutenberg. Se den lilla knap og slå den til, hvis du vil bruge DIVI builderen.

Skal WordPress være, som det plejer….

Synes du den nye Gutenberg er helt umulig, er der allerede lavet et plugin, der gør det muligt at få den gamle velkendte WordPress-editor (TinyMCE) tilbage.

Praktiske tip til at skrive moderne webtekster til reponsivt design
Lange baner af tekst er ikke velegnet til moderne læsevaner

Skriv bedre tekster til digitale medier - og moderne læsevaner
Smartphonen har ændret vores læsevaner, købesvaner - og vores hjerne

 

Guiden om WordPress og Gutenberg blev udgivet første gang 6. april 2018 og er blevet redigeret (udvidet) flere gange siden:

Senest revideret: 10. december 2018