Como criar caixas de texto no WordPress (3 tipos)

Uma caixa de texto é uma área designada no editor do Gutenberg onde você pode criar e publicar textos com diferentes opções de tipografia, fonte, cor, estilização e outras opções de formatação.

Quando você deseja destacar um anúncio importante, um depoimento ou uma breve descrição de produto, as caixas de texto permitem que você faça isso. Neste artigo, mostraremos a você várias maneiras de criar caixas de texto no WordPress.

Tipo 1: Adicionar uma caixa de texto com um plano de fundo colorido

Esse é um processo simples e direto. Você só precisa adicionar uma cor ao plano de fundo do bloco de parágrafo específico.

Etapa 1: Selecione um texto em sua postagem/página

Abra o post/página onde você deseja adicionar a caixa de texto. Selecione o texto desejado colocando o cursor sobre o parágrafo específico.

Selecione um texto em sua postagem/página para criar uma caixa ao redor dele

Etapa 2: Adicionar uma cor ao plano de fundo do bloco

Ir para o Guia Estilos, conforme indicado na imagem abaixo. Clique no botão Opção de plano de fundo e selecione uma cor. A cor será aplicada instantaneamente ao bloco, que você poderá ver em tempo real.

Quando a cor for aplicada ao redor e dentro de todo o bloco, parecerá que uma caixa foi criada ao redor dele, criando uma caixa de texto.

Adicione uma cor ao plano de fundo do bloco em uma caixa ao redor dele

Assim, você pode criar uma caixa de texto com um fundo colorido.


Tipo 2: Adicionar um texto com bordas

Adicionar bordas ao redor do bloco é outra maneira fácil de criar uma caixa de texto. Siga as etapas explicadas abaixo.

Etapa 1: Selecione o texto no Editor

Selecione um texto novamente clicando no bloco de parágrafo desejado, como mostramos no método acima.

Selecione um bloco de parágrafo para adicionar uma borda ao redor dele

Etapa 2: convertê-lo em um bloco de grupo

Por padrão, o bloco de parágrafo não permite que você adicione uma borda ao redor dele. Portanto, converta-o no bloco Bloco de grupos.

Clique no botão Ícone de parágrafo na barra de ferramentas do Gutenberg. Aparecerá uma lista com a opção Group no final. Clique no botão Opção de grupo na lista.

O bloco será convertido em um bloco de grupo.

Converter o bloco Paragraph no bloco Group

Etapa 3: Adicionar borda e raio ao bloco

Ir para o Guia Estilos do bloco selecionado. Role a guia um pouco para baixo.

Vá para a guia Styles (Estilos) do bloco Group (Grupo)

Você verá o Opção de borda. Coloque um valor de pixel para definir a largura da borda. Você também pode adicionar raio e preenchimento ao bloco, se desejar.

Portanto, sua caixa de texto está pronta. A adição de raio e preenchimento pode tornar a caixa de texto mais apresentável. Por isso, você pode considerar adicioná-los.

Adicione borda, raio e preenchimento ao bloco Group para criar uma caixa de texto

Tipo 3: Adicionar caixas de texto na tabela

Muitas vezes, você pode querer criar várias caixas de texto na mesma linha. Mas isso não é possível com o bloco de parágrafos padrão. Entretanto, você pode fazer isso facilmente criando uma tabela.

Tableberg é um plug-in de criação de tabelas para fazer isso. Instalar e ativar o plug-in e siga as etapas mostradas abaixo.

Etapa 01: Adicionar o bloco TableBerg ao seu site

Basta encontrar o Bloco TableBerg na biblioteca de blocos do Gutenberg e adicione-o ao seu editor de postagem/página.

Adicione o bloco TableBerg ao seu post ou página

Etapa 02: Criar colunas conforme necessário

Como a tabela padrão do Gutenberg, criar quantas colunas forem necessárias sobre a mesa.

Crie colunas conforme sua necessidade

Etapa 03: Adicionar conteúdo às colunas da tabela

Embora o TableBerg permita que você adicione listas, botões de CTA e imagens à tabela, adicionamos texto simples apenas para explicar o tutorial.

Adicionar conteúdo à tabela

Etapa 04: Adicionar cores às colunas da tabela

Selecione uma coluna na mesa, colocando o cursor sobre ela. Vá para a seção Guia Estilos. Clique no botão Opção de plano de fundo e selecione uma cor. Você verá que a cor foi aplicada à coluna.

Colorir as colunas da tabela com o plug-in TableBerg

Seguindo o mesmo método, aplique diferentes tipos de cores a outras colunas da tabela. Você pode ver que aplicamos quatro cores diferentes às colunas da tabela.

Portanto, suas caixas de texto estão prontas. Mas se você quiser remover a borda da tabela, siga a próxima etapa.

Aplicar cores diferentes às colunas da tabela

Etapa 05: Remover a borda da tabela

Selecione a tabela inteira clicando duas vezes no ícone TableBerg na barra de ferramentas. Vá para a seção Guia Estilos na barra lateral direita. Role a tela um pouco para baixo. Desative a opção Ativar borda interna. As bordas da tabela ficarão invisíveis.

Remova as bordas da tabela

Conclusão

Assim, você pode criar caixas de texto no WordPress de várias maneiras. Mas antes de concluir, queremos dizer uma coisa: cada um desses métodos pode não ser eficaz em todos os casos.

Dependendo do seu tipo de conteúdo, você deve usar um método adequado que mantenha a legibilidade. Se gostou desta postagem, compartilhe seu feedback na caixa de comentários abaixo.

Explore nossa arquivo do blog para conhecer mais artigos interessantes sobre o WordPress.



A equipe do Tableberg