Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Design for gutenberg

155 visualizaciones

Publicado el

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

Publicado en: Internet
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

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

×