WordPress 5.3 - und Gutenberg!

WordPress 5.3 - und Gutenberg!

25329b7e3ef73310bfab649a0e17b0a2?s=128

Jessica Lyschik

November 27, 2019
Tweet

Transcript

  1. WordPress 5.3 und - Gutenberg! Jessica Lyschik WordPress Meetup München,

    27.11.2019
  2. Jessica Lyschik Webentwicklerin & WordPress-Profi CSS Nerd, Gründerin der Gutenberg-Fibel

    https://jessicalyschik.de https://gutenberg-fibel.de
  3. Neues in WordPress 5.3

  4. Twenty Twenty Das neue Standard-Theme Beispiele: https://2020.wordpress.net https://francescamarano.com https://joost.blog

  5. Sichtbare Passwörter Nur auf Klick natürlich ;) Neu ist das

    Auge-Symbol rechts im Passwort-Feld.
  6. Prüfung der E-Mail-Adresse Direkt nach dem Login, alle 6 Monate.

  7. Neues Design der Formular-Elemente Alle Input-Felder, Dropdowns und Buttons wurden

    angepasst. Dies dient der Verbesserung der Barrierefreiheit.
  8. Bilder-Upload • Sehr große Bilder werden automatisch auf maximal 2560px

    Höhe oder Breite verkleinert • Diese Maximalgröße wird auch im Frontend ausgegeben • Dies dient zur Verbesserungen der Ladezeit • Weitere Verbesserungen bei der Generierung der Bildgrößen
  9. Ein Blick zurück: Der „Classic Editor“

  10. WordPress 1.0

  11. WordPress 2.0

  12. WordPress 3.0

  13. WordPress 3.8

  14. Fällt dir etwas auf?

  15. seit WordPress 5.0

  16. Neues im Block-Editor

  17. Neues im Block-Editor • Vorschau von Blöcken -> Inserter oben

    • Snackbar • Navigationsmodus • Neuer Block: Gruppe • Bild-Block: Styles • Button-Block: Ecken-Radius, Link-Eigenschaften
  18. Neues im Block-Editor • Cover-Block: Hintergrundfarbe, Mindesthöhe, alle Blöcke innerhalb

    verwendbar • Galerie-Block: Bilder verschieben • Medien und Text-Block: vertikale Ausrichtung, Zuschnitt • Spalten-Block: Vorlagen, Spaltenbreite • Tabellen-Block: Kopf-/Fußzeile, Textausrichtung • Überschriften: Farbe
  19. Weiterentwicklung testen? • Installiere dir das Gutenberg-Plugin! • Social Links

    Block • Gradients bei Buttons und Cover-Block • Breadcrumb Bar unten • Navigations-Block