Preparing Your Clients for Gutenbeg

Transcript

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