{"id":242959,"date":"2022-03-12T12:44:00","date_gmt":"2022-03-12T09:44:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=242959"},"modified":"2022-05-16T14:19:48","modified_gmt":"2022-05-16T11:19:48","slug":"como-destacar-texto-em-postagens-do-wordpress-3-maneiras-simples","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-destacar-texto-em-postagens-do-wordpress-3-maneiras-simples\/","title":{"rendered":"Como destacar texto em postagens do WordPress (3 maneiras simples)"},"content":{"rendered":"

\u00c0s vezes, ousado n\u00e3o \u00e9 suficiente.<\/p>\n

Se voc\u00ea quiser que um par\u00e1grafo ou parte de uma frase se destaque, nada funciona melhor do que um destaque brilhante.<\/p>\n

Neste breve tutorial, voc\u00ea aprender\u00e1 tr\u00eas maneiras diferentes de destacar texto com o editor<\/a> WordPress Gutenberg<\/a>.<\/p>\n

Como destacar texto<\/h2>\n

O primeiro m\u00e9todo requer a edi\u00e7\u00e3o de HTML, mas provavelmente \u00e9 o estilo que voc\u00ea est\u00e1 procurando.<\/p>\n

Os dois m\u00e9todos a seguir podem ser implementados inteiramente por meio das op\u00e7\u00f5es normais do editor.<\/p>\n

1 Use o elemento HTML "marcar"<\/h3>\n

H\u00e1 um elemento HTML de marca<\/a> feito especificamente para marcar texto com destaque.<\/p>\n

…<\/p>\n

O estilo depende do navegador ou mesmo do seu tema WordPress atual, mas 99% das vezes, ele d\u00e1 ao texto um fundo amarelo como se estivesse marcado com um marcador tradicional.<\/p>\n

Uma vantagem dessa t\u00e9cnica \u00e9 que ela funciona para todos os elementos de bloco, portanto, n\u00e3o est\u00e1 restrita apenas a blocos de par\u00e1grafo.<\/p>\n

Para adicionar este efeito ao seu texto, comece selecionando o bloco com o texto que voc\u00ea deseja destacar. Em seguida, clique no bot\u00e3o Op\u00e7\u00f5es e selecione a op\u00e7\u00e3o Editar como HTML.<\/p>\n

\"Como<\/a><\/p>\n

Dentro do elemento de par\u00e1grafo, voc\u00ea envolver\u00e1 o texto que deseja destacar com as marcas de marca\u00e7\u00e3o. Para fazer isso, coloque “<\/p>\n

“Imediatamente a seguir. A \u00fanica diferen\u00e7a \u00e9 a barra na segunda tag. N\u00e3o pule isso, ou voc\u00ea acabar\u00e1 destacando a postagem inteira!<\/p>\n

Por exemplo, se eu quiser destacar as palavras “texto de exemplo” no par\u00e1grafo apresentado abaixo, eis como eu faria isso:<\/p>\n

\"Como<\/a><\/p>\n

Depois de terminar, voc\u00ea pode abrir o menu de op\u00e7\u00f5es novamente e clicar em Editar visualmente para voltar \u00e0 visualiza\u00e7\u00e3o normal.<\/p>\n

\"Como<\/a><\/p>\n

Essa t\u00e9cnica \u00e9 um pouco tediosa, mas d\u00e1 ao seu texto aquela est\u00e9tica cl\u00e1ssica de destaque que voc\u00ea provavelmente est\u00e1 procurando.<\/p>\n

Embora o elemento de marca seja bom para alterar a cor de fundo de algumas palavras, h\u00e1 uma maneira ainda mais f\u00e1cil de alterar a cor do texto das palavras selecionadas.<\/p>\n

2 Mude a cor do texto<\/h3>\n

Voc\u00ea pode alterar a cor de qualquer texto dentro de um bloco de par\u00e1grafo usando uma op\u00e7\u00e3o de editor embutido.<\/p>\n

Para alterar a cor do texto, selecione o par\u00e1grafo e destaque as palavras que deseja editar. Em seguida, clique na seta suspensa e selecione a op\u00e7\u00e3o Cor do texto.<\/p>\n

\"Como<\/a><\/p>\n

Voc\u00ea ver\u00e1 alguns exemplos de cores, incluindo um belo tom amarelo. Clique em qualquer cor para aplicar.<\/p>\n

\"Como<\/a><\/p>\n

Se voc\u00ea clicar no link Cores personalizadas, um seletor de cores ser\u00e1 aberto.<\/p>\n

Uma vantagem de usar essa op\u00e7\u00e3o em vez de usar elementos de marca \u00e9 que voc\u00ea obt\u00e9m controle total sobre a cor. Esta op\u00e7\u00e3o est\u00e1 dispon\u00edvel para a cor do texto, mas atualmente n\u00e3o h\u00e1 uma maneira de adicionar uma cor de fundo personalizada para as palavras selecionadas<\/strong>.<\/p>\n

Dito isso, h\u00e1 uma maneira simples de alterar a cor do texto e a cor do<\/strong> plano de<\/strong> fundo de um par\u00e1grafo inteiro<\/strong>.<\/p>\n

3 Mude a cor de fundo<\/h3>\n

Essa \u00faltima t\u00e9cnica \u00e9 \u00f3tima para criar “frases de chamariz” contendo dicas, avisos ou at\u00e9 mesmo uma frase de chamariz de marketing.<\/p>\n

Para dar uma cor de fundo a um bloco de par\u00e1grafo, selecione-o e clique na se\u00e7\u00e3o Configura\u00e7\u00f5es de cor na barra lateral. Dentro, voc\u00ea encontrar\u00e1 uma variedade de op\u00e7\u00f5es de cores para o texto e para o fundo.<\/p>\n

Voc\u00ea ver\u00e1 a se\u00e7\u00e3o Configura\u00e7\u00f5es de cor quando um par\u00e1grafo for selecionado no editor<\/p>\n

Tudo que voc\u00ea precisa fazer \u00e9 clicar em uma cor para aplic\u00e1-la. A op\u00e7\u00e3o de cores personalizadas est\u00e1 dispon\u00edvel se voc\u00ea quiser usar um seletor de cores ou inserir um c\u00f3digo de cor hexadecimal.<\/p>\n

A op\u00e7\u00e3o Cor do texto que voc\u00ea acabou de aprender \u00e9 boa para editar palavras individuais em um par\u00e1grafo, mas essa configura\u00e7\u00e3o em n\u00edvel de bloco \u00e9 muito mais eficiente se voc\u00ea quiser alterar a cor do texto para um par\u00e1grafo inteiro.<\/p>\n

Domine o editor WordPress<\/h2>\n

Espero que as dicas deste tutorial ajudem voc\u00ea a fazer um conte\u00fado ainda melhor, mas n\u00e3o pare por aqui.<\/p>\n

H\u00e1 muito mais para aprender sobre o editor de blocos que pode ajud\u00e1-lo a criar um conte\u00fado mais eficaz e estiloso em menos tempo.<\/p>\n

Se voc\u00ea \u00e9 novo no WordPress, recomendo a leitura do meu guia sobre como usar o editor de blocos de forma eficaz:<\/p>\n

Como Usar o Editor de Bloco do WordPress: O Guia Essencial para Gutenberg<\/a><\/p>\n

E se voc\u00ea j\u00e1 \u00e9 usu\u00e1rio do WP h\u00e1 algum tempo, aposto que ainda pode encontrar algumas dicas \u00fateis de design em meu curso gratuito por e-mail de 7 dias:<\/p>\n

Curso GRATUITO por e-mail de dom\u00ednio do WordPress de 7 dias<\/a><\/p>\n

Obrigado por ler este tutorial sobre como destacar texto com o WordPress e, por favor, considere compartilh\u00e1-lo com os bot\u00f5es abaixo.<\/p>\n

Fonte de grava\u00e7\u00e3o: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Descubra tr\u00eas maneiras simples de destacar texto em postagens e p\u00e1ginas do WordPress. Os m\u00e9todos incluem alterar a cor do plano de fundo e do texto.<\/p>\n","protected":false},"author":1,"featured_media":257945,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[553],"tags":[848],"class_list":["post-242959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-personalizar-wordpress-2","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/242959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=242959"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/242959\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/257945"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=242959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=242959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=242959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}