Getting to know Gutenberg

Getting to know Gutenberg

Gutenberg: the new editing experience for WordPress presented at WC Dublin in October 2017.

D36d2c1821af9249b69ff7f5ed60529b?s=128

Tammie Lister

October 12, 2017
Tweet

Transcript

  1. 4.
  2. 5.
  3. 6.

    “ ” The editor will endeavour to create a new

    page and post building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery. MATT MULLENWEG make.wordpress.org/core/2017/01/04/focus-tech-and-design-leads/
  4. 7.

    Authoring richly laid out posts is a key strength of

    WordPress… but it’s not easy to do.
  5. 10.

    The vision… • Everything is a block • All blocks

    are created equal • Drag and drop is additive • Placeholders are key • Direct manipulation • Customisation
  6. 21.

    “ ” Ultimately, the vision for Gutenberg is to make

    it much easier to author rich content. Through ensuring good defaults, wrapping and bundling advanced layout options blocks, and making the most important actions immediately available, authoring content with WordPress should be accessible to anyone. GUTENBERG-DEVDOC.SURGE.SH/REFERENCE/DESIGN-PRINCIPLES
  7. 22.

    Every block… • Inspected by clicking the block. • Has

    advanced layout options available in the inspector.
  8. 23.

    Block attributes • Most important available right on the block.

    • Advanced ones in the sidebar inspector.
  9. 24.
  10. 29.
  11. 31.
  12. 34.
  13. 36.
  14. 38.
  15. 40.
  16. 42.
  17. 43.
  18. 45.
  19. 49.

    What would an ideal theme be for Gutenberg? • Single

    unlimited width column. • Styles are IF want a true experience - ‘near’ frontend editing. • Simpler THE better. • Best is just CSS themes. • Page templating… think placeholders • Customisation is up to user NOT theme
  20. 51.
  21. 60.