Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WordPress 5.3 - und Gutenberg!

WordPress 5.3 - und Gutenberg!

Jessica Lyschik

November 27, 2019
Tweet

More Decks by Jessica Lyschik

Other Decks in Programming

Transcript

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

    View full-size slide

  2. Jessica
    Lyschik
    Webentwicklerin &
    WordPress-Profi
    CSS Nerd, Gründerin der
    Gutenberg-Fibel
    https://jessicalyschik.de
    https://gutenberg-fibel.de

    View full-size slide

  3. Neues in
    WordPress 5.3

    View full-size slide

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

    View full-size slide

  5. Sichtbare Passwörter
    Nur auf Klick natürlich ;)
    Neu ist das Auge-Symbol
    rechts im Passwort-Feld.

    View full-size slide

  6. Prüfung der E-Mail-Adresse
    Direkt nach dem Login, alle 6 Monate.

    View full-size slide

  7. Neues Design der Formular-Elemente
    Alle Input-Felder, Dropdowns und Buttons wurden
    angepasst.
    Dies dient der Verbesserung der Barrierefreiheit.

    View full-size slide

  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

    View full-size slide

  9. Ein Blick zurück:
    Der „Classic Editor“

    View full-size slide

  10. WordPress 1.0

    View full-size slide

  11. WordPress 2.0

    View full-size slide

  12. WordPress 3.0

    View full-size slide

  13. WordPress 3.8

    View full-size slide

  14. Fällt dir etwas auf?

    View full-size slide

  15. seit WordPress 5.0

    View full-size slide

  16. Neues im
    Block-Editor

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

  19. Weiterentwicklung testen?
    • Installiere dir das Gutenberg-Plugin!
    • Social Links Block
    • Gradients bei Buttons und Cover-Block
    • Breadcrumb Bar unten
    • Navigations-Block

    View full-size slide