Em 2018, o WordPress irá modernizar, agilizar e simplificar a experiência de criação de conteúdo com Gutenberg. Ele representa a maior mudança na experiência do usuário do WordPress em vários anos. Na verdade, em 2017, por Matt Mullenweg, descreveu sua importância duradoura como "o editor pelos próximos doze anos". »Neste tutorial, vamos apresentar a você as diferentes coisas que você pode esperar deste novo editor WordPress.

O que é Gutenberg?

Gutenberg é o codinome para a nova experiência de postagem de artigos do WordPress. Otimiza a manipulação direta da apresentação visual do conteúdo, ao invés de fazê-lo por meios indiretos, como metaboxes. Os blocos de construção dos artigos de Gutenberg são de fato blocos. Os blocos ajudam a simplificar as muitas maneiras como construímos uma página (códigos de acesso, widgets, HTML personalizado, mídia, formatação de texto e incorporação) em um fluxo de pesquisa e um guarda-chuva de IU. O nome vem de Johannes Gutenberg, o fundador da gráfica.

ressentimento de um artigo feito com gutenberg.png

Para se ter uma ideia de como o novo editor funciona, nada substitui o download de um plugin atual em um ambiente para testar o editor antes do lançamento. No entanto, para uma visão geral rápida, dê uma olhada nesta demonstração ao vivo.  (Vídeo)  que resume os diferentes recursos que oferecerá, a saber:

  • A forma como o bloqueio é "gerenciado" intuitivamente quando necessário
  • quão simples é manipular elementos em uma galeria
  • Visualizar blocos HTML personalizados online
  • Use blocos de forma inteligente para armazenar rapidamente fragmentos de código e conteúdo
  • Blocos de edição em massa, para artigos longos
  • "Desfazer unificado" para que você nunca perca seu emprego.

Baixe diferentes recursos do Gutenberg

Vamos dar uma olhada em alguns dos recursos que já existem, bem como alguns que podem entrar em ação à medida que o projeto avança:

1. Espaços e modelos reservados

Com Gutenberg, os editores podem criar pacotes de história complexos com diferentes blocos de conteúdo: título, avental, fragmento, vídeo, incorporação e galeria. Os blocos reservados podem facilmente apontar exatamente o que precisa ser feito para manter o processo editorial em andamento.

Começando com a versão 1.8 do Gutenberg, o projeto introduziu suporte inicial para modelos. Isso permite que um desenvolvedor defina um modelo específico para, digamos, um evento. Quando um usuário cria uma postagem de evento, ele vê uma página pré-preenchida com blocos para título, imagem, data, local, descrição e outros detalhes.

espaço reservado para imagens gutenberg.png

2. Edição colaborativa

Hoje, se alguém está trabalhando em uma postagem no WordPress, o função de bloqueio de item evita que os editores colidam uns com os outros. Com Gutenberg, é possível imaginar o bloqueio em nível de bloco, permitindo que várias pessoas trabalhem nas seções de um rascunho sem interrupção.

A flexibilidade dos blocos de conteúdo significa que pode haver um bloco para notas internas, o que permite que os editores deixem comentários ao longo de um ensaio. A noção de feedback editorial online também pode ser útil de outras maneiras.

3. Blocos e Integração

Ouvimos editores reclamar da dificuldade de encontrar códigos de acesso. Gutenberg torna mais fácil para os editores encontrarem blocos de conteúdo, seja uma integração com o Twitter, uma integração com o Vimeo ou um modelo personalizado. Isso não apenas torna mais fácil descobrir a integração, mas podemos imaginar um futuro com um mercado de blocos de conteúdo.

Desenvolvedores ou agências podem criar blocos de conteúdo para necessidades exclusivas, para mídia como galerias ou tipos de conteúdo como receitas. Também poderia facilitar uma melhor reutilização de código entre as equipes dentro de um .

blog e integração gutenerg 1.pngIntegração e blocos gutenberg.pngintegração do blog gutenbergs.png

4. Uma abordagem padronizada para criar páginas

Ao longo do próximo ano, o foco do projeto de Gutenberg mudará de ser um editor para construir o próprio site. Com essa transição, ele trará uma abordagem padronizada para a criação de páginas no WordPress. Ao longo dos anos, vimos clientes criarem construtores de páginas para frentes de seção ou páginas especialistas em Marketing usando o Gerenciador de Campos, Campos Personalizados Avançados ou uma solução personalizada. Ter uma abordagem bem definida no Gutenberg pode fornecer uma estrutura para suportar uma ampla variedade de soluções comerciais e personalizadas. Esse padrão comum pode, por sua vez, tornar o conteúdo e os dados mais facilmente transferíveis entre várias abordagens de criação de páginas.

5. Uma base para personalização

Com o conteúdo da página composto de blocos, é fácil imaginar como isso pode facilitar a entrega condicional de conteúdo com base nos atributos do usuário. Por exemplo, em um site de mídia, os assinantes podem receber um bloco com uma recomendação de conteúdo relacionado, enquanto novos visitantes veria uma frase de chamariz "inscrever-se". No back-end, a interface do editor pode oferecer uma alternância para que um editor de site possa visualizar um artigo como vários segmentos de usuário, como um membro inscrito, novo visitante e visitante recorrente.

Então, qual é o cronograma e como será a implantação?

Gutenberg já está disponível como um plugin e deve ser integrado ao WordPress 5.0, previsto para abril de 2018. A equipe de Gutenberg está atualmente se concentrando na experiência de pós-edição, mas, em seguida, estenderá sua abordagem para a criação de modelos, para criação de sites e muito mais.