Como destacar texto no WordPress (guia do iniciante)


Quer destacar o texto em uma postagem ou página do WordPress?

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

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

Destaque de 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 é o realce 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 ao fazer isso itálico, mude a cor do texto ou torne-o 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ê deve instalar e ativar o Ferramentas de edição avançadas plugue. Para obter mais detalhes, verifique nosso guia passo a passo sobre como instalar um plugin do WordPress.

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

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

Leia Também:  Como criar um link curto no WordPress (a maneira mais fácil)

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

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

No entanto, a cor real pode variar dependendo das cores do seu tema 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, certo?

No entanto, se você não precisa destacar o texto com muita frequência, este método permite que você faça o mesmo sem usar um plugin.

Método 2. Destaque o 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.

Basta editar 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’.

Editar um bloco como HTML

Você verá o texto simples no formato HTML. Basta quebrar o texto que deseja destacar dentro do <mark> e </mark> tags como esta:

<mark>highlighted text</mark>

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

Editar visualmente

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

Texto em destaque no editor

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

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

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

Leia Também:  Baixe 10 plug-ins grátis para acelerar seu site WordPress

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 para os melhores construtores de páginas WordPress para ajudá-lo a criar layouts 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 em Twitter e Facebook.

O post How to Highlight Text in WordPress (Beginner’s Guide) apareceu primeiro no Offweb.

Compartilhe este Link:

Compartilhar no facebook
Compartilhar no twitter
Compartilhar no linkedin
Compartilhar no pinterest
Compartilhar no email
Compartilhar no whatsapp
Compartilhar no telegram

Deixe um comentário

Receba nossos preços
e condções direto no seu email

Por favor, preencha os campos abaixo:

Preferência de contato: