1 of 23

Styling Blocks

for the Backend

@erikteichmann

eriktdesign.com/styling-blocks

2 of 23

WordPress editor, circa 2008

3 of 23

“Kubrick” | 2006-2010

4 of 23

Why backend styling?

5 of 23

6 of 23

7 of 23

huh?

8 of 23

WYS

WYG

is?

9 of 23

Gutenberg begins to address this

Trust that your editor looks like your website.

10 of 23

How do we get it done?

11 of 23

12 of 23

13 of 23

14 of 23

But that seems like a lot of work...

THERE HAS TO BE A BETTER WAY!

15 of 23

TO THE RESCUE!

16 of 23

How does twentynineteen do it?

17 of 23

Reuse your partials!

18 of 23

Editor width

19 of 23

Advanced styling

20 of 23

Case

Study

21 of 23

22 of 23

23 of 23

Thanks!

erik@eriktdesign.com�@erikteichmann�eriktdesign.com/styling-blocks