Se você pensar bem, o bloco pré-formatado combina código e bloco de parágrafos. O único objetivo do bloco é exibir texto. Ele garante que seu conteúdo permaneça claro e estruturado.
O bloco pré-formatado é a solução para manter um layout de texto preciso com espaçamento e formatação especial. É um salva-vidas para as pessoas que lutam para manter um layout de texto exato.
Hoje, compartilharemos nossas orientações sobre como usar o bloco Pré-formatado no WordPress e tentaremos desdobrar todos os recursos que esse bloco oferece a seguir. Mas, antes disso, vamos primeiro saber o que ele é.
O que é o bloco pré-formatado?
O bloco pré-formatado é um bloco de conteúdo central do WordPress projetado para preservar espaços e quebras de linha exatamente como a entrada. É a solução ideal para exibir trechos de código, layouts pré-projetados ou qualquer coisa que exija formatação fixa.
O texto pré-formatado beneficia você de várias maneiras. Vamos dar uma olhada em alguns dos benefícios abaixo.
- Formatação precisa: Garante que o texto apareça exatamente como foi escrito, preservando as quebras de linha e o espaçamento.
- Versatilidade: Adequado para textos não codificados que exigem layouts estruturados, como poesia ou arte ASCII.
- Legibilidade aprimorada: Exibe fontes de largura fixa, tornando o texto distinguível, especialmente ao exibir códigos ou instruções técnicas.
- Estilo personalizado: Permite opções adicionais de estilo com HTML e CSS em linha, oferecendo flexibilidade para designs exclusivos.
Criar mesas bonitas
Com o Block Editor
Recursos da barra de ferramentas de blocos pré-formatados
O bloco Pré-formatado não tem nenhuma opção específica no editor. Ele tem todas as opções básicas como qualquer outro bloco principal no Gutenberg.
Ele tem as seguintes opções básicas.
- Transformar: Você pode transformar esse bloco em um parágrafo, código, colunas, etc.
- Arrastar: Permite que você arraste e solte o bloco dedicado em qualquer lugar.
- Alças móveis: Permite que você mova seu bloco para cima e para baixo.
- Negrito: Permite que você coloque o conteúdo de seu bloco em negrito.
- Itálico: Permite que você coloque o conteúdo de seu bloco em itálico.
- Hiperlink: Essa opção permite que você adicione links para o conteúdo selecionado dentro do bloco.
- Mais controles de rich text: Inclui mais opções de formatação de texto, como Footnow, Highlight, Inline code, Inline Image, etc.
- Mais opções: Oferece mais opções relacionadas à seção do bloco, como duplicar, copiar, agrupar, etc.
Agora, vamos ver como você pode usar o bloco pré-formatado.
Como usar o bloco pré-formatado?
Usar o bloco pré-formatado é muito fácil, pois qualquer pessoa pode usá-lo facilmente, e ninguém precisa de habilidades de codificação para usar o bloco. Não deixe de nos acompanhar!
Etapa 1: Inserir o bloco pré-formatado
Navegue até os posts ou a página em que deseja usar o bloco pré-formatado.
Quando você estiver no editor, clique em Add Block ("+") ícone (1), digite "Pré-formatados" na caixa de pesquisa (2)e clique em "Pré-formatados" (3).
Etapa 2: Insira seu código ou texto pré-formatado
Quando o bloco de código estiver no editor, insira seu texto ou código pré-formatado.
Etapa 3: Modificar as opções de personalização
As opções de personalização do recurso de bloco pré-formatado cor, tipografia, dimensões e borda opções para personalização de blocos de código.
Descreverei os recursos de personalização a seguir. Você pode personalizar seu bloco da maneira que desejar.
Para acessar a personalização do Bloco de código, navegue até Configurações (1)> Bloco (2) > Estilos (3)
Você pode modificar a cor, a tipografia, as dimensões e a borda.
- Cor: Essa função permite que você altere a cor do texto e do plano de fundo.
- Tipografia: A tipografia permite que você selecione as fontes e o tamanho da fonte, a aparência, a altura da linha, o espaçamento entre as letras, o revestimento das letras e a decoração das letras.
- Dimensões: As dimensões permitem que você ajuste o preenchimento e a margem do bloco de texto.
- Fronteira: A opção Border (Borda) permite adicionar borda e raio de borda ao seu bloco de texto.
É assim que você usa o bloco pré-formatado no WordPress.
Considerações finais!
O bloco pré-formatado é uma ferramenta útil para quem precisa de layouts de texto precisos para exibir conteúdo. É ideal para adicionar um trecho de código, uma citação estilizada ou arte de texto.
Faça experiências com ele em seu próximo projeto para ver como ele pode melhorar a forma como você apresenta as informações. Diga-me o que achou na seção de comentários abaixo. Você também pode compartilhar esta publicação nas mídias sociais e contar a seus amigos sobre ela.
Leia mais!
- 7 melhores plug-ins de tabela de preços do WordPress
- Como usar o bloco de título no WordPress (2 etapas fáceis) Tableberg
- Como usar o bloco de parágrafo no WordPress (2 etapas fáceis)
- Como usar o bloco de versos no WordPress (4 etapas fáceis)
- Como usar o bloco de listas no WordPress
- Como usar o bloco de citação no WordPress em 3 etapas fáceis
- Como usar o bloco de código no WordPress em 3 etapas simples
