Lessons learned developing WordPress sites using the block editor

Over the course of the last 12 months we have adopted the block editor as the primary content editor in WordPress for all our projects. We have travelled through the emotions from feeling scared, annoyed and now pretty confident and excited about what we can do with the block editors for give our clients great websites.

In this presentation I will demonstrate our journey and look at the key lessons we have learned over the last 12 months building WordPress sites using the block editor. If you really want to try building sites like this then I am sure these lessons will help you out massively.

Transcript

1. Lessons from building WordPress sites with the block editor Mark Wilkinson Co-founder & developer at Highrise Digital https://highrise.digital @wpmark
2. BIG change!
3. 10 lessons
4. 1. You need less JS knowledge than you think
6. 2. Block styles are awesome!
8. 3. Use core blocks as much as possible
9. 4. InnerBlocks FTW
10. https://www.billerickson.net/innerblocks-with-acf-blocks/
12. 5. Take advantage of block patterns
16. Image Heading Paragraph Button
17. https://codebeautify.org/ json-escape-unescape
18. 6. Set up custom colour palettes
21. 7. Use ACF for custom blocks
22. 8. Styling the editor is hard!
23. 9. Decide whether to support all core blocks
25. 10. Use a “just in time” CSS approach
26. Yet to look into
27. Mark Wilkinson Co-owner of Highrise Digital WordPress developer Golf addict! Twitter: @wpmark Twitter: @highrisedigital Instagram: @techiegolfer Web: https://highrise.digital
28. Questions? Although not necessarily answers! @wpmark