SlideShare uma empresa Scribd logo
Gutenberg: o que esperar das próximas fases?
? ?
?
??
?
? ?
? ?
?
Quem vos fala
Guga Alves
● Happiness Engineer na
● Fundador do TudoParaWP
● Organização do WordCamp RJ 2014 e 2015
● Colaborador da comunidade WP RIO
Gutenberg: O que esperar das próximas fases
Gutenberg: O que esperar das próximas fases
Gutenberg
WordPress 5.0 é o começo de
uma nova era.
Gutenberg muda como o
WordPress será utilizado por
todas as pessoas
Foi uma grande mudança
Mas essa é só
a primeira fase!
É?
Até o momento, o Gutenberg existe
apenas como um editor de
conteúdo de seu site, e esta é a
fase 1.
E isso não faz dele
um "Page builder”
Page
embora comparações erradas
sejam feitas todo o tempo
content sidebar
header
content sidebar and
widgets
header
Page Builders
são bons, mas… Ignoram widgets e plugins que criam widgets
Menus nem sempre são salvos no formato padrão
Gutenberg: O que esperar das próximas fases
Mas.. e se os widgets utilizassem
blocos do Gutenberg?
Essa é uma das ideias para a Fase 2!
Customizer
widgets.php
Phase 2 starts with
blocks instead of
widgets in the
widgets screen and
the customizer. Same
for menus.
“
“
Riad Benguella
Gutenberg Phase 2 Leader
Porting Widgets to Blocks - https://make.wordpress.org/core/2018/12/17/status-update-porting-widgets-to-blocks/
Menus
Edição fiel ao front-end
O que quer dizer
“edição fiel ao
front-end”?
?
boiei…
The whole page is rendered in the
editor since the whole page is just
composed of blocks. But since one
of the principles of the block
building, is that the "editor"
representation of the block should
be as WYSIWYG as possible, it
means the editor and the frontend
will look very close.
“
“
Resumindo,
teremos isso na
Fase 2
• Criar área de blocos para os menus.
• Mover todos os widgets existentes para
blocos.
• Atualizar o gerenciamento de widgets em
wp-admin/widgets.php e no Personalizador
para suportar blocos.
• Criar uma forma visual para temas
registrarem novas áreas de conteúdo,
utilizando o Gutenberg.
• Ainda para 2019, criar um diretório de
blocos no site do WordPress.org para
descobrirem mais blocos, e uma forma para
os instalarem facilmente.
Próximas fases
Fase 3 Fase 4
Colaboração, edição
simultânea de conteúdo
(Lembra do Google Docs?)
Planejamento ideal: ser feito em 2020
Suporte oficial a sites com
mais de 1 língua
Pós fase 3
O que mais deve vir em 2019?
Atualizem a
versão do PHP
Requerimentos mínimos:
Abril de 2019: PHP 5.6
Dezembro de 2019: PHP 7
Atualizem a
versão do PHP
Vocês podem instalar este
plugin em um ambiente de
testes no servidor de vocês e
corrigir potenciais erros nos
seus temas e plugins:
PHP Compatibility Checker
Plugin "Health Check & Troubleshooting“ integrado ao WP
https://wordpress.org/plugins/health-check/
Plugin "Health Check & Troubleshooting“ integrado ao WP
Plugin "Health Check & Troubleshooting“ integrado ao WP
State of the Word 2018
Assista no Youtube
If you don't like change, you're going to like
irrelevance even less.
General Eric Shinseki
“
Créditos
Imagens: unsplash.com
Gutenberg fases 2 e 3: https://make.wordpress.org/core/2018/12/08/gutenberg-phase-2/
Gutenpuu: https://wapu.us/wapuu/gutenpuu/
Perguntas?
Slides disponíveis em slideshare.net/gugaalves

Mais conteúdo relacionado

PDF
Blazor #SnetTalks3
André Agostinho
 
PPTX
A Evolução do Front end
Douglas Matoso
 
PDF
Apresentação Live code
Kelly Schuvaizerski
 
PPTX
Palestra NativeScript - 2º Meetup DF.js
Wendell Adriel
 
PDF
Google Web Toolkit
Felipe J. R. Vieira
 
PPT
Google Web Toolkit
Maurício Linhares
 
PDF
Programadores: Kiln o controle de versão integrado que vocês esperavam
Paulo Mattos
 
TXT
Como enviar mensagens no facebook de forma automatica com auto senderpro
Adão Jhonatan L Figueira
 
Blazor #SnetTalks3
André Agostinho
 
A Evolução do Front end
Douglas Matoso
 
Apresentação Live code
Kelly Schuvaizerski
 
Palestra NativeScript - 2º Meetup DF.js
Wendell Adriel
 
Google Web Toolkit
Felipe J. R. Vieira
 
Google Web Toolkit
Maurício Linhares
 
Programadores: Kiln o controle de versão integrado que vocês esperavam
Paulo Mattos
 
Como enviar mensagens no facebook de forma automatica com auto senderpro
Adão Jhonatan L Figueira
 

Mais procurados (20)

PDF
Magento: Mitos vs Vantagens
Rafael Corrêa Gomes
 
ODP
Aula16 - Jquery
Jorge Ávila Miranda
 
PDF
Boas práticas Magento 2
Rafael Corrêa Gomes
 
PDF
Study jam - dia 1
Carlos Cavalcanti
 
PPTX
Ferramenta brackets
Carlos Rodrigo de Araujo
 
PDF
Experiências e Aprendizados no Mundo React
Wellington Costa
 
PPTX
Go (golang) - Porque ele deve ser a linguagem da sua próxima API
Jeff Prestes
 
PDF
Acabe com a concorrência usando event machine
Lucas Prim
 
PPT
Pagestackr - RejectConf SP 2007
George Guimarães
 
PDF
Produção Audiovisual com Software Livre
Relsi Maron
 
PDF
Desenvolvendo aplicativos nativos com React Native
Luís Felipe Souza
 
ODP
Aula09 - Java Script
Jorge Ávila Miranda
 
PPTX
React meetup dezembro
Gleidson Daniel
 
PDF
Vuejs
ceife
 
ODP
Palestra Sobre o que é um Front-End
Luis Fernando Mangia
 
PDF
Criação de temas Liferay 7.0 - LPUG - 12 Setembro 2018
martasantos718
 
PDF
Material Design Lite da Google aplicado em modelo CRUD por Gustavo Kennedy Re...
Gustavo Kennedy Renkel
 
PDF
Introdução GWT
Jonathan Camilo
 
PPTX
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
E-Commerce Brasil
 
PDF
Bricklayer
Rodrigo Vaz
 
Magento: Mitos vs Vantagens
Rafael Corrêa Gomes
 
Aula16 - Jquery
Jorge Ávila Miranda
 
Boas práticas Magento 2
Rafael Corrêa Gomes
 
Study jam - dia 1
Carlos Cavalcanti
 
Ferramenta brackets
Carlos Rodrigo de Araujo
 
Experiências e Aprendizados no Mundo React
Wellington Costa
 
Go (golang) - Porque ele deve ser a linguagem da sua próxima API
Jeff Prestes
 
Acabe com a concorrência usando event machine
Lucas Prim
 
Pagestackr - RejectConf SP 2007
George Guimarães
 
Produção Audiovisual com Software Livre
Relsi Maron
 
Desenvolvendo aplicativos nativos com React Native
Luís Felipe Souza
 
Aula09 - Java Script
Jorge Ávila Miranda
 
React meetup dezembro
Gleidson Daniel
 
Vuejs
ceife
 
Palestra Sobre o que é um Front-End
Luis Fernando Mangia
 
Criação de temas Liferay 7.0 - LPUG - 12 Setembro 2018
martasantos718
 
Material Design Lite da Google aplicado em modelo CRUD por Gustavo Kennedy Re...
Gustavo Kennedy Renkel
 
Introdução GWT
Jonathan Camilo
 
O uso de PWA e o futuro do desenvolvimento mobile com React Native e Kotlin -...
E-Commerce Brasil
 
Bricklayer
Rodrigo Vaz
 
Anúncio

Semelhante a Gutenberg: O que esperar das próximas fases (20)

PDF
Guga Alves apresenta Gutenberg fase 2 e 3
WordCamp Floripa
 
PDF
Revista programar 19
Filipe Bezerra Sousa
 
PDF
Vagrant uma ferramenta realmente útil e versátil
Wanderlei Silva do Carmo
 
PDF
Dez dicas para_acompanhamento_de_bugs
Paulo Mattos
 
PDF
Revista programar 2
Filipe Bezerra Sousa
 
PDF
Visual basic apostila up vb6 para vbnet
robinhoct
 
TXT
Trabalho marketing digital escrito
682000
 
ODP
ALM Open Source Ponta a Ponta - Minicurso Globalcode MC-122
Bruno Souza
 
PDF
Phpmagazine
Jackie Costa
 
PDF
Javascript
Sérgio Reis
 
PPTX
Curso de web2py - Apresentação
Júlia Rizza
 
PDF
Criando apps nativos com react e javascript. Hands-on
Rodolfo Bueno
 
PPS
Arteccom Workshop Magento
Thiago Verly
 
PDF
Introdução a Gerência de Configuração de Software
Camilo Almendra
 
PDF
WP Composer
Eduardo Pittol
 
PPTX
Ferramentas de Gerenciamento de Projetos
VMayfair
 
PDF
Netbeans 6.0: Aplicações Java Desktop
elliando dias
 
PDF
Desenvolvimento de uma ferramenta para auxiliar a construção de plugins
Prof. Luciano Borges
 
Guga Alves apresenta Gutenberg fase 2 e 3
WordCamp Floripa
 
Revista programar 19
Filipe Bezerra Sousa
 
Vagrant uma ferramenta realmente útil e versátil
Wanderlei Silva do Carmo
 
Dez dicas para_acompanhamento_de_bugs
Paulo Mattos
 
Revista programar 2
Filipe Bezerra Sousa
 
Visual basic apostila up vb6 para vbnet
robinhoct
 
Trabalho marketing digital escrito
682000
 
ALM Open Source Ponta a Ponta - Minicurso Globalcode MC-122
Bruno Souza
 
Phpmagazine
Jackie Costa
 
Javascript
Sérgio Reis
 
Curso de web2py - Apresentação
Júlia Rizza
 
Criando apps nativos com react e javascript. Hands-on
Rodolfo Bueno
 
Arteccom Workshop Magento
Thiago Verly
 
Introdução a Gerência de Configuração de Software
Camilo Almendra
 
WP Composer
Eduardo Pittol
 
Ferramentas de Gerenciamento de Projetos
VMayfair
 
Netbeans 6.0: Aplicações Java Desktop
elliando dias
 
Desenvolvimento de uma ferramenta para auxiliar a construção de plugins
Prof. Luciano Borges
 
Anúncio

Mais de Guga Alves (20)

PDF
Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
Guga Alves
 
PDF
Trabalho remoto: Mindset e ferramentas
Guga Alves
 
PDF
Como colaborar com a comunidade WordPress (e crescer com isso)
Guga Alves
 
PDF
WordPress no jornalismo
Guga Alves
 
PPTX
Home office: mindset e ferramentas
Guga Alves
 
PDF
Diferenças entre WordPress.com e WordPress.org
Guga Alves
 
PDF
Como colaborar com a comunidade WordPress
Guga Alves
 
PDF
SEO - Planejamento, execução e análise
Guga Alves
 
PDF
Campos personalizados Like a Pro - WordCamp São Paulo 2014
Guga Alves
 
PDF
Hierarquia de templates WordPress
Guga Alves
 
PDF
WordPress em sua estratégia de marketing
Guga Alves
 
PDF
Por que usar o WordPress - Conceitos e Aplicações
Guga Alves
 
PDF
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
Guga Alves
 
PDF
Seo para WordPress - WordCamp SP 2013
Guga Alves
 
PDF
Seo para WordPress
Guga Alves
 
PDF
Otimizacao Front-End para WordPress - OlhoSEO 2013
Guga Alves
 
PDF
Ebook Google Varejo
Guga Alves
 
PDF
Varejo digital na era Google
Guga Alves
 
PDF
Seo e HTML5
Guga Alves
 
PDF
Seo para Startups
Guga Alves
 
Customer Success + SEO = Produtos Melhores (parte técnica com o Screaming Frog)
Guga Alves
 
Trabalho remoto: Mindset e ferramentas
Guga Alves
 
Como colaborar com a comunidade WordPress (e crescer com isso)
Guga Alves
 
WordPress no jornalismo
Guga Alves
 
Home office: mindset e ferramentas
Guga Alves
 
Diferenças entre WordPress.com e WordPress.org
Guga Alves
 
Como colaborar com a comunidade WordPress
Guga Alves
 
SEO - Planejamento, execução e análise
Guga Alves
 
Campos personalizados Like a Pro - WordCamp São Paulo 2014
Guga Alves
 
Hierarquia de templates WordPress
Guga Alves
 
WordPress em sua estratégia de marketing
Guga Alves
 
Por que usar o WordPress - Conceitos e Aplicações
Guga Alves
 
O que é WordPress - numeros, usabilidade e diferenca do wordpress-org e wordp...
Guga Alves
 
Seo para WordPress - WordCamp SP 2013
Guga Alves
 
Seo para WordPress
Guga Alves
 
Otimizacao Front-End para WordPress - OlhoSEO 2013
Guga Alves
 
Ebook Google Varejo
Guga Alves
 
Varejo digital na era Google
Guga Alves
 
Seo e HTML5
Guga Alves
 
Seo para Startups
Guga Alves
 

Gutenberg: O que esperar das próximas fases

  • 1. Gutenberg: o que esperar das próximas fases? ? ? ? ?? ? ? ? ? ? ?
  • 2. Quem vos fala Guga Alves ● Happiness Engineer na ● Fundador do TudoParaWP ● Organização do WordCamp RJ 2014 e 2015 ● Colaborador da comunidade WP RIO
  • 5. Gutenberg WordPress 5.0 é o começo de uma nova era. Gutenberg muda como o WordPress será utilizado por todas as pessoas
  • 6. Foi uma grande mudança
  • 7. Mas essa é só a primeira fase! É?
  • 8. Até o momento, o Gutenberg existe apenas como um editor de conteúdo de seu site, e esta é a fase 1.
  • 9. E isso não faz dele um "Page builder” Page embora comparações erradas sejam feitas todo o tempo content sidebar header content sidebar and widgets header
  • 10. Page Builders são bons, mas… Ignoram widgets e plugins que criam widgets Menus nem sempre são salvos no formato padrão
  • 12. Mas.. e se os widgets utilizassem blocos do Gutenberg?
  • 13. Essa é uma das ideias para a Fase 2! Customizer widgets.php
  • 14. Phase 2 starts with blocks instead of widgets in the widgets screen and the customizer. Same for menus. “ “ Riad Benguella Gutenberg Phase 2 Leader
  • 15. Porting Widgets to Blocks - https://make.wordpress.org/core/2018/12/17/status-update-porting-widgets-to-blocks/
  • 16. Menus
  • 17. Edição fiel ao front-end
  • 18. O que quer dizer “edição fiel ao front-end”? ? boiei…
  • 19. The whole page is rendered in the editor since the whole page is just composed of blocks. But since one of the principles of the block building, is that the "editor" representation of the block should be as WYSIWYG as possible, it means the editor and the frontend will look very close. “ “
  • 20. Resumindo, teremos isso na Fase 2 • Criar área de blocos para os menus. • Mover todos os widgets existentes para blocos. • Atualizar o gerenciamento de widgets em wp-admin/widgets.php e no Personalizador para suportar blocos. • Criar uma forma visual para temas registrarem novas áreas de conteúdo, utilizando o Gutenberg. • Ainda para 2019, criar um diretório de blocos no site do WordPress.org para descobrirem mais blocos, e uma forma para os instalarem facilmente.
  • 22. Fase 3 Fase 4 Colaboração, edição simultânea de conteúdo (Lembra do Google Docs?) Planejamento ideal: ser feito em 2020 Suporte oficial a sites com mais de 1 língua Pós fase 3
  • 23. O que mais deve vir em 2019?
  • 24. Atualizem a versão do PHP Requerimentos mínimos: Abril de 2019: PHP 5.6 Dezembro de 2019: PHP 7
  • 25. Atualizem a versão do PHP Vocês podem instalar este plugin em um ambiente de testes no servidor de vocês e corrigir potenciais erros nos seus temas e plugins: PHP Compatibility Checker
  • 26. Plugin "Health Check & Troubleshooting“ integrado ao WP https://wordpress.org/plugins/health-check/
  • 27. Plugin "Health Check & Troubleshooting“ integrado ao WP
  • 28. Plugin "Health Check & Troubleshooting“ integrado ao WP
  • 29. State of the Word 2018 Assista no Youtube
  • 30. If you don't like change, you're going to like irrelevance even less. General Eric Shinseki “
  • 31. Créditos Imagens: unsplash.com Gutenberg fases 2 e 3: https://make.wordpress.org/core/2018/12/08/gutenberg-phase-2/ Gutenpuu: https://wapu.us/wapuu/gutenpuu/
  • 32. Perguntas? Slides disponíveis em slideshare.net/gugaalves