Slides for my presentation in WordCamp Sofia 2017

1. Gutenberg:Pros & cons for this big
change in WordPress

2. ¡Muchas gracias!
@maugelves | maugelves.com
Mauricio Gelves
WordPress Dev Freelancer
@maugelves | maugelves.com

4. Gutenberg:Pros & cons for this big
change in WordPress

5. wordpress is making history

6. mesopotamia & Egyptians

7. Phoenician alphabet

8. Chinese paper

9. Johannes gutenberg

10. we’ve created wordpress
WCEurope 2016 - Luca Sartoni

11. 28%of internet are using WordPress
15,886,000of Websites
https://www.codeinwp.com/blog/wordpress-statistics/
And all of them were created…

12. using this EDITOR…

13. since the version 2.0

14. Tinymce
[shortcodes]
[shortcodes param=“value”]
<div class=“rambo_code”>

15. the good Lock-In Code :P

16. Problems of this
“nice lock-in” code:
- Sticked to the theme/plugin
- Almost impossible to migrate
- Undesired index filtrations

18. “The goal of this focus is to create a new post
and page editing experience that makes it easy
for anyone to create rich post layouts.”

19. OK but, how does
it look like?

20. blocks

21. Common / embeds blocks
Paragraph Image Gallery Heading Quotes
List Cover Image Video Audio
Embed Twitter YouTube Instagram Spotify WordPress

23. How are blocks
saved to the DB?

24. <!--more-->

25. Blocks using HTML comments
<!-- wp:image {"id":105,"width":246,"height":312} -->
<figure class="wp-block-image" style=“width:246px">
<img src="http://someurl/gutenberg.jpg" alt=""/>
<figcaption><strong>Johannes</strong> Portrait</figcaption>
</figure>
<!-- /wp:image -->
<!-- wp:heading -->
<h2>New WordPress Editor with Blocks Elements</h2>
<!-- /wp:heading -->
<!-- wp:core-embed/twitter {"url":"https://twitter.com/
matias_ventura/status/878685937726836737"} -->
<figure class="wp-block-embed-twitter">
https://twitter.com/matias_ventura/status/878685937726836737
</figure>
<!-- /wp:core-embed/twitter -->

27. What are the
PROS of using
Gutenberg?

28. No more dirty codes
JUST PURE AND RICH content

29. less db queries

30. Goodbye lock-in
HELLO FREEDOM OF CONTENT

32. What are the
CONS of using
Gutenberg?

33. new road to walk through

34. Learn JS
DEEPLY

35. A slow integration

36. About the future of gutenberG

38. faq’s

39. Can I still use my
classic editor?

40. I use Divi/VC/Elementor,
can I still use them?

41. What will happen with
the rest of my webs?

42. “…keep giving us your feedback, and let’s
push through the fear together. It’s worth
a little discomfort to change the world.”
Matt Mullenweg

43. thank you!
@maugelves | maugelves.com

44. ¡Muchas gracias!
@maugelves | maugelves.com
questions?
@maugelves | maugelves.com