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
Jessica Lyschik
November 27, 2019
Programming
230
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
65
Performance 1x1
jessicalyschik
0
180
CSS Grid in freier Wildbahn
jessicalyschik
0
230
CSS Grid in the wild
jessicalyschik
0
430
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
160
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
410
Einstieg in CSS Grid
jessicalyschik
1
680
CSS für Anfänger
jessicalyschik
0
260
Frauen in der IT und der WordPress Community
jessicalyschik
0
190
Other Decks in Programming
See All in Programming
運用エージェントは "作る" から "育てる" へ - 記憶と自己進化の3層設計パターン / self-evolving-agents-three-layer-agent-design
gawa
12
3.4k
Inspired By RubyKaigi (EN)
atzzcokek
0
490
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
230
サーバーレスで作る、動画データ管理基盤
oyasumipants
0
340
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
contour_gara
0
460
TypeScriptだけでAIエージェントを作る フロント・エージェント・インフラのフルスタック実践
har1101
6
1.2k
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
230
CSC307 Lecture 17
javiergs
PRO
0
310
net-httpのHTTP/2対応について
naruse
0
420
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
minodriven
13
4.6k
Copilot CLI の継戦能力を高める コンテキスト管理
nozomutu
1
1.2k
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
nao_mk2
1
1.2k
Featured
See All Featured
The Spectacular Lies of Maps
axbom
PRO
1
780
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
230
The Cult of Friendly URLs
andyhume
79
6.9k
How to Talk to Developers About Accessibility
jct
2
210
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
380
Designing for humans not robots
tammielis
254
26k
Believing is Seeing
oripsolob
1
140
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.2k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
320
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
190
ラッコキーワード サービス紹介資料
rakko
1
3.5M
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
3.3k
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