Gutenberg 101: O que você precisa saber sobre a atualização


Ahh cai. Bebidas sazonais, decisões de fantasias irônicas e lamentáveis, uma atualização completa da versão para o WordPress. Transtornados na felicidade outonal de ouvir seus amigos e parentes queixarem-se da mera audácia da ausência do sol; tão repentinamente desiludido das lembranças de quase assar vivo quase três semanas antes … você pode se achar pensando … "Qual é o efeito dessa coisa de Gutenberg que o desenvolvedor fechado no trabalho fica resmungando?"

Envie suas ansiedades para um luxuoso amigo do resort de inverno para eu, aquele murmurante e fechado desenvolvedor, estou aqui para fornecer uma breve visão geral do que você pode esperar do próximo lançamento do WordPress 5.0 e seu novo editor de conteúdo no assento do passageiro .

Sobre o editor do Gutenberg

Gutenberg é o codinome do editor de conteúdo redesenhado no WordPress. Este novo editor se tornará o padrão no WordPress 5.0, que deverá aparecer em novembro de 2018. Esse editor substituirá a grande caixa de texto com algo mais semelhante a uma tela à qual você adicionará partes ou blocos de conteúdo.

Se você publicou o trabalho no Medium, essa nova interface deve se parecer com a de casa. Para aqueles familiarizados com a edição de conteúdo no WordPress, esta deve ser uma experiência bem-vinda, mas muito diferente.

Nossa revisão das capacidades de Gutenberg

A equipe de desenvolvimento da Portent manteve um olhar atento sobre Gutenberg e testou o plug-in de desenvolvimento em alguns cenários diferentes para ver os efeitos. Além de alguns pequenos solavancos na estrada, a adição de Gutenberg a vários sites de clientes (até agora) não foi um problema. Especialmente verdadeiro para conteúdo de postagem padrão. A Comunidade WordPress sempre se concentrou na compatibilidade retroativa para novos recursos e a Gutenberg parece estar aderindo a esse princípio. Se você gostaria de experimentar o novo editor, o plugin está disponível para ser instalado gratuitamente no repositório de plugins do WordPress.

Começando

Antes de sair correndo e começar a baixar furiosamente, quero enfatizar algo meio óbvio: todo site é único. Mesmo que tenhamos encontrado Gutenberg como sendo mais ou menos inofensivo até agora, aconselho cautela ao adicionar um plug-in que apresente uma alteração tão significativa. Eu também não posso falar de temas ou sites que dependem fortemente de plugins de construção visual da página, como Visual Composer, Divi ou Elementor. Nesses casos, eu recomendaria que um desenvolvedor fizesse um diagnóstico em um servidor de teste ou em uma máquina local para ver como o Gutenberg afeta seu site específico.

Manipulando conteúdo existente

O requisito fundamental da declaração anterior é um grande motivo para eu escrever este post. Nem todo mundo tem um site de teste para brincar ou a capacidade técnica de criar um ambiente de desenvolvimento local para testes.

Eu falei sobre Gutenberg em várias conversas no trabalho durante o ano passado (sou bastante popular nas mesas de almoço), mas talvez você trabalhe em um escritório “normal” e só tenha ouvido falar sobre isso de passagem sem sentido real. do que está indo na sua direção.

Meu objetivo aqui é mostrar algumas das maiores mudanças que afetam o fluxo de trabalho de conteúdo, de modo que quando você se senta com Gutenberg pela primeira vez, você tem uma ideia do que fazer.

Agora, isso levanta a questão "O que acontece com o meu conteúdo existente?"

Preservação de formato

Assim que o Gutenberg estiver presente, o conteúdo das postagens existentes será colocado em um bloco chamado "Clássico". O bloco clássico preservará sua formatação, marcação HTML e códigos de acesso. Você não precisará se apressar e atualizar freneticamente todo o seu conteúdo para o novo formato de bloco.

gutenberg-shortcode-block

Shortcodes ainda estão disponíveis, eles são apenas um bloco agora

Trabalhando dentro de códigos de acesso

Nenhuma marcação HTML ou códigos de acesso estão desaparecendo com o Gutenberg. Ambos ainda têm seu lugar na criação de conteúdo. Ambos os blocos HTML e Shortcode são padrão em Gutenberg. Os códigos de acesso atuais continuarão funcionando e continuarão sendo exibidos conforme você passa para os layouts baseados em blocos.

Gif mostrando a opção Editar como HTML sendo usada em Gutenberg
gutenberg-edit-as-html

Quando surge a necessidade de mexer você ainda tem a opção de editar como HTML

Recurso "Converter em blocos"

Que você construirá todo o seu Novo artigos e páginas em Gutenberg a partir de 5.0 são um dado, então isso não fará parte de seu fluxo de trabalho padrão. Mas e o seu conteúdo legado?

Mencionei anteriormente que todo o conteúdo existente será colocado em um contêiner "Clássico", permitindo que você volte e atualize suas postagens para bloquear os layouts que você escolher. Há também uma opção extra útil em Gutenberg que pode fornecer uma vantagem ao converter suas postagens.

A opção "Converter em blocos" para o bloco clássico tentará separar seu conteúdo com base no HTML semântico usado em sua cópia. Se o texto for empacotado em um blockquote, ele será convertido em um bloco de cotação, UL: unordered list ou OL: Ordered list para um bloco de lista ou uma tag de cabeçalho como H2 em um bloco de cabeçalho.

Gif mostrando a opção de converter em bloco sendo usada para um bloco de editor clássico
gutenberg-convert-to-blocks

Usar a opção converter em blocos pode dar a você um avanço ao converter conteúdo antigo

Adaptando-se a Gutenberg

Isso é o suficiente sobre conteúdo antigo, vamos falar sobre novos recursos que afetarão seu fluxo de trabalho.

O padrão atual para escritores do WordPress é construir seu conteúdo em um documento grande. Parágrafos, cabeçalhos, listas e outros itens HTML textuais são inseridos manualmente. Por outro lado, no novo editor baseado em bloco, o conteúdo será formado a partir de partes individuais. Peças que podem ser movidas livremente, duplicadas e ajustadas no editor.

Gif mostrando vários blocos de conteúdo sendo adicionados ao editor em Gutenberg
gutenberg-add-blocks

Construa seu conteúdo da mesma forma que a chinchila vê o corpo humano … em pedaços

Recurso "Add Block"

Ao contrário dos códigos HTML e Shortcodes, os blocos são elementos ativos. Quando um bloco é selecionado, as opções contextuais ficarão disponíveis no lado direito do editor.

Por exemplo, antes de Gutenberg, se você precisasse mudar a cor para uma parte do texto, você o faria em HTML bruto. Ao trabalhar com códigos de acesso, você adiciona atributos no texto. Nenhuma das opções atualizaria no editor. Qualquer pessoa que tenha gasto tempo trabalhando assim no WordPress, conhece o shuffle save-preview-edit.

Gif mostrando uma galeria do WordPress atualizando no editor quando as opções de bloco são alteradas
gutenberg-options

Manipule seus colegas de trabalho com opções … em vez de emoções

Recurso "Transformar para"

Um recurso disponível para desenvolvedores do WordPress que estende a funcionalidade do Gutenberg é a capacidade de informar um bloco que pode ser transformado em.

Um cenário do mundo real seria: você está escrevendo um artigo e adiciona um bloco de parágrafo que mais tarde precisa se tornar um blockquote. Esse bloco de parágrafo agora tem a capacidade de ser transformado em um bloco blockquote. A parte importante aqui é: As transformações permitem que você corrija rapidamente erros ou mude seções inteiras para outro estilo sem ter que pensar muito sobre a maneira menos dolorosa ou mais elegante de fazê-lo.

Gif mostrando um bloco em Gutenberg sendo transformado de um tipo para outro

Sugestão: Isso será especialmente útil ao usar a opção "Converter em blocos" mencionada acima.

Não está pronto para Gutenberg?

Na preparação para o lançamento e inevitáveis ​​apreensões, a comunidade WordPress colocou um plugin chamado Classic Editor no repositório de plugins. O plugin Classic Editor irá preservar a experiência que você conheceu e amou … pelo menos desde a última vez que foi atualizado. Se você ainda não está preparado para seguir em frente com o Gutenberg, mas ainda precisa atualizar para o WordPress 5.0, este plugin é a melhor opção.

Assim como nem todo mundo estava pronto para parar de tocar três vezes no seu teclado flip phone, nem todo mundo vai receber uma nova experiência e conjunto de ferramentas no WordPress. Dito isso, esperamos que você fique mais empolgado e preparado para as próximas mudanças depois de ler isso.

Como sempre, deixe-nos saber nos comentários se você tiver alguma dúvida ou alguma coisa a acrescentar sobre a experiência direta com a atualização.

O post Gutenberg 101: O que você precisa saber sobre a atualização apareceu primeiro na Portent.

Textos que valem a leitura:

Alcançar CEO Nível de Produtividade como um Comerciante do Internet

5 opções de entrega de mercearia valem o preço porque tornam a vida mais fácil

Dieta Frugan de 4 semanas: O Bom, o Mau e o Feio

Promoção de conteúdo – Como ser notado por autoridades relevantes

SEO, Site Marketing e Web Analytics: Digital Dream Team

Mais visitantes graças a análise WDF * IDF

O novo Google Search Console Beta – insights e novos recursos

Top 10 MBA Faculdades na Índia