Gutenberg Block Editor Tips & Tricks
0 likes150 views
The document provides tips and tricks for utilizing the Gutenberg block editor effectively, covering interface basics, content arrangement, and useful shortcuts. It includes information on extending Gutenberg with free plugins and guidance on disabling the editor if needed. The author, Cath Hughes, is a UX/UI designer with extensive experience in WordPress.
Gutenberg Block Editor Tips & Tricks
- 1. WCSyd@ #wordcampsyd Gutenberg Block Editor Tips & Tricks Tips, tricks and workflows to make working with Gutenberg a breeze Cath Hughes UX/UX Designer Welcome to the wonderful world of blocks…
- 2. WCSyd@ #wordcampsyd This Is the Body Text • This Is Body Text With a Bullet • ME FELIX DESI PHOTOBOMBER
- 3. WCSyd@ #wordcampsyd This Is the Body Text • This Is Body Text With a Bullet • THE ZEBRA DRESS
- 4. WCSyd@ #wordcampsyd What I’ll Cover • Interface basics • Adding and arranging content • Neat tricks • Extend Gutenberg with free plugins • Turning it off :( • Q&A
- 5. WCSyd@ #wordcampsyd Gutenberg Interface Basics
- 6. WCSyd@ #wordcampsyd Interface Basics • Different ways of adding blocks • Intro to types of blocks • Sidebar - Document vs block settings • Settings & options • Moving blocks, deleting blocks • Responsive out of the blocks box
- 8. WCSyd@ #wordcampsyd Arranging Content • What kind of blocks are there? • Add text, headings, images, galleries • Move image within text + grouping content • Adding and working with columns • Add a button, video and a twitter embed • Moving things around
- 10. WCSyd@ #wordcampsyd Neat Tricks • Add an anchor tag • Use / for new block • Copy all content on a page • Convert blocks to other blocks • Reusable blocks • Hiding blocks
- 11. WCSyd@ #wordcampsyd Free Plugins To Extend Gutenberg
- 13. WCSyd@ #wordcampsyd Turn It Off :(
- 15. WCSyd@ #wordcampsyd Q & A
- 16. WCSyd@ #wordcampsyd Say Hi! liveby5.com @LiveBy5ive hello@liveby5.com Sydney & Online y’all Cath is a Sydney-based UX / UI designer currently working for 4mation Technologies. She has spent the last 6 years working as a WordPress consultant and WordPress tutor & is an active member of the WordPress community here in Australia, and online.
- 17. WCSyd@ #wordcampsyd Official WordPress Gutenberg https://wordpress.org/gutenberg/ WordPress Gutenberg Design Handbook https://wordpress.org/gutenberg/handbook/reference/design-principles/ Help make Gutenberg https://make.wordpress.org/core/tag/gutenberg/ Gutenberg developer guide https://developer.wordpress.org/block-editor Astra theme https://wpastra.com/ Astra starter sites https://wpastra.com/ready-websites/ Disable Gutenberg https://wordpress.org/plugins/disable-gutenberg/ Try Gutenberg without installing it https://testgutenberg.com/ Change colour palette https://studiopress.blog/theme-color-palette/ Images https://unsplash.com Ultimate Addons for Gutenberg plugin https://wordpress.org/plugins/ultimate-addons-for-gutenberg/ Stackable plugin https://wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/ References & Image Credits