Ottawa WordPress Meetup - Presentation Slides

1. r3df.com
Rick Radko
Gutenberg:
- The future of WordPress
Ottawa WordPress Meetup
April 4th, 2018

2. © 2018 Rick Radko, r3df.com
Agenda
 Short presentation + demos…
 get us all introduced to Gutenberg.
 Open discussion
Slides: http:/ / www.slideshare.net/ r3df
1

3. © 2018 Rick Radko, r3df.com
What is Gutenberg?
Historical note:
 Johannes Gutenberg is the inventor
of the movable-type printing press.
As pertains to WordPress:
 “Gutenberg” is the codename for the 2017 WordPress
editor focus.
 Will Gutenberg revolutionize WordPress or drive users
away? - Fear of change.
2

4. © 2018 Rick Radko, r3df.com
Gutenberg Editor Focus
The editor will endeavour to create a new page
and post building experience that makes
writing rich posts effortless, and has “blocks”
to make it easy what today might take
shortcodes, custom HTML, or “mystery meat”
embed discovery. — Matt Mullenweg
3
“
https://wordpress.org/gutenberg/handbook/

5. © 2018 Rick Radko, r3df.com
“GutenBlocks”
In Gutenberg - everything is a block!
 Blocks
 ALL content: headings, paragraphs, lists, images,
embeds, shortcodes, plugin content, widgets, pretty
much everything!
 Blocks have properties.
 Blocks provide structure/layout.
 Columns
4

6. © 2018 Rick Radko, r3df.com
BUTGutenberg is more…
Not just an editor replacement, it changes everything!
 Gutenberg operates like a simple block based page
builder.
Gutenberg has three planned stages:
1. The post editing experience and the
implementation of blocks. ( WP 5.0)
2. Beyond the post, into page templates.
3. Full site customization.
5

7. © 2018 Rick Radko, r3df.com
Gutenberg rollout
Gutenberg has three planned stages.
1. The post editing experience and the
implementation of blocks. ( WP5.0)
2. Beyond the post, into page templates.
3. Full site customization.
6

8. © 2018 Rick Radko, r3df.com
Introduction to Gutenberg
Gutenberg is currently available for testing as a plugin:
 https://wordpress.org/plugins/gutenberg/
7

9. © 2018 Rick Radko, r3df.com
Time to see it in action!
8

10. © 2018 Rick Radko, r3df.com
Getting Ready
Try out Gutenberg now!
 Try Frontenberg a test install with some limitations.
 Install the Gutenberg plugin on a private test site.
 Subdomain on your hosting
 Localhost
 Have everyone who manages content on your site(s) try
it out
 Even better, create a copy of your site(s) and install
Gutenberg and try it there!
9

11. © 2018 Rick Radko, r3df.com
Getting Ready Continued…
Testing:
 Check with your website developer (if you have one) on
their plans for updates/testing.
 Google your theme and plugins to see if there are
Gutenberg updates, or any planned.
 Many of the major vendors have at least posted blog
posts about Gutenberg. – Some of them are very
interesting reading!
 Create a copy of your site(s) and install Gutenberg and
test it! 10

12. © 2018 Rick Radko, r3df.com
Getting Ready Continued…
Where are the problems likely to be:
 Themes:
 Highly custom themes.
 Custom page layouts/templates.
 Plugins:
 Custom content on pages.
 Meta boxes for metadata.
 Shortcodes
 Custom work that pushes WordPresses boundaries.
11

13. © 2018 Rick Radko, r3df.com
Getting Ready Continued….
Updating to Gutenberg:
 Create backups of your site before updating!
 Test Gutenberg on a development copy of your site,
before updating.
 Update to Gutenberg.
12

14. © 2018 Rick Radko, r3df.com
When will Gutenberg arrive?
With WordPress 5.0
 When is that?
 Unknown, there are no currently published dates.
 Target was April.
 Not likely before May…(some suggest June/July)
 WordPress release process is usually about 6 weeks.
 Gutenberg is not ready yet.
13

15. © 2018 Rick Radko, r3df.com
Some Gutenberg Compatible Plugins
Gravity Forms
Beaver Builder
Events Calendar
Toolset Types
ACF
14

16. © 2018 Rick Radko, r3df.com
Links
More information:
 https://wordpress.org/gutenberg/
 https://wordpress.org/gutenberg/handbook/
 https://mor10.com/wordpress-is-changing-here-are-3-
things-you-need-to-know-about-gutenberg/
 https://wptavern.com/why-gutenberg-and-why-now
15

17. © 2018 Rick Radko, r3df.com
Links
“Frontenberg” limited demo site:
 https://frontenberg.tomjn.com/
Plugins:
 https://wordpress.org/plugins/gutenberg/
 https://wordpress.org/plugins/classic-editor/
16

18. © 2018 Rick Radko, r3df.com
Contact
Rick Radko
 email: wpinfo@r3df.com
 twitter: @r3designforge
Website:
 r3df.com
Slides at:
 www.slideshare.net/r3df
17