Storytelling with Gutenberg:
How to use the new editor to boost your blog
Andrea Zoellner
Organizers
Alex Sirota Andy McIlwain Dan Stramer Jacques Surveyer
Jeremy Choi Kristine Black Robin Macrae
Sponsors
4
gutenberG:
How To Use the New Editor to Boost Your Blog
Storytellingwith
5
• Chief Content Creator at SiteGround
• Journalism Major
• Lives in Montreal
• On Twitter @andreazoellner
• Excited about Gutenberg
AndreazoellneR
6
haveyouused
Gutenberg?
7@andreazoellner
WordPress 4.9.8
WordPress 5.0
8@andreazoellner
9
“tosnowfall”
@andreazoellner
10
11
withGutenberg,
anyonecansnowfalL.
@andreazoellner
12
13
14
Gutenbergblocks
•Paragraph
•List
•Heading
•Subhead
•Table
•Button
•Classic Block
•Text Columns
text layoutquotes codemedia
•Image
•Audio
•Video
•Embeds
•Shortcodes
•Cover Image
•Image Gallery
•File
•Quote
•Pullquote
•Verse
•Code
•Code
•Preformatted
•Custom HTML
•Shortcodes
•Embeds
•Columns
•Separator
•Read More
•Pagination
@andreazoellner
15
Howtoimproveyourblog
withGutenberg
16
1.Addstyletoyourtext
17
18
19
2.Diversifyyourimages
20
21
22
3.integrateotherposttypeS
@andreazoellner
23
24
25
26
4.Spiceitupwithmultimedia
27
28
29
5.Addbreathingroom
@andreazoellner
30
31
6.buildinaCall-to-action
32
33
7.simplifyyourworkfloW
34
35
1.stylizeyourtext
2.Addimages
3.maximizepost-types
4.Addaudioandvideo
5.Addwhitespace
6.addacall-to-action
7.createReusableblocks
insummary
36
ThankYou!
@andreazoellner
Storytelling with Gutenberg

Storytelling with Gutenberg