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

Preparing Your Clients for Gutenbeg

Preparing Your Clients for Gutenbeg


Joe Casabona

May 15, 2018


  1. Preparing Your Clients for Gutenberg Joe Casabona

  2. @jcasabona Outline • What is Gutenberg? • Talking to Your

    Clients • Revisiting Our Test Plan • Updating Your Themes / Plugins • Demo - Upgrading a Site in Real Time!
  3. @jcasabona Current State of Gutenberg • 2.8 Came out last

    week • It looks like it's in the "Refine and Polish" Phase • WordPress 4.9.6 or .7 will have a CTA to try Gutenberg
  4. @jcasabona

  5. Talking to Your Clients

  6. @jcasabona About Your Clients • They’ll need to be re-trained

    on how to use WordPress • They’ll need to be prepped on why it’s important to upgrade. • They will have specific questions about their site and what to expect.
  7. @jcasabona Types of Clients • New to WordPress • Clients

    you’re currently working with • Clients you’ve launched sites for / maintain sites for
  8. @jcasabona New to WordPress • These are the easiest! •

    You’re starting with a blank canvas • With both the site and the client • You should start working with Gutenberg for new clients
  9. @jcasabona Clients You've Launched Sites for • Could be tough,

    based on timeline • Since there’s no active development, you could use explain options • Classic Editor would work best here, for a short time • Encourage them to upgrade as soon as they can
  10. @jcasabona Current Clients • Toughest - project is in development

    • Tell them what’s happening and give them their options • Be honest and try to help mitigate • Try to encourage upgrade, fallback to Classic Editor • Encourage them to upgrade as soon as they can
  11. Options for Your Clients

  12. @jcasabona Upgrade Options 1. Continue on 4.x and don’t upgrade

    to 5.0. 2. Start the upgrade to 5.0. 3. Upgrade to 5.0 and use the Classic Editor plugin, which disables Gutenberg.
  13. @jcasabona Pros of Upgrading • Continued support for years to

    come • Security and Maintenance updates right when they come out • A more powerful editor to create fantastic content • You’re using the system that will be adopted in other areas of WordPress in the coming years • The ability (potentially) to drop premium plugins that can be accomplished in 5.0 thanks to Gutenberg
  14. @jcasabona Cons of Upgrading • There is cost involved with

    upgrading - both time and money • Your site could break - content, theme, and other plugins • Many plugins will not be compatible on the day 5.0 comes out • •Many plugins will likely turn Gutenberg off for a short period.
  15. @jcasabona What Should You Do? • This will be on

    a case by case basis • For smaller sites - perhaps straight blogs or informational sites - you’ll be able to upgrade to 5.0 more quickly. • If you have a page builder, are a large amount of different types of content, you’ll likely want to recommend upgrading, but can use the Classic Editor for a small amount of time. • Let Your Clients take it for a spin! • Setup a WordPress install with Gutenberg or send them to a service like Frontenberg
  16. FAQs from Clients

  17. @jcasabona What Should You Do? • What happens to my

    current content? • Will Plugin I Love work? • Do I have to upgrade to 5.0? • What happens to my theme? • Can’t I just use the Classic Editor plugin forever?
  18. Testing Gutenberg

  19. @jcasabona Review of What Can Break • Current Content •

    Content Generated from Plugins • Customized Editors / Page Builders • Your Theme
  20. @jcasabona Test Plan • 1. Create a Staging Site on

    your host • 2. Install the Gutenberg Plugin • 3. Install any betas of important plugins that add Gutenberg Support • 4. Inventory Content • 5. Create a Kitchen Sink Page • 6. Conduct Tests (Checklist in resources area) • 7. Document Everything • 8. Offer Feedback • 9. Fix what you can!
  21. @jcasabona What About my Theme/Plugin? • New types of content

    with minimal styles that affect frontend • Ex: Cover Image, Columns • Editor Styles • Page Templates that are / are not full-width
  22. @jcasabona What About my Theme/Plugin? • If you’re doing things

    that affect the frontend, you’ll have the same issues you see in the themes. • If you add meta boxes or shortcodes, you might consider adding block support for those. • If you have a Custom Post Type, you’ll need to make sure REST support is enabled with 'show_in_rest' => true.
  23. @jcasabona What You Can Do • For Themes • Add

    CSS to support new blocks • Add some generic classes that can be added to blocks • Add theme support (link in Resources section for this) • Test every template. • For your plugin: • Test it as much as possible • Take stock of all the functionality, particularly anything that affects the frontend or the editor
  24. Demo Time!

  25. Developer, Educator, Podcaster @jcasabona
 casabona.org/ithemes-workshop/ Joe Casabona

  26. Special Offer! Get 35% off my courses, An Introduction to

    Gutenberg and Gutenberg Theming. Visit creatorcourses.com/gutenberg/ and use the code ITHEMES at checkout. For this offer + more resources, you can visit casabona.org/ithemes-workshop