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.

Como começar com o Gutenberg, o novo editor do WordPress

48 views

Published on

O Gutenberg é o novo editor padrão do WordPress. Lançado em dezembro de 2018, muitas pessoas tem tido alguma dificuldade em se adaptar. Conheça pouco da história e saiba como utilizar o novo editor.

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Como começar com o Gutenberg, o novo editor do WordPress

  1. 1. Anyssa Ferreira @anyssaferreira para iniciantes GutenbergWordPress +
  2. 2. Designer, desenvolvedora web. Co-fundadora do estúdio Haste. Comunidade WordPress São Paulo. Anyssa Ferreira
  3. 3. Quem nasceu primeiro, WordPress ou Gutenberg?
  4. 4. 1400, Alemanha Johannes Gutenberg 1450, Alemanha Tipografia / Imprensa 2003, Internet / EUA WordPress 2017, Internet / EUA Gutenberg Blogs
  5. 5. WordPress ● Autopublicação ● Design ≠ Conteúdo
  6. 6. WORDPRESS+GUTENBERG WORDPRESS+GUTENBERG Antes: Editor Clássico Padrão até a versão 4.9.9
  7. 7. TinyMCE ● Editor Rich Text open source que serviu de base para o Editor Clássico do WordPress
  8. 8. WYSIWYG ● “What you see is what you get” ● Fidelidade da pré-visualização para o resultado final
  9. 9. WORDPRESS+GUTENBERG WORDPRESS+GUTENBERG Mudanças A saga Gutenberg
  10. 10. https://github.com/WordPress/gutenberg/commit/0fcff2947b97635dc43bfb7e2a29c91d08ba4f04
  11. 11. https://go.tiny.cloud/blog/gutenberg-tinymce-faq/
  12. 12. WORDPRESS+GUTENBERG WORDPRESS+GUTENBERG O novo editor Gutenberg A partir da versão 5
  13. 13. Gutenberg ● Novo editor padrão do WordPress ● Drag and drop (arrasta e solta) ● Baseado em blocos ● Mais possibilidades de personalização do conteúdo ● Colunas ● Não é um page builder (ainda?) ● WYSIWYG
  14. 14. https://wordpress.org/gutenberg/
  15. 15. São módulos de conteúdo, que podem ser adicionados, rearranjados e editados de forma independente no novo editor do WordPress. Blocos
  16. 16. Alguns blocos disponíveis
  17. 17. Convertendo conteúdo
  18. 18. Convertendo conteúdo
  19. 19. Convertendo conteúdo
  20. 20. Mais dicas sobre Gutenberg https://www.hastedesign.com.br/novidades/gutenberg-o-nov o-editor-do-wordpress/
  21. 21. 1. Selecione todo o conteúdo com CTRL + A ou Command + A 2. Recorte o conteúdo usando CTRL + X ou Command + X 3. Clique abaixo para criar uma nova linha 4. Cole o conteúdo usando CTRL + V ou Command + V Convertendo conteúdo para Gutenberg
  22. 22. WORDPRESS+GUTENBERG WORDPRESS+GUTENBERG Expandindo o editor Plugins que adicionam recursos
  23. 23. ● Stackable Utilmate Gutenberg Blocks ● Atomic Blocks ● Advanced Gutenberg ● Advanced Gutenberg Blocks ● CoBlocks ● Kadence Blocks ● Editor Blocks ● Bokez Plugins para Gutenberg
  24. 24. Quer continuar usando o editor clássico? https://br.wordpress.org/plugins/classic-editor/
  25. 25. • Use o Gutenberg sem medo, ele veio para ficar; • Faça posts e páginas com conteúdo e layouts mais dinâmicos, explore sua criatividade; • Colabore reportando erros, ou sugerindo melhorias de usabilidade; • É melhor que o editor clássico em muitos pontos, mas ainda não é um page builder. Conclusão
  26. 26. FIM @anyssaferreira

×