O objetivo deste novo editor é tornar a adição de conteúdo rico ao WordPress simples e agradável. Todo este artigo é composto por elementos de conteúdo— um pouco semelhantes a peças de LEGO — que pode mover e com os quais pode interagir. Mova o cursor e irá reparar que os diferentes blocos ficam destacados com contornos e setas. Prima as setas para reposicionar os blocos rapidamente, sem receio de perder nada durante o processo de copiar e colar.

O que está a ler neste momento é um bloco de texto, o bloco mais básico de todos. O bloco de texto tem os seus próprios controlos que permitem movê-lo livremente pelo artigo…

… como este, que está alinhado à direita.

Os títulos também são blocos separados, o que ajuda a estruturar e a organizar o seu conteúdo.

Uma imagem vale mais do que mil palavras

O tratamento de imagens e conteúdos multimédia com o máximo cuidado é uma das principais prioridades do novo editor. Esperamos que considere as funcionalidades de adicionar legendas ou de apresentar as suas imagens em largura total muito mais fáceis e robustas do que anteriormente.

Experimenta selecionar e remover ou editar a legenda; agora já não precisas de ter cuidado para não selecionares a imagem ou outro texto por engano e estragares a apresentação.

A ferramenta de inserção

Imagine que tudo o que o WordPress pode fazer está à sua disposição de forma rápida e num único local da interface. Não é preciso perceber de tags HTML, classes nem memorizar sintaxes complicadas de shortcodes. É esse o espírito por trás do inserter — o (+) botão que verá à volta do editor — que lhe permite percorrer todos os blocos de conteúdo disponíveis e adicioná-los à sua publicação. Os plugins e os temas podem registar os seus próprios blocos, abrindo todo o tipo de possibilidades para uma edição e publicação mais avançadas.

Experimenta, pois podes descobrir coisas que o WordPress já permite adicionar às tuas publicações e que ainda não conhecias. Aqui está uma pequena lista do que podes encontrar lá neste momento:

• Texto e títulos
• Imagens e vídeos
• Galerias
• Conteúdos incorporados, como vídeos do YouTube, tweets ou outras publicações 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 é possível editá-los no próprio local e manipular o conteúdo diretamente. Em vez de ter campos para editar elementos como a fonte de uma citação ou o texto de um botão, pode alterar diretamente o conteúdo. Experimente editar a seguinte citação:

O editor procurará criar uma nova experiência de criação de páginas e publicações que torne a redação de publicações ricas numa tarefa simples e que inclua «blocos» para facilitar o que hoje pode exigir o uso de códigos de atalho, HTML personalizado ou a descoberta de elementos incorporados «mistiosos».

Matt Mullenweg, 2017

A informação relativa à fonte da citação é um campo de texto separado, semelhante às legendas das imagens, pelo que a estrutura da citação permanece intacta mesmo que selecione, altere ou elimine a fonte. É sempre fácil voltar a adicioná-la.

Os blocos podem ser o que quiseres. Por exemplo, podes querer adicionar uma citação discreta como parte da composição do teu texto, ou podes preferir apresentar uma citação gigante e estilizada. Todas estas opções estão disponíveis no inseridor.

Pode alterar o número de colunas nas suas galerias arrastando um controlo deslizante no inspetor de blocos, na barra lateral.

Rico em conteúdos multimédia

Se combinar os novos alinhamentos «wide» e «full-wide» com galerias, poderá criar um layout muito rico em conteúdos multimédia, de forma muito rápida:

Claro, a imagem em largura total pode ser bastante grande. Mas, por vezes, a imagem compensa.

A galeria acima contém apenas duas imagens. É uma forma mais fácil de criar layouts visualmente apelativos, sem ter de lidar com elementos flutuantes. Também pode facilmente converter a galeria de volta em imagens individuais, utilizando o seletor de blocos.

Qualquer bloco pode aderir a estes alinhamentos. O bloco «embed» também os possui e é responsivo por predefinição:

Podes criar qualquer bloco que desejares, estático ou dinâmico, decorativo ou simples. Aqui está um bloco de citação:

O código é poesia

A comunidade do WordPress

Se quiseres saber mais sobre como criar blocos adicionais, ou se estiveres interessado em ajudar no projeto, visita o repositório do GitHub.

---

Obrigado por testar o Gutenberg!

👋