Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Gutenberg 101 - WordCamp DFW 11/11/2018

41 views

Published on

A first look at the new WordPress editor named Gutenberg and how to make a plan to update your website. All resources mentioned in the talk can be found here: http://bit.ly/WCDFWch

Published in: Internet
  • Be the first to like this

Gutenberg 101 - WordCamp DFW 11/11/2018

  1. 1. Gutenberg 101 Christopher Harris WordCamp DFW November 11, 2018 Faith Growth
  2. 2. Christopher Harris Faith Growth faithgrowth.com TW, Insta, FB: /revrevwine christopher@faithgrowth.com Faith Growth
  3. 3. The Plan Faith Growth •What is Gutenberg? •Gutenberg Demo •Planning •Resources
  4. 4. Check it out… Faith Growth •My Favorite Gutenberg Resources (at the moment) •http://bit.ly/WCDFWch
  5. 5. Faith GrowthPerhaps you’ve seen this…
  6. 6. What is the Gutenberg Editor? Faith Growth
  7. 7. The Purpose of Gutenberg Faith Growth “The goal of the block editor is to make adding rich content to WordPress simple and enjoyable.” – From the Gutenberg plugin description on WordPress.org.
  8. 8. Faith GrowthThe Current/Classical Editor
  9. 9. Faith GrowthGutenberg Editor
  10. 10. Gutenberg Will Be Included in WordPress 5.0 Faith Growth •Nov 27 – Current release date for WP 5.0 •Jan 22 – Secondary target date
  11. 11. Gutenberg Demo Faith Growth
  12. 12. Faith GrowthParagraph block
  13. 13. Faith GrowthAnatomy of a Block
  14. 14. Gutenberg is Currently a Plugin Faith Growth • You can add Gutenberg to any WordPress site today as a plugin downloaded from the WordPress plugin directory or Via the dialogue in your dashboard
  15. 15. Some of the Good with Gutenberg Faith Growth • It’s a move forward for the WordPress visual editor. • The WordPress visual editor has been stagnant for years. • While it’s predictable, it’s not exactly a fantastic experience. • The goal is to have an interface that is more intuitive for new users like those offered by Wix and Squarespace.
  16. 16. Some of the Good with Gutenberg Faith Growth • Disabling Gutenberg won’t break your site. • Unlike many other page editors, if you uninstall Gutenberg, you won’t break your website. • The special HTML comments are retained in the content so that you can reactivate Gutenberg without losing previously arranged blocks. • Note that without Gutenberg active, the HTML comments are rendered in page source. But since they are just comments, they are benign.
  17. 17. Some of the Good with Gutenberg Faith Growth • Solid HTML 5 output •Gutenberg blocks output content using HTML 5 tags like section and figure. •Using HTML 5 tags will help to future proof content created in Gutenberg.
  18. 18. Some of the Good with Gutenberg Faith Growth • Developers will be able to create their own blocks for customized content. • Your favorite plugin developers are already developing blocks for their plugins.
  19. 19. Some of the Bad with Gutenberg Faith Growth • No more composing in the browser. • Gutenberg’s UI is focused on content layout not content creation. • The days of sitting down and composing in the post window are gone (of course there is a question about how many people do this anyway).
  20. 20. Some of the Bad with Gutenberg Faith Growth • The UI is a bit clunky. • It can take more clicks to do simple tasks. Updating a page now takes two clicks instead of one. Nondescript icons are used without much clue to their function. • Metaboxes are hidden under extended settings underneath and beside the editor.
  21. 21. So What Should You Be Doing about Gutenberg? Faith Growth • Give it a try. •Get to know Gutenberg for yourself. Install it on a test site and give it a spin. •See what you like and don’t like about it.
  22. 22. So What Should You Be Doing about Gutenberg? Faith Growth • Make a Plan to implement on your site • Test your theme and plugins for compatibility • Consider staying on the 4.9.x branch for a period of time • Consider installing the Classic Editor plugin (will be supported through 2021) • Update your site and begin using Gutenberg
  23. 23. Check it out… Faith Growth •My Favorite Gutenberg Resources •http://bit.ly/WCDFWch
  24. 24. Christopher Harris Faith Growth faithgrowth.com TW, Insta, FB: /revrevwine christopher@faithgrowth.com Faith Growth
  25. 25. Faith Growth Q & A

×