Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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.

31af50af29856a3e6734bdae0a0d68cf?s=128

Mark Wilkinson

April 21, 2021
Tweet

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

  5. None
  6. 2. Block styles are awesome!

  7. None
  8. 3. Use core blocks as much as possible

  9. 4. InnerBlocks FTW

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

  11. None
  12. 5. Take advantage of block patterns

  13. None
  14. None
  15. None
  16. Image Heading Paragraph Button

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

  18. 6. Set up custom colour palettes

  19. None
  20. None
  21. 7. Use ACF for custom blocks

  22. 8. Styling the editor is hard!

  23. 9. Decide whether to support all core blocks

  24. None
  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