O objetivo deste novo editor é tornar a adição de conteúdo rico ao WordPress simples e agradável. Este post é composto por pedaços de conteúdo— um pouco semelhante aos blocos de LEGO — que você pode mover e interagir. Mova o cursor e você verá os diferentes blocos se iluminarem com contornos e setas. Pressione as setas para reposicionar os blocos rapidamente, sem medo de perder nada no processo de copiar e colar.

O que você está lendo agora é um bloco de texto o bloco mais básico de todos. O bloco de texto tem seus próprios controles para ser movido livremente pela postagem…

… como esta, que está alinhada à direita.

Os títulos também são blocos separados, o que ajuda no esboço e na organização do seu conteúdo.

Uma imagem vale mais que mil palavras

O foco principal do novo editor é lidar com imagens e mídia com o máximo cuidado. Esperamos que você ache a adição de legendas ou a ampliação total das suas fotos muito mais fácil e robusta do que antes.

Tente selecionar e remover ou editar a legenda. Agora você não precisa mais se preocupar em selecionar a imagem ou outro texto por engano e estragar a apresentação.

O Insersor Ferramenta

Imagine que tudo o que o WordPress pode fazer está disponível para você rapidamente e no mesmo lugar na interface. Não precisa mais entender tags HTML, classes ou memorizar sintaxes complicadas de shortcode. Esse é o espírito por trás do inserter — o (+) botão que você verá ao redor do editor — que permite navegar por todos os blocos de conteúdo disponíveis e adicioná-los à sua postagem. Plugins e temas podem registrar seus próprios blocos, abrindo todo tipo de possibilidades para edição e publicação avançadas.

Experimente! Você pode descobrir coisas que o WordPress já permite adicionar às suas postagens e que você nem imaginava. Aqui está uma pequena lista do que você pode encontrar lá atualmente:

• Texto e títulos
• Imagens e vídeos
• Galerias
• Incorporações, como YouTube, Tweets ou outras postagens do WordPress.
• Blocos de layout, como botões, imagens de heróis, separadores, etc.
• E Listas como esta, claro 🙂

Edição Visual

Uma grande vantagem dos blocos é que você pode editá-los no local e manipular seu conteúdo diretamente. Em vez de ter campos para editar itens como a fonte de uma citação ou o texto de um botão, você pode alterar o conteúdo diretamente. Experimente editar a seguinte citação:

O editor se esforçará para criar uma nova experiência de construção de páginas e postagens que torne a escrita de postagens ricas fácil e tenha "blocos" para facilitar o que hoje exigiria códigos de acesso, HTML personalizado ou descoberta de incorporação de "carne misteriosa".

Matt Mullenweg, 2017

As informações correspondentes à fonte da citação são um campo de texto separado, semelhante às legendas sob imagens, de modo que a estrutura da citação é protegida mesmo se você selecionar, modificar ou remover a fonte. É sempre fácil adicioná-la novamente.

Blocos podem ser qualquer coisa que você precise. Por exemplo, você pode querer adicionar uma citação discreta como parte da composição do seu texto, ou pode preferir exibir uma citação gigante e estilizada. Todas essas opções estão disponíveis no insersor.

Você pode alterar a quantidade de colunas em suas galerias arrastando um controle deslizante no inspetor de blocos na barra lateral.

Mídia rica

Se você combinar o novo largo e em toda a extensão alinhamentos com galerias, você pode criar um layout muito rico em mídia, muito rapidamente:

Claro, a imagem em tela cheia pode ser bem grande. Mas às vezes a imagem vale a pena.

A imagem acima é uma galeria com apenas duas imagens. É uma maneira mais fácil de criar layouts visualmente atraentes, sem precisar lidar com flutuações. Você também pode facilmente converter a galeria de volta para imagens individuais usando o alternador de blocos.

Qualquer bloco pode optar por esses alinhamentos. O bloco de incorporação também os possui e é responsivo desde o início:

Você pode criar qualquer bloco que desejar, estático ou dinâmico, decorativo ou simples. Aqui está um bloco de citação:

Se você quiser saber mais sobre como construir blocos adicionais ou se estiver interessado em ajudar no projeto, acesse o Repositório GitHub.

Obrigado por testar o Gutenberg!

Lorem Ipsum é simplesmente um texto modelo da indústria tipográfica e de impressão. O Lorem Ipsum tem sido o texto modelo padrão da indústria tipográfica e de impressão desde o século XVI, quando um impressor desconhecido pegou uma galera de tipos e os embaralhou para criar um livro de espécimes de tipos. Ele sobreviveu não apenas a cinco séculos, mas também ao salto para a composição eletrônica, permanecendo essencialmente inalterado. Foi popularizado na década de 1960 com o lançamento das folhas Letraset contendo passagens do Lorem Ipsum e, mais recentemente, com softwares de editoração eletrônica como o Aldus PageMaker, incluindo versões do Lorem Ipsum.