O que você deve saber sobre o editor WordPress Gutenberg

O editor Gutenberg WordPress estará entre os aspectos mais integrais do núcleo do WordPress. Mas, o que isso significa para os proprietários de sites? E se um usuário já estiver usando um construtor de páginas? Responderemos a essas e outras perguntas neste guia. Além disso, falaremos sobre o básico de Gutenberg. Além disso, falaremos sobre tudo o que você precisa saber sobre a versão mais recente. Enquanto isso, aqui estão os plugins do construtor de páginas para facilitar o design do WordPress.

Entendendo o Editor WordPress do Gutenberg

O editor Gutenberg WordPress é um novo editor visual. Além disso, ele foi projetado para ser incorporado ao núcleo do WordPress. O Gutenberg ajuda adicionando funcionalidades como construtores de páginas, mas com blocos de conteúdo adicionados. Por exemplo, pode restabelecer o TinyMCE como um dos editores de conteúdo padrão.

No entanto, ao usá-lo, você notará que o conteúdo é adicionado em vários tipos de blocos. Além disso, a adição começa diretamente no back-end do WordPress.

Além disso , Gutenberg é mais do que apenas um editor. Ele adiciona personalização a toda a experiência de publicação de conteúdo. Permite ao usuário criar um design moderno. Além disso, oferece uma melhor experiência de edição. Além disso, ele cria uma base para o futuro dos sites WordPress. Gutenberg está alinhado para ser lançado no WordPress 5.0.

O principal objetivo do editor WordPress Gutenberg

Vejamos os principais propósitos do Gutenberg de uma perspectiva de funcionalidade.

O uso principal é tornar a experiência de 'adicionar conteúdo rico ao WordPress' mais divertida e empolgante.

É um passo crucial na evolução do WordPress. Sem Gutenberg, a funcionalidade nativa do WordPress inclui apenas um editor de texto básico para artigos. Além disso, com o Gutenberg, os usuários do WordPress podem criar layouts de conteúdo interessantes. Além disso, Gutenberg está entre muitas transições significativas para simplificar a experiência do usuário do WordPress.

Você está se perguntando sobre o debate em andamento sobre Gutenberg? Então continue lendo enquanto discutimos isso com mais detalhes.

Matt Mullenweg é a figura proeminente por trás de Gutenberg

De acordo com o anúncio do Mullenweg no 'State of the Word 2016', Gutenberg é um editor visual. No entanto, é um dos três principais focos principais para o futuro do WordPress. No início de 2017, Mullenweg assumiu Gutenberg como líder do projeto. Mas, para um maior desenvolvimento, Mullenweg contratou Joen Asmussen e Matias Ventura. Ele os contrata como funcionários da Automática. Assim, se você quiser ler mais sobre Mullenweg sobre Gutenberg, visite 'Nós o chamamos de Gutenberg por uma razão'.

É super fácil adicionar o Gutenberg ao seu site WordPress baixando-o como um plugin do WordPress, que você encontrará no diretório de plugins do WordPress.
O plug-in do Gutenberg é atualizado semanalmente, à medida que recursos novos e aprimorados continuam a ser adicionados. No entanto, tome nota da descrição deste plugin. Ainda é um software beta e deve ser usado com cuidado adequado. Como dito anteriormente, este editor provavelmente será integrado ao WordPress 5.0.

Gutenberg ainda está sendo implementado

Aqui está o que você precisa saber sobre os próximos recursos do Gutenberg.

• Gutenberg ainda não terminou. Vários recursos do Gutenberg estão sendo implementados atualmente. Junto com isso, a nova versão fez melhorias nos recursos e na interface do usuário implementados anteriormente.
• Não se preocupe se o Gutenberg não estiver funcionando corretamente para você. Os problemas estão sendo abordados à medida que a equipe continua a desenvolvê-lo.
• O editor está sendo escrito com a ajuda do React JavaScript. No entanto, considerando o ato atual do Facebook de relicenciar o projeto sob o nome – licença do MIT, o Sr. Matt anunciou que Gutenberg e wordpress.com seriam reescritos com uma biblioteca diferente. Isso atrasará o progresso de Gutenberg por um tempo.

Incorporações e blocos do Gutenberg

Para personalizar o layout e o conteúdo, o Gutenberg oferece uma variedade de blocos.

Aqui estão as Incorporações oferecidas por Gutenberg.

Os prós de Gutenberg

Aqui estão alguns dos grandes benefícios de incorporar o Gutenberg com o WordPress 5.0.

Progresso para o editor visual do WordPress

• Durante anos, o editor visual do WordPress foi bastante sem graça.
• O objetivo do Gutenberg é integrar uma interface altamente intuitiva para os usuários. Ele foi projetado para ajudar o WordPress a competir com outros editores visuais como Squarespace e Wix.

Uma jogada inteligente para armazenar informações de bloco usando comentários HTML

• Gutenberg armazena informações de bloco em comentários HTML.
• Esses comentários não são renderizados ativamente nas páginas ativas do site e só podem ser vistos no back-end do site.

Você pode facilmente desabilitar o Gutenberg sem quebrar o site

• Ao contrário de qualquer outro editor de páginas, você pode desinstalar facilmente este editor visual – Gutenberg sem quebrar o site.
• Não há chance de perder blocos organizados anteriormente ao reativar o Gutenberg. Os comentários HTML são sempre preservados no conteúdo.
• Você deve observar que, se o Gutenberg for desativado, a fonte da página poderá renderizar os comentários HTML.

Melhor execução da rotina de copiar/colar

• Nas versões anteriores do Gutenberg, a implementação de copiar/colar era nada menos que uma bagunça. Além disso, a formatação costumava se perder em todo esse processo, mas isso não é mais o caso.
• A colagem de listas, cabeçalhos, parágrafos etc. termina no tipo apropriado de blocos, que são construídos automaticamente pelo Gutenberg.
• Marcações de texto como itálico e negrito também são preservadas.

Saída HTML5 forte

• Gutenberg usa tags HTML 5, como figura e seção, para bloquear o conteúdo de saída.
• Com a ajuda de tags HTML 5, conteúdo à prova de futuro pode ser construído em Gutenberg.

Blocos fáceis de escrever

• Para produzir conteúdo personalizado, os desenvolvedores podem construir seus próprios blocos pessoais.
• Existem muitos recursos online disponíveis para obter mais informações sobre como escrever um bloco em Gutenberg.

Os contras de usar Gutenberg

Não há mais composição no navegador

• O foco da interface do usuário do Gutenberg está no layout do conteúdo em vez da criação de conteúdo.
• Os velhos tempos dos desenvolvedores de compor conteúdo usando a janela de postagem acabaram.

Você pode achar a interface do usuário um pouco desajeitada

• Algumas tarefas simples podem exigir mais ações do que no passado. Ao atualizar uma página, você terá que clicar duas vezes e não uma. Existem alguns ícones indefinidos disponíveis que não têm muitas pistas sobre sua funcionalidade exata.
• No caso de telas menores, o layout de três colunas pode ser confuso quando um usuário rola para baixo. Essas três colunas incluem o editor do Gutenberg, o menu de administração e a barra lateral do Gutenberg. Isso é particularmente verdadeiro se o tamanho da tela for de 12” ou menor.
• Ao lado e abaixo do editor, as meta-caixas não são visíveis nas configurações estendidas.

Os parágrafos não têm códigos de acesso

• Por enquanto, não há possibilidade de execução de shortcodes em blocos de parágrafos ou colunas de texto.
• Para colocá-los em funcionamento, eles devem ser incorporados no bloco de shortcode.
• Se o código de acesso estiver produzindo qualquer conteúdo embutido, como o ano ou qualquer uma das chamadas para ações em linha, isso poderá criar alguns problemas.
• Observe que os códigos de acesso em postagens/páginas podem continuar a funcionar mesmo quando o Gutenberg estiver integrado a um site existente. Os desenvolvedores fizeram um trabalho melhor para garantir que a plataforma atual não quebrasse.

Nenhuma outra incorporação ou imagem em parágrafos

• Em Gutenberg, as imagens precisam de seu bloco. Portanto, você não pode quebrar o texto em torno de nenhuma imagem.
• Da mesma forma, incorporações como vídeo ou áudio também precisam de seu bloqueio. Caso contrário, incorporações do Vimeo, YouTube etc. podem não funcionar mais em colunas de texto ou parágrafos do Gutenberg.

Principais preocupações de acessibilidade (pelo menos por enquanto)

• Por enquanto, Gutenberg está enfrentando problemas de acessibilidade. Pode haver alguns problemas significativos ao acessá-lo usando o back-end do editor. Isso também se aplica à saída de conteúdo no frontend (ou seja, CSS inline).
• Antes da versão final, a equipe de acessibilidade do WP provavelmente resolverá esses problemas.
  - Em geral, a acessibilidade é a prioridade para o WordPress.
  - Como o CSS inline é atualmente preservado em comentários HTML antes de renderizar no frontend, como os desenvolvedores irão resolver esse problema agora é uma grande questão.

Temas mais antigos não abordam a saída HTML 5

• O editor bloqueia o conteúdo de saída com o uso de tags HTML 5, como figura e seção.
• Muitos temas antigos não possuem CSS para lidar com o estilo das tags. Portanto, preenchimento ou margens para tais tags podem ser inexistentes.
• O próprio Gutenberg não possui folhas de estilo próprias para explicar isso.

Muita coisa ainda não foi resolvida com Gutenberg

A relação entre os temas e o editor Gutenberg:

• Como dito anteriormente, Gutenberg é mais sobre conteúdo e não sobre o estilo geral. Você ainda pode adicionar algumas cores de fundo para blocos, mas isso é executado mais como um estilo embutido.
• Por enquanto, as margens e os preenchimentos de bloco não são endereçados.
• Outros construtores de páginas do WordPress permitem que o usuário ajuste facilmente o controle sobre colunas, linhas, espaçamento, etc. Atualmente, o Gutenberg depende de um tema para isso.
• Em relação ao suporte ao tema Gutenberg, há muito pouca informação nos documentos. Isso também inclui amplo suporte a imagens, suporte a blocos e suporte a paleta de cores.
• Há um pouco de informação nos documentos sobre como aplicar estilos ao editor Gutenberg e usar folhas de estilo.
• O maior problema é que Gutenberg ainda precisa resolver problemas para iniciantes em desenvolvimento/design web. Eles são o público que Gutenberg pretende ajudar, mas a maioria dessas pessoas não tem ideia de como funciona a relação entre os temas e o sistema do WordPress.

Como o Gutenberg será incorporado ao núcleo do WordPress?

Até agora, a indicação aponta na direção de que Gutenberg fará parte do núcleo do WordPress. A versão 5.0 do WordPress deve ser lançada em 2018.
Se você está se perguntando se o editor será ativado por padrão ou se pode ser desativado por opção, essas perguntas ainda não foram respondidas. Neste ponto, nada pode ser dito com certeza. Talvez o editor seja executado da mesma forma que a API REST (ativada por padrão). Além disso, ele pode ser desativado facilmente usando um plug-in de propósito único ou plug-ins de segurança diferentes, como o iThemes Security.

A maioria das pessoas pensa que virá com um plugin ou bloco de código 'Desativar Gutenberg'. Talvez os famosos construtores de páginas incluam uma opção de desabilitar o Gutenberg em suas configurações. Uma sugestão popular é oferecê-lo no Jetpack e permitir que o usuário o ative usando essa plataforma.

A data de lançamento do editor WordPress Gutenberg

Até o momento, nenhuma data oficial de lançamento foi anunciada.

No entanto , Matt Mullenweg disse, "A equipe de Gutenberg está dando um passo atrás. Eles estão fazendo isso para reescrever Gutenberg usando uma biblioteca diferente. Isso pode causar um atraso no lançamento de Gutenberg, pelo menos um atraso de algumas semanas. É exatamente por isso que o lançamento de Gutenberg foi adiado para o ano de 2018."

Houve muitas reações fortes a esta declaração em particular. Por exemplo, Yoast disse:

"No Yoast, ficamos muito chocados com essas palavras. Em sua forma atual, Gutenberg não está pronto - de forma alguma - para uso mainstream. Na verdade, não o vemos pronto para ser lançado em qualquer lugar no primeiro semestre de 2018. . Além disso, pronto para ser lançado significa que a comunidade teve tempo suficiente para corrigir todas as suas integrações. No entanto, neste momento, não é possível que plugins se integrem ao Gutenberg. Como diabos os autores de plugins devem ser capazes construir suas integrações em poucos meses? Isso não é possível. Pelo menos não sem quebrar as coisas."

Yoast recomenda um curso alternativo para Gutenberg

"Estamos muito entusiasmados com a ideia dos blocos. No entanto, temos fortes preocupações com algumas das escolhas técnicas. Também com a velocidade do processo de implementação. Além disso, nossa preocupação é com a falta de prioridade dada às questões de acessibilidade no Ainda assim, estamos muito preocupados com o fato de os plugins não serem capazes de se integrar ao novo editor.”

Yoast discutiu o conceito de incorporar seu plugin com o Gutenberg.

"Começamos dividindo todos os nossos recursos. Além disso, fomos em frente para ver onde poderíamos integrá-los ao Gutenberg. No entanto, não achamos que manter uma única caixa enorme abaixo do editor servirá melhor nossos clientes. Assim, preferimos integrar exatamente onde a ação acontece. Gutenberg nos oferece essa chance.”

Quais são suas opiniões sobre Gutenberg?

Para responder a isso, definitivamente experimente o Gutenberg. Além disso, explore o editor WordPress Gutenberg usando-o em um site de teste. Depois disso, deixe-nos saber o que você gosta ou não gosta sobre ele.

Ainda assim, você pode enviar seus comentários diretamente para a equipe do Gutenberg. Vá para a seção de feedback no menu da barra lateral do Gutenberg. Conte-lhes sobre sua experiência de trabalhar com Gutenberg. Como resultado, você fará parte do sucesso deste projeto.