Sådan går du fra den klassiske WordPress-editor til Gutenberg

Hvis du bruger WordPress 5.0 og nyere, medmindre du har levet under en sten, har du utvivlsomt hørt om Gutenberg - opdateringen, som blev slået sammen til WordPress i december 2018 .

Så hvis du bruger den seneste version af WP, bruger du enten allerede Gutenberg eller har fortsat med at bruge den klassiske editor ved at installere WordPress Classic Editor plugin .

Hvorfor Gutenberg?(Why Gutenberg?)

Mange WP-brugere er ikke klar til at hoppe på Gutenberg-vognen(on the Gutenberg wagon) , men nogle er det, inklusive denne hjemmeside.

Et par af grundene til, at du måske vil bruge Gutenberg , er fordi det:

  • Er fremtiden for WP-udviklere.
  • Giver en bedre brugeroplevelse.
  • Er mere fleksibel end WP's originale editor ( TinyMCE ).
  • Vil give et nyt marked for udviklere.

Hvad er forskellene mellem WordPress og Gutenberg?(What Are The Differences Between WordPress & Gutenberg?)

WP's Classic Editor er en teksteditor og ligner meget Microsoft Word . Den har et enkelt redigeringsfelt som ses på skærmbilledet nedenfor.

Gutenberg er en blokbaseret editor, der ser sådan ud:

Der er flere blokke for forskellige typer indhold, der inkluderer deres egne formateringsmuligheder. Blokke som:

  • Knap
  • Billede
  • Bord
  • Indlejrer
  • Liste
  • Galleri
  • Lyd
  • Citater
  • Overskrift
  • Kode
  • Vers
  • Brugerdefineret HTML

Temaer og plugins tilbyder også flere blokke og widgets, som du kan bruge i dine WP-indlæg og -sider.

Hvordan påvirkes eksisterende sider eller indlæg?(How Are Existing Pages Or Posts Affected?)

Efter at have opgraderet og brugt Gutenberg , bør dine eksisterende sider og indlæg fortsætte med at blive vist korrekt. 

Du bør dog tjekke dine shortcodes og sikre dig, at de plugins, du muligvis bruger, virker.

Når du redigerer en eksisterende side eller et eksisterende indlæg, åbnes det automatisk i en enkelt ny Gutenberg editor klassisk blok.

Er du klar til at skifte?

Brug et iscenesættelsessted(Use a Staging Site)

Den sidste ting, du vil gøre, er at bryde dit eksisterende websted. Måden at undgå dette på er at aktivere Gutenberg på et mellemstation(a staging site) . Dette er en nøjagtig kopi af dit websted, hvor du kan teste ting uden at skade dit live-websted.

Testwebsteder inkluderer dit tema, plugins , muligheder og indhold. Dit hostingfirma tilbyder muligvis iscenesættelsessteder. Hvis de ikke gør det, kan du bruge WordPress Staging-plugin .

Når dit iscenesættelsessted er oppe at køre, skal du installere og aktivere Gutenberg-plugin'et( Gutenberg plugin) og begynde at teste. Eller installer en helt ny forekomst af WordPress på din computer , og test den der.

Tjek dine plugins(Check Your Plugins)

WordPress-brugere er bekendt med, hvad der sker, når plugins ikke spiller godt sammen. Nogle gange er det på grund af funktionaliteten eller modstridende kode. Dette er et glimrende tidspunkt at se, om du bruger alle de plugins, du har installeret. Hvis du ikke er det, skal du fjerne dem.

Du vil også gerne se, hvilke plugins der bruges, når du redigerer indhold i WordPress . Specifikke plugins såsom Akismet , Kontaktformular 7(Contact Form 7) , Google Sitemap Generator og WP Super Cache har intet at gøre med editoren og vil ikke blive påvirket af brugen af ​​Gutenberg .

På den anden side er ethvert plugin, der tilføjer funktionalitet eller ændrer den måde, den klassiske WP-editor ser ud, muligvis ikke kompatibelt med Gutenberg . Især plugins, der genererede shortcodes, tilføjer brugerdefinerede stilarter eller ikke er blevet opdateret for nylig, kommer normalt i konflikt og forårsager problemer.

Gutenberg plejede at have en aktiv plugin-kompatibilitetsdatabase(Plugin Compatibility) . Den er dog blevet lukket ned, fordi den ikke længere vedligeholdes aktivt.

Du kan gennemgå de endelige data og downloade databasen( download the database) som en CSV -fil. Uden adgang til en aktiv plugin-kompatibilitetsdatabase bliver du nødt til manuelt at teste hvert plugin, du bruger.

Prøv at oprette et nyt indlæg på dit testwebsted. Du vil se, at du er i Gutenberg- editoren, og det vil se anderledes ud for dig. Når du begynder at skrive, opretter du automatisk en afsnitsblok. Du behøver ikke tilføje en ny blok, når du tilføjer et nyt afsnit. Bare(Just) tryk på enter eller returtasten.

Da du prøver at se, om dine nuværende plugins vil virke, så prøv at genskabe, hvordan du brugte hver enkelt og se, om det stadig virker.

Hvis det ikke gør det, skal du kigge efter den samme funktionalitet i standard Gutenberg -blokken, tilføje denne blok og tilføje dit indhold.

Sørg for at have en liste over de plugins, der ikke fungerer korrekt, så du kan fjerne dem, når du går live med Gutenberg .

Hvad hvis der ikke er nogen standardblok til den funktionalitet, du har brug for?(What If There Is No Default Block For The Functionality You Need?)

Tjek alle blokkene for at se, om den funktionalitet, du har brug for, findes i en anden blok. Hvis du ikke kan finde noget, der vil fungere, kan du kontakte plugin-forfatterne og spørge dem, om de planlægger at opdatere det, så det er kompatibelt med Gutenberg .

Hvis alt andet fejler, så prøv at finde et Gutenberg-plugin , der gør det, du har brug for. Slet de plugins, der ikke virker, fra dit iscenesættelsessted.

Går live(Going Live)

Før du gør NOGET til dit live-websted, skal du lave en komplet sikkerhedskopi af hele dit websted, hvis du gik glip af noget, da du tjekkede for kompatibilitet, eller der opstår en anden fejl.

Det er muligt at foretage alle de nødvendige ændringer på dit teststed og skubbe dem til dit live-site. Dette kræver dog en vis teknisk viden. Så medmindre du er en udvikler eller har en, der fungerer for dig, er det bedre at foretage ændringerne manuelt.  

Start med at slette de plugins, der ikke virkede, og tilføj de nye, du fandt, for at erstatte dem. Hvis gamle plugins behandler data for eksisterende indlæg og sider og ikke ødelægger nye, kan du lade dem være installeret.

Vil du konvertere dine gamle indlæg og sider til Gutenberg-blokke?(Do You Want To Convert Your Old Posts & Pages To Gutenberg Blocks?)

Åbn hver side og post fra den klassiske blokmenu(Block Menu) . Klik(Click) på de tre prikker for at se mulighederne(view options) . Vælg fra rullemenuen Konverter til blokke(Convert to Blocks) .

Når WP har konverteret dit indhold til Gutenberg -bloksystemet, bør du gennemgå hver blok. Brug Bloker Navigation(Use Block Navigation) (fra ikoner) for at se alle dele af dit indlæg eller din side.

Som du kan se i ovenstående skærmbillede, er hvert afsnit, billede, liste og overskrift nu i sin egen blok. Konvertering af eksisterende sider og indlæg til det nye Gutenberg -system er hurtigt og nemt.

Det kan tage flere timer at teste dine plugins og finde nye, men du behøver kun at gøre dette én gang. Sørg for at følge de trin, der er foreslået ovenfor, for at gøre din flytning til Gutenberg smertefri og fejlfri.



Malthe Meldgaard

About the author

Efter næsten 20 år i teknologibranchen har jeg lært meget om Apple-produkter, og hvordan man kan tilpasse dem til mine behov. Især ved jeg, hvordan jeg bruger iOS-platformen til at skabe brugerdefinerede udseender og interagere med mine brugere gennem applikationspræferencer. Denne oplevelse har givet mig værdifuld indsigt i, hvordan Apple designer sine produkter, og hvordan man bedst kan forbedre deres brugeroplevelse.


Related posts