Bem-vindo ao editor Gutenberg

Sobre montanhas e primeiras impressões

O objetivo deste novo editor é tornar a inclusão de conteúdo rico no WordPress simples e agradável. Este post é todo composto de pedaços de conteúdo — algo parecido com os blocos LEGO — que você pode movimentar e com eles, interagir. Movimente o cursor pela tela e você vai notar que os vários blocos são ressaltados por linhas e setas. Clique nas setas para reposicionar os blocos rapidamente, sem o medo de perder alguma coisa 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 que seja movimentado livremente pelo post…

…como este aqui, que é alinhado à direita.

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

Uma imagem vale por mil palavras

Lidar com imagens e mídias com todo o cuidado é um dos focos básicos do novo editor. Esperamos que você ache bem mais fácil do que antes a maneira de adicionar legendas ou exibir as imagens em tela cheia.

Linda paisagem
Se o seu tema permitir, você verá um botão “largo” na barra de ferramentas da imagem. Experimente.

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

A ferramenta de adição

Imagine tudo o que o WordPress pode fazer, está disponível para você rapidamente e no mesmo lugar na interface. Sem necessidade de lembrar sobre tags de HTML, classes ou lembrar da sintaxe complicada de shortcodes. Esse é o espírito por trás do adicionador, o botão (+) que você verá pelo editor, que permite navegar em todos os blocos de conteúdo disponíveis e adicioná-los ao seu post. Plugins e temas são capazes de registrar os seus próprios, abrindo todo o tipo de possibilidades para edição e publicação.

Experimente, você pode descobrir coisas que o WordPress já é capaz de adicionar nos seus posts e que você nem sabia. Aqui vai uma lista do que você já pode encontrar:

  • Textos & títulos
  • Imagens & vídeos
  • Galerias
  • Incorporados, como YouTube, Tweets ou outros posts do WordPress.
  • Blocos de layout, botões de curtir, imagens em destaque, separadores etc.
  • E listas como esta aqui, é claro 🙂

Edição visual

Uma enorme vantagem dos blocos é que você consegue editá-los no lugar e manipular o conteúdo deles diretamente. Em vez de ter campos para editar, por exemplo, o código 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 propõe a criar uma nova experiência de construção de posts e páginas, facilitando a criação conteúdos mais elaborados. Ele tem “blocos” para facilitar aquilo que atualmente envolveria shortcodes, HTML personalizados ou uma confusão de elementos incorporados.

Matt Mullenweg, 2017

A informação que corresponde à origem da citação é um campo separado, similar às legendas sob as imagens, de forma que a estrutura da citação esteja sempre certa, mesmo que você selecione, modifique ou remova essa origem. Também fica fácil adicioná-la de volta.

Os blocos podem ser qualquer coisa que você precisar. Por exemplo, você pode querer adicionar uma citação tímida como parte da composição do texto, ou talvez prefira exibir uma em estilo gigante. Todas essas opções estão disponíveis no adicionador.

Você pode mudar a quantidade de colunas em suas galerias mexendo no controle deslizante do inspetor de bloco da barra lateral.

Rico em mídia

Se você combinar os novos alinhamentos largura ampla e largura total com galerias, você pode criar uma boa apresentação visual muito rapidamente:

A acessibilidade é importante — não se esqueça dos atributos alt de imagem

É claro que uma imagem ocupando a largura total pode ficar muito grande. Mas às vezes a imagem vale a pena.

A galeria acima tem somente duas imagens. É uma maneira mais fácil de ter um visual atraente, sem ter que lidar com floats, um código CSS que pode ser bem complicado. Você também pode facilmente converter a galeria de volta a imagens individuais, usando o botão de transformação de blocos.

Qualquer bloco pode usar estes alinhamentos, até o bloco de mídias incorporadas, que já é responsivo por padrão:

https://www.youtube.com/watch?v=GLtrttmneMM

Você consegue montar o bloco que quiser, estático ou dinâmico, decorativo ou simples. Aqui vai um bloco com citação destacada:

Código é poesia

A comunidade 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!

👋

2 respostas para “Bem-vindo ao editor Gutenberg”

  1. Agência B&B disse:

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vel nunc sed dolor pulvinar iaculis sed vitae erat. Cras luctus nibh sit amet urna condimentum facilisis. Donec pulvinar odio arcu, vitae feugiat nisl iaculis eget. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla sapien mauris, porta non fermentum quis, porta non neque. Nam eget nisi in ligula semper venenatis. Nam nec velit magna. Duis laoreet sed urna in auctor.

    • Agência B&B disse:

      Etiam dignissim arcu metus, at volutpat est ultricies in. Quisque ac mi sed dolor aliquet scelerisque. Morbi viverra justo et dapibus viverra. Etiam quis fringilla libero. Cras a suscipit augue. Nam imperdiet magna vestibulum lorem viverra consequat. Phasellus bibendum ex et ligula gravida maximus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse consequat risus id turpis finibus dignissim. Nunc sit amet bibendum arcu.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *