Successfully reported this slideshow.
Your SlideShare is downloading. ×

Gutenberg: Pros and Cons for this big change in WordPress

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 44 Ad
Advertisement

More Related Content

Advertisement

More from Mauricio Gelves (20)

Advertisement

Gutenberg: Pros and Cons for this big change in WordPress

  1. 1. Gutenberg:Pros & cons for this big change in WordPress
  2. 2. ¡Muchas gracias! @maugelves | maugelves.com Mauricio Gelves WordPress Dev Freelancer @maugelves | maugelves.com
  3. 3. Gutenberg:Pros & cons for this big change in WordPress
  4. 4. wordpress is making history
  5. 5. mesopotamia & Egyptians
  6. 6. Phoenician alphabet
  7. 7. Chinese paper
  8. 8. Johannes gutenberg
  9. 9. we’ve created wordpress WCEurope 2016 - Luca Sartoni
  10. 10. 28%of internet are using WordPress 15,886,000of Websites https://www.codeinwp.com/blog/wordpress-statistics/ And all of them were created…
  11. 11. using this EDITOR…
  12. 12. since the version 2.0
  13. 13. Tinymce [shortcodes] [shortcodes param=“value”] <div class=“rambo_code”>
  14. 14. the good Lock-In Code :P
  15. 15. Problems of this “nice lock-in” code: - Sticked to the theme/plugin - Almost impossible to migrate - Undesired index filtrations
  16. 16. “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.”
  17. 17. OK but, how does it look like?
  18. 18. blocks
  19. 19. Common / embeds blocks Paragraph Image Gallery Heading Quotes List Cover Image Video Audio Embed Twitter YouTube Instagram Spotify WordPress
  20. 20. How are blocks saved to the DB?
  21. 21. <!--more-->
  22. 22. 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 -->
  23. 23. What are the PROS of using Gutenberg?
  24. 24. No more dirty codes JUST PURE AND RICH content
  25. 25. less db queries
  26. 26. Goodbye lock-in HELLO FREEDOM OF CONTENT
  27. 27. What are the CONS of using Gutenberg?
  28. 28. new road to walk through
  29. 29. Learn JS DEEPLY
  30. 30. A slow integration
  31. 31. About the future of gutenberG
  32. 32. faq’s
  33. 33. Can I still use my classic editor?
  34. 34. I use Divi/VC/Elementor, can I still use them?
  35. 35. What will happen with the rest of my webs?
  36. 36. “…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
  37. 37. thank you! @maugelves | maugelves.com
  38. 38. ¡Muchas gracias! @maugelves | maugelves.com questions? @maugelves | maugelves.com

×