Como destacar texto no WordPress (guia do iniciante)

Você quer destacar o texto em uma postagem ou página do WordPress?

Ser capaz de destacar o texto pode ajudá-lo a chamar a atenção do usuário para uma área de texto específica. Isso pode ser ótimo para destacar uma frase de chamariz, oferta especial ou simplesmente adicionar ênfase a frases específicas.

Neste artigo, mostraremos como destacar texto facilmente no WordPress com ou sem um plugin.

Destacando texto no WordPress

Por que e quando destacar texto

O realce de texto é uma maneira fácil de enfatizar informações importantes em seu conteúdo. Isso ajuda a direcionar a atenção do usuário para frases de chamariz importantes.

Aqui está um exemplo de como pode ser o destaque de texto:

Exemplo de texto destacado

Por padrão, o editor de conteúdo do WordPress não vem com a opção de simplesmente selecionar e destacar qualquer texto. Você ainda pode enfatizar o texto, tornando-o itálico, mudar a cor do texto ou torná-lo negrito.

Barra de ferramentas de parágrafo padrão no editor de blocos do WordPress

Dito isso, vamos dar uma olhada em como destacar texto facilmente no WordPress.

Método 1. Destaque qualquer texto no WordPress (sem necessidade de HTML)

A maneira mais fácil de destacar o texto é usando um plugin do WordPress.

Primeiro, você precisa instalar e ativar o plugin de Ferramentas do Editor Avançado. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

As Ferramentas de Editor Avançadas (anteriormente conhecidas como TinyMCE Avançado) adicionam mais opções de formatação e estendem o editor de blocos do WordPress.

Uma vez que o plugin é ativado, você pode editar o post ou a página do WordPress onde deseja destacar algum texto. Basta selecionar o texto que deseja modificar e clicar na seta suspensa para obter mais opções de formatação.

Destacando texto no WordPress usando o plugin Ferramentas do Editor Avançado

No menu suspenso, você precisa selecionar a opção ‘Marcar’. Isso irá destacar o texto usando as cores padrão.

No entanto, a cor real pode variar dependendo das cores do tema do WordPress. Agora você pode salvar sua postagem / página e visualizá-la para ver o texto destacado em ação.

Exemplo de texto destacado

Fácil, não foi?

No entanto, se você não precisa realçar o texto com frequência, o próximo método permite que você faça o mesmo sem usar um plugin.

Método 2. Destacar texto manualmente no WordPress

Esta opção requer um pouco de código, mas é fácil de implementar.

Para este exemplo, usaremos o elemento HTML ‘mark’. Isso pode ser usado para destacar e chamar a atenção para uma determinada parte da sua escrita.

Simplesmente edite a postagem ou página onde deseja destacar o texto. Em seguida, vá até o parágrafo que contém o texto e clique no menu de três pontos da barra de ferramentas do bloco. A partir daqui, você precisa selecionar a opção ‘Editar como HTML’.

Editando um bloco como HTML

A seguir, você verá o texto bruto no formato HTML. Basta envolver o texto que deseja destacar dentro do <mark> e </mark> tags como esta:


<mark>highlighted text</mark>

Agora você pode voltar ao modo visual clicando no menu de três pontos novamente e selecionando ‘Editar Visualmente’ na barra de ferramentas do bloco.

Edite visualmente

A área do bloco voltará ao modo visual e você notará o texto selecionado destacado.

Texto em destaque no editor

Seu texto destacado pode parecer diferente dependendo do seu tema WordPress. No entanto, normalmente é apenas um fundo amarelo.

Se desejar alterá-lo, você poderá fazer isso adicionando seu próprio CSS personalizado.

Simplesmente vá para Aparência »Personalizar página para iniciar o personalizador de tema. A partir daqui, você precisa alternar para a guia ‘CSS adicional’.

Configurações CSS personalizadas

Aqui você pode colar seu CSS personalizado. Você pode usar o seguinte código CSS como ponto de partida.


mark {
background-color: #ffd4a1;
}

Quando terminar, clique no botão ‘Publicar’ para salvar suas alterações. Agora você pode visitar seu blog do WordPress para ver o texto destacado em ação.

CSS personalizado para alterar a cor de fundo do texto destacado

Esperamos que isso tenha ajudado você a aprender como destacar texto no WordPress. Você também pode querer ver nosso guia sobre os melhores construtores de páginas do WordPress para ajudá-lo a criar designs totalmente personalizados sem qualquer código, e nossa comparação dos melhores serviços de marketing por e-mail para aumentar seu tráfego.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e Facebook.



Esse artigo foi agregado do link: https://www.wpbeginner.com/wp-tutorials/how-to-highlight-text-in-wordpress/

Artigos Recentes

Freelance Fight se torna nacional: informações obrigatórias sobre o teste ABC

Você conhece o seu ABC? Como escritor, você provavelmente pensa que sim. Mas se você é um escritor freelance americano, o Teste...

Como Usar a Psicologia do Consumidor para Ganhar Mais Negócios Pós-COVID

Quando se trata de converter consumidores, muitas empresas têm o hábito de ignorar os processos psicológicos que impulsionam o desejo de fazer uma compra....

Previsão de Dennis Yu para 2021: o futuro do Facebook

Eu tenho uma previsão. Em 2021, o Facebook será quebrado como Ma Bell (com Instagram e WhatsApp separados por conta própria). O êxodo resultante...

Como criar um calendário de conteúdo para o seu blog

Esta postagem é baseada em episódio 76 do podcast ProBlogger. Você acredita que já estamos na metade de janeiro? Talvez seja porque estávamos ansiosos...

Artigos Relacionados

Leave A Reply

Please enter your comment!
Please enter your name here

Fique atualizado com nossos artigos - receba gratuitamente