WordCamp London 2018 talk on what the Gutenberg WordPress Editor will mean for web designers.

1. What does
Gutenberg mean
for design?
Nicola Campbell
Art Director, 93digital

2. ● Gutenberg plugin:
https://wordpress.org/plugins/gutenberg/
● Phase 1 will be a part of core WordPress in
version 5.0
● Keep checking for updates:
make.wordpress.org/core
Coming soon!

3. ● Should work straight out the box, or needs to
be switched on in theme
● Anything which doesn’t work should have an
appropriate fallback
● Can be switched off if necessary -
e.g. Classic Editor plugin
https://wordpress.org/plugins/classic-editor/
Don’t panic!

4. TinyMCE editor

5. Gutenberg editor

6. +

8. What does
Gutenberg mean
for design?
hi@nicolacampbell.com
D
ropcaps can be
toggled on and off
in paragraphs
Backgrounds and
separators can be added
into your content
Pullquotes
are easily
placed
within text

9. hi@nicolacampbell.com
Content is king
By Post Author
Proin odio diam, varius vel ullamcorper vel,
iaculis id enim. Sed egestas risus vel arcu
ullamcorper congue. Mauris ac nisi
consequat. Vivamus venenatis et neque ut
pellentesque. Maecenas mattis id elit
Lots of
flexibility

10. hi@nicolacampbell.com
By POST AUTHOR
Mauris ac nisi consequat. Vivamus venenatis et
neque ut pellentesque. Maec!
Too much
flexibility?
Mauris ac nisi consequat.
Vivamus venenatis et
neque ut pellentesque.
Content is king

11. hi@nicolacampbell.com
Content is king
By POST AUTHOR
Mauris ac nisi consequat. Vivamus venenatis et
neque ut pellentesque. Maec!
Mauris ac nisi consequat.
Vivamus venenatis et
neque ut pellentesque.

12. hi@nicolacampbell.com
Moving forward
Proin odio diam, varius vel ullam corper
vel, iaculis id enim. Sed egestas risus vel
arcu ullamcorper congue. Mauris ac nisi
Mauris ac nisi Proin odio diam, varius
vel ullamcorper vel,
Proin odio diam,
varius vel
ullamcorper vel,
iaculis id enim. Sed
egestas risus vel
arcu ullamcorper
congue. Mauris ac
nisi Proin odio
diam, varius vel
ullamcorper vel,
iaculis id enim. Sed
egestas risus vel
Proin odio diam, varius vel ullam corper
vel, iaculis id enim. Sed egestas risus vel
arcu ullamcorper congue. Mauris ac nisi
Mauris ac nisi Proin odio diam, varius
vel ullamcorper vel,
Proin odio diam,
varius vel ullam
corper vel, iaculis
id enim. Sed
egestas risus vel

13. hi@nicolacampbell.com
What now?What now?
● Check out resources
● Install it yourself
● Keep an eye on developments
● Have your say
● Prepare your clients

14. hi@nicolacampbell.com
nicola@93digital.co.uk
wordpress.org/gutenberg
https://wordpress.org/gutenberg/handbook/
https://wordpress.org/plugins/gutenberg/
https://wordpress.tv/2017/12/10/morten-rand-hendriksen-gutenberg-and-the-wordpr
ess-of-tomorrow/
https://frontenberg.tomjn.com/
Resources