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.

of

GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 1 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 2 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 3 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 4 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 5 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 6 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 7 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 8 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 9 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 10 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 11 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 12 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 13 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 14 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 15 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 16 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 17 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 18 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 19 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 20 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 21 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 22 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 23 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 24 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 25 GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS Slide 26
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS

Download to read offline

Apresentação feita por JAMES MOTA no Meetup WordPress Floripa (https://wpfloripa.com.br/) sobre Gutenberg editor visual do WordPress.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS

  1. 1. GUTENBERG EM PRODUÇÃO: QUALIDADES, DESAFIOS JAMES MOTA
  2. 2. JAMES MOTA ● Usuário final WordPress desde 2009 ● Participação e autoria em cerca de duzentos projetos WP e WooCommerce desde 2014 ● Designer Industrial pela Universidade do Estado de Santa Catarina
  3. 3. Por que Gutenberg?
  4. 4. ● Analisar em relação a ferramentas e projetos anteriores ● Testar evolução da plataforma WP ● Verificar performance ● Desafio de replicar duas prototipagens comerciais para WordPress Testando Gutenberg
  5. 5. Referências iniciais Newsletters Core WP
  6. 6. Referências iniciais Efeito pandemia =)
  7. 7. ● Projetos executados durante primeiro semestre de 2020 ● Temas, plugins e blocos do repositório wordpress.org (gratuitos) ● Escolhido tema com suíte de blocos própria, visando maior compatibilidade possível Pontos de partida
  8. 8. Impressões durante uso
  9. 9. O editor padrão ● Centraliza mais o fluxo de trabalho do que o editor antigo. Menos “vai e vem” de outras telas (ex: shortcodes, construtor de página, etc.). ● Oferece os blocos básicos. Controles e opções simples. Poderia ter mais controles para responsividade ● Problemas pontuais de interface e usabilidade ● Ritmo das atualizações aumentou muito nos últimos meses ● Foi usado com frequência
  10. 10. Expandindo o editor padrão com suítes de blocos Esses conjuntos de blocos adicionam funcionalidades ao Gutenberg Imagem ilustrativa. Seu projeto pode precisar somente de uma ou outras suítes de blocos gratuitas. Repositório do wordpress.org em constante atualização!
  11. 11. Destaques
  12. 12. Impressões ● Suítes de blocos acrescentam mais funcionalidades, opções e controles de responsividade ● Ajustes finos e precisos
  13. 13. Impressões ● Editor padrão e suítes de blocos podem se complementar ● Blocos reaproveitáveis em diferentes partes do website
  14. 14. Impressões ● Bibliotecas de seções e páginas, é possível aproveitar como ponto de partida
  15. 15. Impressões ● Colunas
  16. 16. Impressões ● Texto avançado
  17. 17. Em um projeto, duas suítes de blocos foram suficientes Em outro, três, para atingir fidelidade ao protótipo recebido PROTÓTIPO EM ADOBE XD EDITOR PADRÃO DO WORDPRESS
  18. 18. Blocos que mais usei ● Cabeçalhos de página, h1, h2, parágrafo, colunas, depoimentos, accordions, postagens recentes ● Outros disponíveis: formulários, animações, html ● Lançamentos recentes: slider, grids e outros...
  19. 19. Impressões ● Alinhamentos/espaçamentos entre os containers dos temas e dos blocos das suítes requer atenção (header, body, sections, divs, columns, footer). ● Problemas pontuais de interface e usabilidade ● Prévia de página em tempo real: boa em alguns blocos, regular em outros
  20. 20. Revisando a responsividade durante o projeto
  21. 21. Revisando a responsividade durante o projeto
  22. 22. Comparando instalações Construtores de página: a partir de 16000 kb descompactado
  23. 23. Links interessantes https://wordpress.org/gutenberg/ https://wordpress.org/plugins/gutenberg/ https://wordpress.org/themes/tags/block-styles https://gutenberghub.com/ https://gutenberghub.com/blocks/ https://templates.gutenberghub.com/ https://athemes.com/collections/best-blocks-plugins-for-wordpress/ https://roadtoblogging.com/best-wordpress-block-editor-plugins/ https://gutenberghub.com https://shareablock.com https://www.wpdownloadmanager.com/download/gutenberg-blocks/ https://www.aprendegutenberg.com/ https://github.com/Automattic/block-experiments https://ayudawp.com/como-crear-patrones-de-bloques/ https://lp634305.livejournal.com/561506.html
  24. 24. Pretende usar Gutenberg novamente? ➔ Sim, é mais uma opção. Atingido 90-95% de fidelidade aos protótipos. Analisar caso a caso, de acordo com briefing, protótipo recebido ou funcionalidades desejadas. Universo de ferramentas em WP está cada vez maior: headless, soluções static, APIs, etc. Sobre performance ➔ Boa em relação a outras ferramentas que avaliei. Principalmente no protótipo replicado que usou duas suítes de blocos e menos animações. Mais testes previstos: Replicar webdesign de outra ferramenta para Gutenberg, WP só com uma suíte de blocos, WP só com editor padrão, etc. Sugestões ➔ Opção de instalar somente um bloco, e não a suíte inteira: sugerindo em fóruns da comunidade.
  25. 25. Perguntas?
  26. 26. jamesmota76@gmail.com linktr.ee/jamesmota Obrigado!

Apresentação feita por JAMES MOTA no Meetup WordPress Floripa (https://wpfloripa.com.br/) sobre Gutenberg editor visual do WordPress.

Views

Total views

62

On Slideshare

0

From embeds

0

Number of embeds

0

Actions

Downloads

0

Shares

0

Comments

0

Likes

0

×