Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
What does
Gutenberg mean
for design?
Nicola Campbell
Art Director, 93digital
● Gutenberg plugin:
https://wordpress.org/plugins/gutenberg/
● Phase 1 will be a part of core WordPress in
version 5.0
● K...
● Should work straight out the box, or needs to
be switched on in theme
● Anything which doesn’t work should have an
appro...
TinyMCE editor
Gutenberg editor
+
What does
Gutenberg mean
for design?
hi@nicolacampbell.com
D
ropcaps can be
toggled on and off
in paragraphs
Backgrounds a...
hi@nicolacampbell.com
Content is king
By Post Author
Proin odio diam, varius vel ullamcorper vel,
iaculis id enim. Sed ege...
hi@nicolacampbell.com
By POST AUTHOR
Mauris ac nisi consequat. Vivamus venenatis et
neque ut pellentesque. Maec!
Too much
...
hi@nicolacampbell.com
Content is king
By POST AUTHOR
Mauris ac nisi consequat. Vivamus venenatis et
neque ut pellentesque....
hi@nicolacampbell.com
Moving forward
Proin odio diam, varius vel ullam corper
vel, iaculis id enim. Sed egestas risus vel
...
hi@nicolacampbell.com
What now?What now?
● Check out resources
● Install it yourself
● Keep an eye on developments
● Have ...
hi@nicolacampbell.com
nicola@93digital.co.uk
wordpress.org/gutenberg
https://wordpress.org/gutenberg/handbook/
https://wor...
Design for gutenberg
Nächste SlideShare
Wird geladen in …5
×

Design for gutenberg

206 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Internet
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Design for gutenberg

  1. 1. What does Gutenberg mean for design? Nicola Campbell Art Director, 93digital
  2. 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. 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. 4. TinyMCE editor
  5. 5. Gutenberg editor
  6. 6. +
  7. 7. 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
  8. 8. 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
  9. 9. 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
  10. 10. 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.
  11. 11. 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
  12. 12. hi@nicolacampbell.com What now?What now? ● Check out resources ● Install it yourself ● Keep an eye on developments ● Have your say ● Prepare your clients
  13. 13. 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

×