Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WordPress 5.3 - und Gutenberg!
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Jessica Lyschik
November 27, 2019
Programming
220
0
Share
WordPress 5.3 - und Gutenberg!
Jessica Lyschik
November 27, 2019
More Decks by Jessica Lyschik
See All by Jessica Lyschik
Performance 101
jessicalyschik
0
58
Performance 1x1
jessicalyschik
0
170
CSS Grid in freier Wildbahn
jessicalyschik
0
200
CSS Grid in the wild
jessicalyschik
0
430
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
150
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
390
Einstieg in CSS Grid
jessicalyschik
1
650
CSS für Anfänger
jessicalyschik
0
250
Frauen in der IT und der WordPress Community
jessicalyschik
0
170
Other Decks in Programming
See All in Programming
AIコードレビューの導入・運用と AI駆動開発における「AI4QA」の取り組みについて
hagevvashi
0
590
モダンOBSプラグイン開発
umireon
0
190
Coding at the Speed of Thought: The New Era of Symfony Docker
dunglas
0
4.2k
Migration to Signals, Signal Forms, Resource API, and NgRx Signal Store @Angular Days 03/2026 Munich
manfredsteyer
PRO
0
210
見せてもらおうか、 OpenSearchの性能とやらを!
shunta27
1
170
メッセージングを利用して時間的結合を分離しよう #phperkaigi
kajitack
3
540
PHPのバージョンアップ時にも役立ったAST(2026年版)
matsuo_atsushi
0
280
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
o0h
PRO
0
180
「速くなった気がする」をデータで疑う
senleaf24
0
130
Coding as Prompting Since 2025
ragingwind
0
630
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
180
モックわからないマン卒業記 ~振る舞いを起点に見直した、フロントエンドテストにおけるモックの使いどころ~
tasukuwatanabe
3
440
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
51
52k
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.5k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
320
Done Done
chrislema
186
16k
Speed Design
sergeychernyshev
33
1.6k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
minecr
1
220
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
AI: The stuff that nobody shows you
jnunemaker
PRO
4
500
Statistics for Hackers
jakevdp
799
230k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
400
A designer walks into a library…
pauljervisheath
211
24k
Transcript
WordPress 5.3 und - Gutenberg! Jessica Lyschik WordPress Meetup München,
27.11.2019
Jessica Lyschik Webentwicklerin & WordPress-Profi CSS Nerd, Gründerin der Gutenberg-Fibel
https://jessicalyschik.de https://gutenberg-fibel.de
Neues in WordPress 5.3
Twenty Twenty Das neue Standard-Theme Beispiele: https://2020.wordpress.net https://francescamarano.com https://joost.blog
Sichtbare Passwörter Nur auf Klick natürlich ;) Neu ist das
Auge-Symbol rechts im Passwort-Feld.
Prüfung der E-Mail-Adresse Direkt nach dem Login, alle 6 Monate.
Neues Design der Formular-Elemente Alle Input-Felder, Dropdowns und Buttons wurden
angepasst. Dies dient der Verbesserung der Barrierefreiheit.
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
Ein Blick zurück: Der „Classic Editor“
WordPress 1.0
WordPress 2.0
WordPress 3.0
WordPress 3.8
Fällt dir etwas auf?
seit WordPress 5.0
Neues im Block-Editor
Neues im Block-Editor • Vorschau von Blöcken -> Inserter oben
• Snackbar • Navigationsmodus • Neuer Block: Gruppe • Bild-Block: Styles • Button-Block: Ecken-Radius, Link-Eigenschaften
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
Weiterentwicklung testen? • Installiere dir das Gutenberg-Plugin! • Social Links
Block • Gradients bei Buttons und Cover-Block • Breadcrumb Bar unten • Navigations-Block