Como usar o bloco de versos do WordPress

O Bloco de Versos do WordPress foi projetado para mostrar o texto em um formato versificado. Ele exibe o texto sem alterar suas quebras de linha e espaços. Pressionar a tecla Enter inicia a próxima linha em vez de iniciar um novo parágrafo. Não se destina ao seu conteúdo normal. Em vez disso, é projetado para poesia, letras de músicas ou qualquer outro tipo de expressão literária.

Saber como usar o Bloco de Verso pode ajudá-lo a projetar adequadamente a aparência do seu conteúdo. Neste artigo, veremos as configurações e opções do Bloco de versos, veremos as práticas recomendadas de como usá-lo e veremos as perguntas frequentes.

Como adicionar o bloco de verso à sua postagem ou página

Para adicionar o Bloco de Versos às suas páginas e postagens, selecione o ícone do bloco no seu conteúdo ou no canto superior esquerdo da página, insira o nome do bloco e selecione-o quando ele aparecer.

O Bloco de Verso é então adicionado ao seu conteúdo, onde você pode começar a adicionar poesia, letras de músicas, etc. Os estilos padrão do Bloco de Verso irão variar dependendo do tema que você está usando. Estou usando o tema Twenty Twenty-One do WordPress para esses exemplos.

Quando você insere seu texto no campo e pressiona a tecla Enter, você é levado para a próxima linha. Isso funciona como o bloco pré-formatado em vez do bloco de parágrafo, que adiciona um novo parágrafo quando você pressiona Enter.

Ele ainda mantém todos os espaços extras que você adicionou entre as palavras. Este exemplo mostra a postagem publicada, completa com espaços e quebras de linha.

Configurações e opções do bloco do verso

O bloco de versos tem duas áreas com configurações e opções. A primeira é a barra de ferramentas do verso. A segunda são as opções do bloco de versos na barra lateral direita. Aqui está uma olhada em ambos.

Verse Block Toolbar

Clicar em qualquer lugar no bloco de versos abre sua barra de ferramentas.

Alterar tipo ou estilo de bloco

A primeira configuração muda o bloco para um Bloco de Parágrafo, muda o número de colunas e permite agrupar. Passar o mouse revela uma visualização para que você saiba como ficaria.

Arraste ou mova

A ferramenta de arrastar inclui seis pontos. Pegue esses pontos para arrastar o bloco para onde quiser. Como alternativa, você pode clicar nas setas para mover o bloco ou texto dentro do conteúdo.

Alinhamento de Texto

As opções de alinhamento de texto incluem esquerda, centro e direita. Isso move onde o texto é alinhado dentro do bloco.

Negrito e Itálico

As configurações de negrito e itálico se aplicam ao texto que você destacou ao selecionar as opções. Use-os individualmente ou juntos, como fiz neste exemplo.

Ligação

A configuração do link permite que você pesquise ou insira o URL da parte do texto que você destacou.

Mais configurações

O link Mais configurações abre uma caixa suspensa com várias opções. Eles tentam fornecer um exemplo simples para mostrar visualmente para que servem.

Código Inline

Isso mostra o texto como código. Eu defini a primeira e a terceira linhas para um formato de código neste exemplo.

Imagem Inline

Imagem embutida abre a Biblioteca de mídia, onde você pode selecionar uma imagem. A imagem é adicionada inline, no local do seu cursor. Selecionar a imagem abre uma caixa suspensa onde você pode selecionar a largura da imagem.

Entrada de teclado

A entrada de teclado adiciona tags de teclado ao seu conteúdo. Isso define a entrada do teclado e é exibido na fonte monoespaçada padrão do navegador.

Aqui estão as tags adicionadas ao texto quando você o visualiza no editor de código.

Tachado

Tachado adiciona uma linha ao texto que você destacou.

Subscrito

Subscript formata o texto que você destacou como subscrito.

Sobrescrito

Sobrescrito formata o texto que você destacou como sobrescrito.

Use subscrito e sobrescrito juntos para reduzir o tamanho da fonte e centralizá-la horizontalmente.

Cor do texto

Cor do texto permite ajustar a cor do texto destacado. Você pode selecionar algumas cores pré-escolhidas, escolher uma cor na ferramenta de seleção de cores ou inserir o valor como um código hexadecimal ou RBG.

Opções de bloco de versos

As opções do bloco de versos incluem:

Ocultar mais configurações - oculta a barra lateral direita, proporcionando um espaço de trabalho mais limpo.

Copiar - copia o bloco de versos para que você possa colá-lo em qualquer lugar do editor que desejar.

Duplicar - cria uma duplicata do Bloco de Versos e a coloca sob o original.

Inserir antes - adiciona um espaço antes do bloco de verso onde você pode colocar outro bloco.

Inserir depois - adiciona um espaço após o bloco de verso onde você pode colocar outro bloco.

Mover para - coloca uma linha azul que você pode mover para cima ou para baixo com as teclas de seta. Quando a linha azul atingir o local para o qual você deseja mover o bloco de versos, pressione Enter e o bloco será movido automaticamente.

Editar como HTML - abre o editor de código onde você pode editar todo o seu conteúdo como HTML.

Adicionar a blocos reutilizáveis - adiciona o bloco de verso à sua lista de blocos reutilizáveis ​​para que você possa usá-lo em qualquer página ou postagem.

Grupo - adicione o bloco a um grupo para que você possa ajustar os blocos como uma única unidade.

Remover bloco - exclui o bloco.

Configurações de bloco de verso

As configurações do Verso Block são colocadas na barra lateral direita. Se a barra lateral estiver sendo exibida, a seleção do bloco exibirá as configurações. Se a barra lateral não estiver aparecendo, clique no ícone de engrenagem e selecione o bloco na área de conteúdo.

Tipografia

A tipografia permite selecionar o tamanho da fonte para todo o bloco em uma caixa suspensa ou inserir um tamanho personalizado.

Cor

A cor dá a você controle sobre as cores do texto e do plano de fundo do bloco de versos. Escolha uma das cores pré-selecionadas ou selecione uma cor personalizada. Escolha uma cor sólida ou crie um gradiente para o fundo. Defina o gradiente como linear ou radial. Você também pode definir a cor dos links.

Espaçamento

O espaçamento permite que você adicione espaço a todos os lados, ou lados específicos, do bloco de versos.

Avançado

Avançado inclui uma opção para uma âncora HTML e um campo para adicionar classes CSS. A âncora é um endereço da web especial apenas para o Bloco de Versos. Isso permite que você se conecte diretamente a este bloco. O campo de classes CSS permite criar CSS customizado para estilizar seu bloco.

Dicas e práticas recomendadas para usar o bloco de versos com eficácia

Use-o para mostrar o texto de forma diferente do texto padrão em seu site. Também é uma ótima opção se você deseja manter espaços em seu conteúdo.

Use um bloco de parágrafo para criar um título para o poema ou música.

O estilo do seu bloco de versos irá corresponder ao seu tema por padrão. Crie um estilo diferente para que se destaque do resto do seu site. Depois de estilizá-lo, adicione-o aos seus blocos reutilizáveis ​​para que você possa usá-lo novamente.

Para convertê-lo em outro tipo de bloco, você precisa primeiro convertê-lo em um Bloco de Parágrafo. Em seguida, você pode convertê-lo em outros tipos de blocos.

Perguntas frequentes sobre o bloco de versos

Qual é o propósito do bloco de versos?

É usado para exibir texto com várias linhas. Isso é ideal para poesia, letras de músicas, etc.

Qual é a diferença entre um bloco de verso e um bloco de parágrafo?

Funciona de maneira semelhante ao Bloco de Parágrafos, exceto que mantém o espaçamento e adiciona o texto à próxima linha pressionando a tecla Enter. O Bloco de Parágrafos exige que você segure a tecla Shift ao pressionar Enter.

Pode ser usado para algo além de poesia?

sim. É ideal para poesia e letras de músicas, mas pode ser usado para qualquer tipo de texto que você queira dividir em versos. Por exemplo, você também pode usá-lo para apresentar uma lista que não é numerada ou com marcadores.

Você tem que usar se quiser poesia?

Não. Você pode adicionar poesia ao bloco de parágrafo segurando a tecla shift quando pressiona enter, mas o bloco de verso é pré-formatado, o que o torna mais fácil de usar rapidamente. Simplesmente insira seu texto, pressione Enter e continue digitando na próxima linha.

Conclusão

Essa é a nossa visão do Bloco de Versos do WordPress. Este é um excelente bloco para exibir poesia, letras de músicas ou qualquer outro tipo de literatura versada. Também é útil para qualquer tipo de texto em que você deseja manter espaços ou quebras de linha. É fácil de usar e pode dar ao seu conteúdo um toque visual difícil de obter com um Bloco de Parágrafos. É altamente recomendável usar este bloco WordPress especializado para todo o seu conteúdo poético.

Nós queremos ouvir de você. Você usa o bloco de versos do WordPress? Deixe-nos saber o que você pensa sobre isso nos comentários.

Imagem em destaque via ivector / shutterstock.com