Keine Angst vor Gutenberg und WordPress 5.0

Mit WordPress 5.0 hat ein neuer Editor Einzug in das bekannte CMS-System gehalten. Der neue Block-Editor, unter dem Codenamen "Gutenberg" entwickelt, bietet viele neue Möglichkeiten. Was genau man damit tun kann und wie der Umstieg am besten gelingt, verrät dieser Vortrag.

Transcript

1. Keine Angst vor Gutenberg
   und WordPress 5.0
   Jessica Lyschik
   

   View Slide

2. Selbstständig, über 12 Jahre Erfahrung
   Webentwicklerin
   - Full Stack, Schwerpunkt Front-End
   - WordPress Themes
   https://jessicalyschik.de
   Hallo!
   Ich bin Jessica Lyschik
   

   View Slide

3. Agenda
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   1. Gutenberg und Du
   2. Der Editor in WordPress: früher und heute
   3. Demo: Gutenberg auf der Gutenberg Fibel
   4. Upgrade auf 5.0: ja oder nein?
   5. Demo: Update auf 5.0
   

   View Slide

4. Was sind deine Gedanken und Erfahrungen zu Gutenberg?
   Gutenberg und Du
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   

   View Slide

5. Was ist der erste Gedanke oder das erste Gefühl,
   wenn du an „Gutenberg“ denkst?
   ?
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   

   View Slide

6. Ist es Angst? Oder Unsicherheit?
   Hinterfrage dich: warum ist das so?
   ?
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   

   View Slide

7. Schlechte Reviews? Meinungen anderer?
   ?
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   „Sowas braucht doch niemand,
   es gibt doch Page Builder!“
   „Bloß nicht auf 5.0 aktualisieren!
   Alles geht kaputt!!!“
   „Gutenberg ist Müll!“
   

   View Slide

8. Der Mensch ist ein Gewohnheitstier.
   Veränderungen, auf die man keinen Einfluss hat,
   sind oft „schlimm“.
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   

   View Slide

9. Der neue Editor kommt mit einem kleinen
   Tutorial, das aber nur wenig hilft. Wer den
   alten Editor oder Page Builder gewöhnt ist,
   der tut sich schwer.
   Viele Funktionen sind versteckt und nicht
   unbedingt ersichtlich.
   Keine Benutzer-Dokumentation
   Keine klaren Aussagen zu:
   - dem konkreten Projektumfang
   - dem Erscheinungstermin
   - den Entscheidungsträgern
   Schlechtes Projektmanagement
   Was bei Gutenberg schief gelaufen ist
   Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
   

   View Slide

10. Ich stellte mir die Frage: Kann ich etwas ändern?
    Nicht am Projektmanagement.
    ?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

11. Ich erstellte die Gutenberg Fibel, als Ersatz
    für die fehlende Dokumentation.
    https://gutenberg-fibel.de
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

12. Die Gutenberg Fibel und dieser Vortrag sollen dir
    helfen, den neuen Editor zu verstehen.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

13. Wie hat sich der bisherige Editor im Laufe der Zeit verändert?
    Ein Blick zurück:
    Die Editor-Ansicht
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

14. View Slide

15. View Slide

16. View Slide

17. View Slide

18. Ist dir etwas aufgefallen?
    ?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

19. View Slide

20. Der Editor hat sich kaum optisch, aber
    mit internen Verbesserungen entwickelt.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

21. Eine komplexe Gestaltung der Inhalte
    war standardmäßig nicht möglich.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

22. Was WordPress von Haus aus nicht mitbringt, erweitern andere.
    Mit unterschiedlichen Ergebnissen.
    Der Aufstieg der
    Page Builder
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

23. Die bekanntesten Page Builder
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

24. • Theme-Wechsel kann problematisch sein
    • Systemwechsel ebenso schwierig („Lock-
    In-Effekt“)
    • Teilweise Performance-Einbußen
    Nachteile
    • Inhalte flexibel gestalten
    • Viele Einstellungsmöglichkeiten
    • Keine Programmier-Kenntnisse
    notwendig
    Vorteile
    Vor- und Nachteile von Page Buildern
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

25. Es gibt nicht nur WordPress.
    Die Konkurrenz
    schläft nicht
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

26. Andere Baukasten-Systeme
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

27. Was wäre, wenn WordPress selbst so eine
    Art Baukasten-System mitbringen würde?
    ?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

28. Kein Page Builder, aber ein Baukasten-System Light.
    … und dann
    kam Gutenberg
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

29. View Slide

30. Der Name, mit dem der neue Editor als Teil
    von WordPress gemeint ist.
    Block-Editor
    Ist der Codename, unter dem das Projekt
    bisher entwickelt wurde.
    Die Weiterentwicklung des Editors wird
    wie bisher im Plugin mit dem Namen
    Gutenberg stattfinden.
    Gutenberg
    Ein kleines Glossar
    Die einzelnen Inhaltselemente wie Absatz,
    Bilder, Videos und mehr innerhalb des
    Block-Editors.
    Blöcke
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

31. Ja, genau. Aber kein Notizblock. Eher ein bisschen wie Lego.
    Äh was?
    Blöcke?!
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

32. Welche Blöcke habe ich zur Auswahl?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

33. Gutenberg Blocks – Ultimate Addons
    Mega Blocks for Gutenberg
    Otter Blocks
    Premium Blocks for Gutenberg
    Stackable - Gutenberg Blocks
    Stag Blocks
    WP Munich Blocks - Gutenberg Blocks
    Advanced Gutenberg
    Atomic Blocks
    Bokez - Awesome Gutenberg Blocks
    Editor Blocks for Gutenberg
    GhostKit - Gutenberg Blocks Collection
    GutenBee
    Noch mehr Blöcke bieten diese Plugins:
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

34. Wo finde ich Plugins, die Blöcke anbieten?
    Im WordPress Plugin Verzeichnis gibt es einen
    neuen Bereich für Plugins, die selbst Blöcke anbieten:
    https://de.wordpress.org/plugins/browse/blocks/
    Dort findest du auch sogenannte Block Libraries. Das
    sind Plugins, die eine weitere Auswahl an verschiedenen
    Blöcken bereit halten. Eine Seite speziell für Blöcke und
    Block Libraries findest du hier:
    https://editorblockswp.com/library/
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

35. Demo: Gutenberg
    auf der Gutenberg Fibel
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

36. Es gibt mehrere Faktoren zu beachten.
    Update auf 5.0:
    ja oder nein?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

37. Update Check: Die Basis
    Welche Version hat deine WordPress Installation?
    Empfohlen: WordPress 4.9.9
    Ältere Versionen zuerst darauf aktualisieren.
    Welche PHP Version ist im Einsatz?
    Empfohlen: PHP 7.2
    PHP 5.6 geht auch noch, ist aber schon veraltet!
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

38. Update Check: Das Theme
    Habe ich die aktuelle Version meines Themes?
    Prüfe, ob du automatische Updates erhältst.
    Wenn nicht, aktualisiere das Theme manuell.
    Wurde das Theme für Gutenberg vorbereitet?
    Prüfe auf der Seite des Theme-Herstellers, ob es ein Update
    für die Gutenberg-Kompatibilität gegeben hat.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

39. Update Check: Das Theme
    Was passiert, wenn mein Theme Gutenberg
    nicht unterstützt?
    Die kurze Antwort: Nichts. Alle Themes sind kompatibel.
    Die lange Antwort: Das Theme funktioniert wie bisher auch.
    Es gibt keine angepassten Styles für die Blöcke und einige Funktionen,
    wie die weite und volle Breite bei Medien, steht nicht zur Verfügung.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

40. Update Check: Die Plugins
    Sind meine Plugins auf dem aktuellen Stand?
    Prüfe, ob du die letzte Version deiner Plugins im Einsatz hast.
    Wenn nicht, aktualisiere die entsprechenden Plugins.
    Auf welche Plugins muss ich besonders achten?
    Alle Plugins, die Funktionalität an Inhalten oder am Editor
    anpassen, müssen genau geprüft werden.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

41. Update Check: Die Plugins
    Unterstützt mein Plugin Gutenberg?
    Dies musst du beim Plugin-Hersteller prüfen. Entweder im Plugin Verzeichnis
    auf wordpress.org oder auf der Webseite des Plugins oder Herstellers.
    Was ist, wenn ich keine Informationen finde?
    Prüfe, ob das Plugin kürzlich aktualisiert wurde. Länger als ein Jahr ist kein
    gutes Zeichen. Gibt es Alternativen? Kannst du darauf vielleicht auch verzichten?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

42. Update Check: Der Update-Test
    Erstelle dir eine Kopie deiner Seite zum testen.
    Vielleicht hast du die Möglichkeit, dass dein Hoster dir ermöglicht,
    eine Testumgebung per Klick zu erstellen. Wenn nicht, erstelle eine
    Kopie deiner Seite und setze sie lokal auf deinem Rechner auf.
    Führe das Update durch und schaue, was passiert.
    Hast du eine funktionsfähige Testumgebung, führe das Update
    auf WordPress 5.0 durch. Teste dann deine Seite und arbeite mit
    den Beiträgen. Klappt alles, oder gibt es Probleme?
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

43. Update Check: Wichtige Fragen
    Wie wichtig ist deine Seite für dich?
    Du hast nur einen Hobby-Blog? Probiere das Update aus.
    Deine Webseite ist ein wichtiges Standbein für dein Einkommen?
    Prüfe sie komplett oder hole dir Unterstützung dafür.
    Ich möchte/kann nicht mit Gutenberg arbeiten. Was nun?
    Installiere das Classic Editor Plugin. Damit wird Gutenberg deaktiviert
    und du kannst mit deiner Webseite arbeiten wie bisher.
    Das Plugin wird bis zum 31. Dezember 2021 unterstützt.
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

44. Demo: Update auf 5.0
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide

45. Was ist deine Frage?
    Du findest mich in den sozialen Netzwerken unter: @jessicalyschik
    Danke!
    Jessica Lyschik // Keine Angst vor Gutenberg und WordPress 5.0
    

    View Slide