O objetivo desse novo editor é tornar a adição de conteúdo rico ao WordPress simples e agradável. Esta postagem inteira é composta por partes de conteúdo— um pouco semelhantes a peças de LEGO — que você pode mover e com as quais pode interagir. Mova o cursor e você perceberá que os diferentes blocos se destacam com contornos e setas. Clique nas setas para reposicionar os blocos rapidamente, sem se preocupar em perder nada durante o 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 possui seus próprios controles para ser movido livremente pela postagem…

… como este aqui, que está alinhado à direita.

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

Uma imagem vale mais que mil palavras

Lidar com imagens e mídias com o máximo cuidado é uma das principais prioridades do novo editor. Esperamos que você perceba que adicionar legendas ou ajustar as imagens para ocuparem toda a largura da tela ficou muito mais fácil e eficiente do que antes.

Tente selecionar e excluir 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.

A ferramenta de inserção

Imagine que tudo o que o WordPress pode fazer esteja à sua disposição de forma rápida e em um único lugar na interface. Não é preciso entender tags HTML, classes nem memorizar sintaxes complicadas de shortcodes. 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. Plug-ins 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 incluir em suas postagens e que você não conhecia. Aqui está uma pequena lista do que você pode encontrar lá atualmente:

• Texto e títulos
• Imagens e vídeos
• Galerias
• Conteúdos incorporados, como vídeos do YouTube, tweets ou outras postagens do WordPress.
• Blocos de layout, como botões, imagens de destaque, separadores, etc.
• E listas como esta, é claro 🙂

---

Edição visual

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

O editor se empenhará em criar uma nova experiência de criação de páginas e publicações que torne a redação de posts ricos algo simples, e contará com “blocos” para facilitar o que hoje pode exigir o uso de shortcodes, HTML personalizado ou a descoberta de códigos de incorporação “misteriosos”.

Matt Mullenweg, 2017

As informações referentes à fonte da citação são inseridas em um campo de texto separado, semelhante às legendas abaixo das imagens; assim, a estrutura da citação permanece intacta mesmo que você selecione, modifique ou remova a fonte. É sempre fácil adicioná-la novamente.

Os blocos podem ser o que você precisar. Por exemplo, você pode querer incluir uma citação discreta como parte da composição do seu texto, ou talvez prefira exibir uma citação gigante e estilizada. Todas essas opções estão disponíveis no inseridor.

Você pode alterar o número de colunas nas suas galerias arrastando um controle deslizante no inspetor de blocos, na barra lateral.

Rico em mídia

Se você combinar os novos alinhamentos “wide” e “full-wide” com galerias, poderá criar um layout com muito conteúdo multimídia de forma muito rápida:

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

A galeria acima contém apenas duas imagens. É uma maneira mais fácil de criar layouts visualmente atraentes, sem precisar lidar com floats. Você também pode converter facilmente a galeria de volta em imagens individuais, usando o seletor de blocos.

Qualquer bloco pode adotar esses alinhamentos. O bloco de incorporação também os possui e já é responsivo por padrão:

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

Código é Poesia

A comunidade do WordPress

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

---

Obrigado por testar o Gutenberg!

👋