Denne guide handler om WordPress og Gutenberg - den nye editor og sidebygger, der kommer 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

Når WordPress kommer i version 5.0, vil editoren se radikalt anderledes ud. Du kan 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:

  • 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 vil være 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)
  • Når du opretter ny side eller nyt indlæg, kan du vælge mellem Gutenberg og klassisk editor
  • Indtil WP 5.0 kommer, kan du teste Gutenberg ved at installere et plugin

 

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

Ingen ved endnu, hvordan Gutenberg fungerer sammen med forskellige designskabeloner, pagebuildere og plugins.

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

Vent med at opdatere til WordPress 5.0

Har du lavet et avanceret website, som er afgørende for din business, vil jeg derfor anbefale dig, at du er forsigtig med at opdatere til WordPress 5.0, når den kommer med Gutenberg indbygget.

Lad de tekniske erfarne nørder om at teste.
Giv udviklere af plugins og designskabeloner tid til at rette eventuelle problemer.

Til gengæld kan det være en god idé at installere Gutenberg-pluginnet i god tid. Så får du tid til at blive fortrolig med de nye muligheder.

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

Du skal vænne dig til en helt ny måde at skrive på. 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 - der forventes at blive frigivet i løbet af april eller maj 2018 - 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.

Vil du indsætte et billede i teksten, skal du aktivere menupunktet i øverste venstre hjørne.
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 kommer

Jeg leger med Gutenberg på et website, jeg har oprettet til samme formål.

Indtil WordPress 5 kommer med Gutenberg, kan du få adgang til den nye editor 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 de kommende måneder.

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

Sådan kan du vælge mellem Gutenberg og klassisk editor

Gå ind i oversigten over sider eller indlæg. I toppen til venstre kan du vælge “tilføj ny” og aktiverer du muligheden, får du valget mellem Gutenberg og Klassisk Editor

Slå Gutenberg fra for at bruge DIVI pagebuilder

Bruger du pagebuilderen DIVI fra Elegant Themes, vil du støde på problemer i samme øjeblik Gutenberg pluginnet er aktiveret.

På sider, der er bygget i DIVI pagebuilder ser du ikke de klassiske sektioner og moduler, men kun koder.

Det problem er hurtigt klaret.

Hvis siden (eller blogindlægget) allerede er bygget i DIVI, går du ind i oversigten over sider (eller indlæg).
Find den side eller det indlæg, hvor du vil slå Gutenberg fra… så du kan se DIVI-builderen.

Når du holder musen over siden/indlægget, får du adgang til de valgmuligheder, du ser herunder.

Vælg Klassisk Editor. Så er Gutenberg slået fra og du kan ser DIVI-modulerne.

Vil du slet ikke bruge Gutenberg, kan du indtil videre bare lade være med at installere pluginnet.

Måske producenterne af DIVI finder en anden og smartere løsning, når Gutenberg bliver en integreret del af WordPress.

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: 7. april 2018