$30 off During Our Annual Pro Sale. View Details »

Lessons learned developing WordPress sites using the block editor

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.

Mark Wilkinson

April 21, 2021
Tweet

More Decks by Mark Wilkinson

Other Decks in Education

Transcript

  1. Lessons from building
    WordPress sites with
    the block editor
    Mark Wilkinson
    Co-founder & developer at Highrise Digital
    https://highrise.digital
    @wpmark

    View Slide

  2. BIG change!

    View Slide

  3. 10 lessons

    View Slide

  4. 1. You need less JS
    knowledge than you think

    View Slide

  5. View Slide

  6. 2. Block styles are
    awesome!

    View Slide

  7. View Slide

  8. 3. Use core blocks as
    much as possible

    View Slide

  9. 4. InnerBlocks FTW

    View Slide

  10. https://www.billerickson.net/innerblocks-with-acf-blocks/

    View Slide

  11. View Slide

  12. 5. Take advantage of
    block patterns

    View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. Image
    Heading
    Paragraph
    Button

    View Slide

  17. https://codebeautify.org/
    json-escape-unescape

    View Slide

  18. 6. Set up custom
    colour palettes

    View Slide

  19. View Slide

  20. View Slide

  21. 7. Use ACF for
    custom blocks

    View Slide

  22. 8. Styling the editor
    is hard!

    View Slide

  23. 9. Decide whether to
    support all core blocks

    View Slide

  24. View Slide

  25. 10. Use a “just in
    time” CSS approach

    View Slide

  26. Yet to look into

    View Slide

  27. Mark Wilkinson
    Co-owner of Highrise Digital
    WordPress developer
    Golf addict!
    Twitter: @wpmark
    Twitter: @highrisedigital
    Instagram: @techiegolfer
    Web: https://highrise.digital

    View Slide

  28. Questions?
    Although not necessarily answers!
    @wpmark

    View Slide