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
0
210
WordPress 5.3 - und Gutenberg!
Jessica Lyschik
November 27, 2019
Tweet
Share
More Decks by Jessica Lyschik
See All by Jessica Lyschik
Performance 101
jessicalyschik
0
58
Performance 1x1
jessicalyschik
0
160
CSS Grid in freier Wildbahn
jessicalyschik
0
190
CSS Grid in the wild
jessicalyschik
0
420
Keine Angst vor Gutenberg und WordPress 5.2
jessicalyschik
0
140
Keine Angst vor Gutenberg und WordPress 5.0
jessicalyschik
0
380
Einstieg in CSS Grid
jessicalyschik
1
630
CSS für Anfänger
jessicalyschik
0
240
Frauen in der IT und der WordPress Community
jessicalyschik
0
160
Other Decks in Programming
See All in Programming
なぜSQLはAIぽく見えるのか/why does SQL look AI like
florets1
0
270
CSC307 Lecture 01
javiergs
PRO
0
670
Graviton と Nitro と私
maroon1st
0
170
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
770
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
5.5k
AgentCoreとHuman in the Loop
har1101
5
170
Denoのセキュリティに関する仕組みの紹介 (toranoana.deno #23)
uki00a
0
230
Patterns of Patterns
denyspoltorak
0
630
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
1.1k
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.6k
The Art of Re-Architecture - Droidcon India 2025
siddroid
0
160
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
3
1.7k
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
37
7.1k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
196
71k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
Ruling the World: When Life Gets Gamed
codingconduct
0
130
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.8k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
0
480
BBQ
matthewcrist
89
10k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
290
Faster Mobile Websites
deanohume
310
31k
Marketing to machines
jonoalderson
1
4.5k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
36
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