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