 Eu vou acordar, hoje a gente vai falar aqui de Gutenberg, então eu vou falar Guten e vocês falam Peck, beleza? Porque eu comei com alguns amigos, agora é o teste da amizade para me ser são os meus amigos mesmo Então vamos lá, Guten! Beck! Guten! Beck! Guten! Beck! Pronto, agora todo mundo é com o outro, então vamos começar Eu sou Daniel Cosmos, eu sou o quimista digital Quem quiser até adesivar o tal quimista que é uma fora, que ainda não pegou Eu sou um dos fundadores da Spiralab, a gente está desde 2011 criando só sites E hoje press, eu também sou um dos organizadores da comunidade de Curitiba A gente está... Pessoal de Curitiba de peso aqui, 3 pessoas A gente está quase 3 anos fazendo imitapes E a gente gosta bastante de fuso era, acho que tem aqui de abril O único pessoal zoando aqui é o de Curitiba E o primeiro site que eu criei foi mais de quase 20 anos atrás Foi esse, vou ocupar, foi esse de cima aqui Eu adorava atendir missbons E uma coisa que eu gostava muito de fazer era descrever Então para mim criar um site em HTML foi muito poderoso Eu conseguia escrever algo e muita gente conseguia ler Então eu sempre me empolguei muito por escrever E aí eu fiquei criando muitos sites E eu comecei a ver que na internet não tinha até muito material sobre como fazer um site Então eu comecei a criar sites sobre como fazer sites E aí uma hora quando entrei na faculdade e viar código Quase todo dia, a última coisa que eu queria fazer era ver código para escrever E aí eu encontrei no WordPress E eu criei o meu primeiro blog sobre cinema utilizando o WordPress Onde a única coisa que eu fazia era escrever Eu escolhi um tema gratuito e eu comecei a escrever E quem já usa o WordPress faz tempo sabe que nos últimos 10 anos Essa tela aqui ela mudou muito pouco Teve algumas melhorias no editor mas mudou bem pouquinho E para quem escreve bastante conteúdo Está escrevendo agora bastante conteúdo longo Se parte em um monte de coisinhas Como por exemplo você quer adicionar uma imagem ao lado de um texto Você vê a imagem no editor de um jeito Então a imagem que ela está no meio do parágrafo É você visualizar como publicar e a imagem está diferente Quem já se bateu com isso aqui no editor? Se você não sabe HTML e CSS O que você faz? É ficar dando um monte de enter uma hora da série E aí você resolveu E aí você quer adicionar algumas coisas mais diferentes? Entra shortcode Eu amo e odeio shortcode Eu amo porque como programador Como eu já mexo em HTML, CSS e PHP Para mim isso daqui não muda muito É igual a uma técnica em HTML Que eu estou chamando de um outro conteúdo Só que aí você vai passar isso para alguém que não utiliza Ele se perde Quem é que lembra a época que as galerias Era só um bloco de dizia galerias E aí você ia lá na parte de texto Tinha um monte de número lá Aí o seu cliente chega e olha Eu quero ver quais imagens eu adicionei Eu adicionei as imagens, elas não tomam aqui Ou não, ela está aqui É só em visualizar, se você for no fonte que tem uns IDs Aí você pode mexer de boa Só que não E aí tem um monte de coisa que você quer adicionar A única coisa que você vê no editor É isso daqui E aí você fala não, use a sua imaginação Que isso vai se transformar lá no visualizar E aí se você quiser fazer E aí hoje o prazer mudou E aí você conseguia ver É uma alternação bem pequena Visualmente para o usuário Isso já é em programação Nem sempre algo simples assim É fácil de fazer Mas que para a experiência do usuário Isso faz muita diferença E aí quando você quiser adicionar no editor Uma coisa um pouquinho mais diferente Por exemplo Você quer adicionar um conteúdo de um lado E o outro de outro lado Então dividir o conteúdo em duas columas E adicionar um botão de ação Para o usuário dar um clique Para fazer o download de alguma coisa Quem é que já tentou explicar para o cliente Como querer adicionar um PDF Com um botão para fazer download Usando o quadrô de prazer Não dá, você desiste E aí qual foi a solução para isso? Foi via plugin E normalmente Utilizando a pdbuilder Quem aqui usa pdbuilder Muita gente para adicionar Coisas pequenas Você tem que instalar com pdbuilder Às vezes para adicionar um botão Uma tabela Um pdbuilder onde vem um monte de coisa Que muitas vezes o usuário O site ele não precisa Que vai deixar o site mais lento E tem outra coisa Quem aqui está acostumado a um pdbuilder Pega um site que está utilizando Um outro pdbuilder E não consegue casinar A interface muda muito de um pdbuilder Para o outro Tem alguns que são hoje em dia bem visuais Você consegue ver o que você fez E tem uns outros que são ainda meio abstrato Tipo o quadrô O que você não vê o conteúdo Que você está criando E aí vem a sair um novo pdbuilder E eu gostei muito mais dele Do que o atual que eu estou usando Vamos migrar Quem aqui já conseguiu migrar Um site de pdbuilder para o outro E não teve que criar tudo de novo Eu não conheço nenhum caso Você tem que criar tudo de novo E aí surgiu Os custo post types Faz tempo que eu falei nossa Maravilha Eu estou escrevendo uma crítica com o filme Que eu consigo criar um campo De quem que é o diretor O ano de lançamento Quem são os atores Qual é a minha nota para o filme Fechou Tem uma tela bonita para inserir E como que eu vou exibir Esses dados dentro do meu editor Ou eu criou um shortcode Que visualmente não me diz nada Ou então Eu criou um widget Mas quem aqui já tentou Adicionar um widget Dentro do editor eu vou express Sem usar para o vídeo Não dá Ou então eu faço isso em código E aí se eu faço em código Eu passo isso para um cliente Ele quer alterar alguma coisa E eu não consegue fazer Aí eu vou ter que buscar mais um plugin Para conseguir integrar isso De um widget dentro do editor Dentro do editor De um widget express E aí eu vi bastante A diferença entre uma pessoa Que já utilizou um CMS Ou SAB, HTML e CSS Eles falavam que o widget press era fácil Porque eles sabiam O quão difícil Elas faziam as coisas em código Mas para quem nunca utilizou Para quem a experiência De internet Muitas vezes é só uma rede social Aqui é muito difícil Que a pessoa fala não Eu quero fazer igual no meu editor De um texto Eu coloco aqui o conteúdo do lado direito No esquerdo Ou igual no meu editor de imagem É desse jeito Então eu fiquei me perguntando É realmente fácil Criar um site em um widget press Para alguém que nunca teve Experiência Fica fácil E aí surgiu O botinho Para ajudar isso O Gutenberg agora é um plugin Já dá para instalar Então vocês podem fazer o download dele E já começar a utilizar E aí quando você instalar ele Dentro do menu do widget press Lá embaixo vai ter um link Que é chamado Gutenberg Você dá um click nele Tem uma parte de demo E ele vai abrir essa nova Tela de edição de conteúdo E aqui é bem legal Que ele mostra todas as coisas Que dá para fazer com o Gutenberg E ele tem uma coisa Bem diferente de como você Pensa para adicionar o conteúdo A grande mudança dele De pensamento Que tudo vira um blog Então você pensa Na parte de criar o conteúdo Tudo em blogs Tá, mas o que é isso? Se você pode adicionar um título Um parágrafo Uma imagem, uma lista Ele vê isso tudo como Blocos diferentes Mas qual a vantagem disso? Quando a gente vai editar Uma coisa no editor atual A gente vê um monte de opção A gente tá editando uma lista Tem opções que não tem nada a ver Com uma lista No Gutenberg, quando você tá Editando um blog, as opções Que aparece aqui do lado São exatamente as opções Daquele blog Com isso a gente consegue deixar Para o usuário muito mais fácil Para ele conseguir editar Eu quero editar um parágrafo Se ele tentou mudar a cor De fundo de um parágrafo No WordPress e não conseguiu O único jeito de fazer isso É utilizando CSS Aqui com Gutenberg Não, já tem uma opção pra isso Como ele dividiu As opções dos itens Em blogs Então aqui pra parágrafo Eu consigo mudar Bem facilmente, a cor do texto A cor do fundo Tá centralizado ou não Isso tudo sem mexer E aí pra cada tipo de blog Ele tem essas opções E aí Muita gente vendo isso Pensou estar O Gutenberg é um novo editor Do WordPress E se alguém fosse procurar uma coisa Do Gutenberg, não tinha quase nada Tinha a página do It Run E algumas pessoas engoladas falando Não tinha nenhuma página oficial E aí se começou a dar muita confusão E aí no match Ele escreveu um texto Explicando qual que era A ideia do Gutenberg Que ele não era só um editor E na semana passada Saiu um texto bem legal Explicando do Por que o Gutenberg Existe Então quem trabalha com marketing digital Provavelmente já ouviu falar O Golden Circle Então ele puxou do Por que o Gutenberg Existe E por que o Gutenberg Ele é relevante pro WordPress Agora o WordPress está com 30% Dos sites mapeados da internet Utilizando ele Então a gente está no topo Mas até quando A gente vai continuar no topo E ele faz uma comparação Bem legal com a lote buster Uma hora ela estava no topo A Netflix ela surgiu Mas estava lá embaixo É quase que ninguém estava usando Não estava incomodando ninguém Ele comparou O WordPress era A blockbuster Como a gente faz Que o WordPress Ele continua no topo Ele continua relevante E a resposta para o autor É que o Gutenberg É a resposta pra isso E aí pra mim um site Sempre foi um conjunto de blogs Então se você pensar Você tem um topo, você tem um roda-pé Você tem um conteúdo, você tem uma barra lateral E isso tudo são componentes Eles são blogs E qualquer ideia do WordPress Vamos transformar Não só o conteúdo Mas o site inteiro em blogs Pra ficar muito mais fácil De todo mundo pra conseguir Criar e editar um site E a coisa mais legal disso Em código e em SEO É a questão Que esses blogs eles têm significados Quem aqui trabalha com SEO Sabe que hoje em dia Muitas das informações Tem que estar no código Via esquema Isso é o que por exemplo A internet das coisas Busta em voz utiliza pra buscar É os dados que quando você está fazendo Uma busta no Google De todas as estrelas aquele produto tem Qual é o preço mínimo e máximo Isso tudo é feito com esquema E como o Gutenberg Dá pra facilmente integrar isso Um usuário consegue responder Essas perguntas sem mexer Nada em código Agora voltando que a gente já tem no editor Quem aqui já tentou criar uma citação No hoje próximo Você tem uma frase bonita com estilo Mas tentou adicionar um nome do autor Dentro daquela citação É pra ficar com isso diferente O único jeito atamente É mexendo em código Voltando lá na aba A Btml e colocando uma tag e pronto Hoje em dia O Gutenberg já tem um campo Que é um campo de bloco de citação Quem lá escreva a frase aqui E o nome do autor aqui Ele automaticamente já estiliza isso Então o meu sonho De criar uma crítica de cinema Um bloco de informação Para fazer os filmes Eu consigo agora facilmente fazer E qualquer uma pessoa Sem conhecimento técnico Nenhum consegue responder essas dúvidas Pra ficar no site bonito E aí Como ele começou Como todo software implementando as coisas Aos poucos Muita gente começou a ficar desesperada Porque não tinha algumas coisas No Gutenberg Que elas usavam no dia a dia Pra colocar metafilts Muita coisa quebrou Não funcionava Eu mesmo quando comecei a utilizar O Gutenberg Às vezes eu perdi todo o estilo do texto que eu estava criando Às vezes sumia um parágrafo Aconteceu um monte de coisas Eu falei não, calma Daniel Isso é teste Vai existir erro Vamos aprendendo e vamos ajudando E até uma dica pra quem Vale utilizar o Gutenberg A última vez que eu vi ele tinha conflito Como o Jetpack na função de Markdown É só desabilitar Ele volta a funcionar bonito Só que até descobrir isso Eu me patei um monte Mas ele está em beta, em teste O pessoal ele justamente quer esse Kitback No que que está funcionando No que que não está funcionando E aí, agora no final Quando passado Teve uma apresentação No WordCampOS No State of the World Eles mostraram Uma demonstração live do Gutenberg E essa foi a primeira vez Que alguém fez uma demonstração live No State of the World Qual que é o perigo disso? É um problema que você não conseguiu apresentar nada Então estava todo mundo Muito ansioso pra não dar nenhum problema E não deu E as pessoas pela primeira vez Elas conseguiram ver realmente O que que dá pra fazer no Gutenberg Então teve toda uma mudança De percepção Do que era possível Do que era o projeto do Gutenberg Depois dessa apresentação E aí muita gente se pergunta Tá? O que que isso impacta Dentro do mundo do WordPress Seja ele um desenvolvedor Seja designer ou produtor de conteúdo Ou até só usuário A resposta é Que isso impacta tudo Isso impacta todo jeito que a gente pensa Em criar tema Em criar plugin E pra mim o principal e o mais importante Isso vai impactar na experiência do usuário Eu acredito que a maioria de vocês Já utiliza o WordPress Então a gente já tem um pre-conhecimento De como o WordPress funciona E às vezes a gente esquece De como é o usuário totalmente Novo ao WordPress É a mesma coisa que utiliza Windows e muda pra Mac É uma experiência totalmente diferente Você tem toda uma barreira De coisas que você estava acostumado E não existe mais Com a dação diferente E aí tem um texto Bem legal do Matias Que ele comparou com o Gutenberg Ao navio de Teseus O que que é isso? Se a gente pegar toda a parte De trás do WordPress E mudar completamente Todo jeito inteiro totalmente novo Mas para o usuário o visual O visual é o mesmo Ele vai ser ainda o WordPress Se ele não mudar tudo por trás Continua sendo o WordPress Isso só pra vocês terem uma ideia Do impacto que o Gutenberg Já está tendo no WordPress E até uma coisa legal Foi ele que faz um tempo atrás Saiu o API do WordPress Aí todo mundo falou Que ela está completa E está funcionando e utiliza O Gutenberg só usa o API do WordPress E a pessoa ficou louca Não estava tão completa Quanto a gente achava Porque não tinha um case Ainda realmente utilizava todo o potencial Da API do WordPress E aí alguns nomes grandes Que estão trabalhando Em cima do Gutenberg Um que está ajudando muito Era iOST Da testando os limites Do que que dá pra fazer E do que não dá pra fazer no Gutenberg O que dá pra melhorar Tem o commerce também Eles estão fazendo uns testes bem legais Eu quero criar uma página De uma categoria de produto Você escolhe lá Um bloco de produtos da categoria X Quero três produtos por coluna Uma coisa que eu acredito Que muita gente que utiliza O WordPress Ela quer mudar o visual Da página individual de cada produto Em vez da imagem do lado direito O preço eu quero de um jeito diferente O único jeito de fazer isso hoje em dia É em código E aí tem uma palestra bem legal Da mel Que ela falou tá O que a gente pode imaginar Do customizer Junto com o Gutenberg Que é E se todo o site fosse De vários blocos E se tivesse um bloco do topo Onde ele fosse replicado Em todas as páginas Mesma coisa dobra da pé Como seria essa experiência de edição Então ela mostra Alguns exemplos do que que já dá pra fazer E ela dá algumas ideias Também do que que poderia ser Então Imagina que você tá criando um site Pro café É aqui um campo lá O pessoal louco aqui Aqui coloca o nome do seu café Aqui coloca o título do cardápio Do seu café Aqui coloca os índios do cardápio Isso tudo bonitinho com instruções Isso é uma coisa que já dá pra fazer Com o Gutenberg hoje em dia Então pro usuário Precha esses câmbulos Aqui E se ele não quiser alguns dos índios Ele não preenche e não vai aparecer no site Então quem já achou Aqui uma remoção do personalizar Onde você edita um conteúdo E vê na hora a alteração Imagina com essa alteração aqui Foi-se algo mágico Pra muitos usuários E aí Tem um projeto bem legal Onde ele tá mapeando Quais foguins do diretor do Ajo Press Já são compatíveis Com o Gutenberg Então até quem quiser Ajudar, testar e enviar É bem legal E aí muita gente fica desesperado Tá armando o mundo Eu já tenho 100 sites de clientes Eu tenho 10 porquês Imagina o Claudio pensando 100 porquês eu preciso atualizar tudo pra Gutenberg O que que eu faço E aí muita gente começou a entrar Em desespero, a chegar muito no Twitter A falar não O jeito mais fácil é que o Gutenberg Não seja ativado por padrão Porque eu não vou ter que fazer nada A gente que tá comentando isso Até o site Benagau Deve acompanhar esses comentários É o WVTabre Quando cada vez que eles lançam Uma notícia nova Do Gutenberg, o pessoal fica desesperado Estilando muito E aí, em uma entrevista recente Dizia do Met Só sobre o Gutenberg Ele falou uma frase Que eu achei muito legal E que exemplifica bem esse momento Se você não gosta de mudança Você vai gostar de relevância Ainda menos De nada adianta A sala inteira que ser um dos maiores Especialistas do hoje presta Do mundo Se ninguém estiver utilizando o hoje presta O que adianta A gente ser o expert Ou de oferecer esse serviço Um serviço prêmio Ou até mais barato Se ninguém estiver utilizando O Gutenberg tá sendo Totalmente um novo mar Eu nunca tive Tão empolgado com o hoje presta Até eu tô muito mais empolgado De quanto eu conheci o hoje presta Quase dez anos atrás Porque agora eu finalmente consigo Visualizar Pra realmente fazer Todas as coisas que eu queria E isso automaticamente muda Todo o nosso meio de pensar um site Criar um site e vender um site Agora com isso Se a gente quer um cliente Quer mudar o menu de lugar Ele vai poder Se o cliente quiser mudar Toda a página do carrinho Ele pode fazer isso Então o nosso um poder de negócios Ele vai abranger isso Ou ele vai fechar isso Como que a gente consegue Dar mais poder Pro nosso cliente Sem que ele estraga o design E aí que é uma palestra Muito legal Que é o Gutenberg e o hoje presta No amanhã Em que um mortem Fala um monte de coisa legal Mas pra minha coisa que mais escudiu A minha cabeça nessa palestra Eu falei, é isso É, o que que tá mudando Muito da nossa experiência Em relação ao mundo virtual E ainda não tá em massa É a realidade virtual Então Hoje quase ninguém tá andando Com um oclinho ainda Navigando no mundo da rede mundial de computadores Igual o pessoal imaginava A dez, vinte anos atrás Eu não sei quem já viu esses filmes de hacker Ou de cara que coloca óculos E tá no cyberspace Como a gente vê hoje no site ainda A navegação, ela é principalmente Horizontal Ou horizontal ou vertical Não sai disso E lá a gente só vai Fazer um stroll Com o Gutenberg Imagina só, você fala Eu quero todos os textos De um site Imaginando cada post um bloco A gente tem uma visão Aqui global Imagina ele fazendo uma lista De todos os blogs Não quero todos os autores desse site Ele puxa o bloco de autor E exita aqui no lado do outro No final E puxou Eu falei nossa Isso daqui Vai ser provavelmente O jeito que a gente vai usar Internet do que alguns anos Inclusive o mortem e chuta Que não vai demorar dez anos pra isso Vai ser muito mais rápido Do que a gente imagina E uma coisa bem importante de lembrar É que o Gutenberg Ele é feito pela comunidade Não tem nenhuma empresa O indivíduo Ou uma força maior falando Não, todo mundo tem que usar O Gutenberg A ideia do Gutenberg é justamente Continuar deixando o WordPress É relevante Aqui é que já tentou competir Às vezes com outros sites Você vai clicar Criar um botão e faz uma página Em alguns segundos Onde a experiência do usuário É difícil de competir Não tem Não tem uma coisa tão legal Ainda com o WordPress Com o padrão E ele está evoluindo Muito rápido Então o Gutenberg Do começo do ano e de agora Já mudou muito E aí quem quiser acompanhar Tem agora Uma página oficial Dentro do WordPress.org Você pode acompanhar no blog Então você pode fazer o filtro Da pela tag do editor Tem também a página do GitHub Eu gosto muito também do site Do WPTabre E para mim O Gutenberg Chegando cada vez mais perto Da missão dele Que é a gente democratizar A publicação de texto Ou de conteúdo na internet Então a gente quer Que é possível Para todas as pessoas E que isso não exija Nem o conhecimento técnico avançado Quem quiser baixar Os slides da palestra Aqui está o link É isso, obrigado