{"id":227644,"date":"2022-09-23T10:13:00","date_gmt":"2022-09-23T07:13:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=227644"},"modified":"2022-11-09T00:26:07","modified_gmt":"2022-11-08T21:26:07","slug":"como-alterar-a-cor-da-fonte-no-wordpress-guia-rapido","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-alterar-a-cor-da-fonte-no-wordpress-guia-rapido\/","title":{"rendered":"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)"},"content":{"rendered":"\n<p>Um site WordPress rec\u00e9m-criado tem cores de fonte padr\u00e3o que podem n\u00e3o ser atraentes ou \u00fateis para esse site. Por exemplo, se o usu\u00e1rio destacar o texto em sua p\u00e1gina, a cor padr\u00e3o do texto ser\u00e1 azul, o que n\u00e3o funciona com alguns sites.<\/p>\n<p>Este artigo criado por nossa equipe em <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WpDataTables<\/a> mostrar\u00e1 como alterar a cor da fonte no WordPress usando CSS. Um dos primeiros aspectos a considerar com um novo site \u00e9 qual tema escolher. Geralmente, alguns dos temas padr\u00e3o se encaixam no design geral do seu site, portanto, alguns ajustes s\u00e3o necess\u00e1rios.<\/p>\n<p>Um desses ajustes \u00e9 a cor do texto. No entanto, alguns dos temas n\u00e3o oferecem a oportunidade de alter\u00e1-lo. O WordPress Theme Customizer pode ser usado se o tema oferecer essa op\u00e7\u00e3o, caso contr\u00e1rio, use o editor cl\u00e1ssico ou CSS.<\/p>\n<p>A maneira mais confi\u00e1vel de alterar a cor da fonte no WordPress \u00e9 usando c\u00f3digo, no entanto, isso pode ser intimidante para quem n\u00e3o est\u00e1 familiarizado com codifica\u00e7\u00e3o.<\/p>\n<p>A lista abaixo cont\u00e9m v\u00e1rias op\u00e7\u00f5es.<\/p>\n<p>Observa\u00e7\u00e3o: isso funciona apenas para blogs do WordPress.org; se voc\u00ea usa o WordPress.com, o processo pode ser um pouco diferente, embora possa funcionar. Para usar todo o poder do WordPress, considere mudar do WordPress.com para o WordPress.org.<\/p>\n<h3>M\u00e9todo n\u00ba 1: Alterar a cor da fonte no WordPress com o personalizador de temas<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b753a3f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b753a3f.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<p>Em primeiro lugar, verifique se o seu tema suporta a altera\u00e7\u00e3o da cor da fonte seguindo estas etapas.<\/p>\n<ul>\n<li>Primeiro, v\u00e1 para Apar\u00eancia &gt; Personaliza\u00e7\u00e3o no painel do WordPress, conforme mostrado aqui.<\/li>\n<li>Aqui, cada tema do WordPress exibir\u00e1 as v\u00e1rias op\u00e7\u00f5es de personaliza\u00e7\u00e3o; escolha um que ofere\u00e7a a paleta de cores para as fontes. Nota: se voc\u00ea n\u00e3o deseja alterar o tema, e o atual n\u00e3o oferece essa altera\u00e7\u00e3o, voc\u00ea deve usar outros m\u00e9todos.<\/li>\n<li>Em seguida, v\u00e1 para Apar\u00eancia &gt; Personalizar &gt; Cores. Na pr\u00f3xima p\u00e1gina, v\u00e1rias op\u00e7\u00f5es est\u00e3o dispon\u00edveis dependendo do seu tema.<\/li>\n<li>Se o seu tema n\u00e3o oferecer op\u00e7\u00f5es de personaliza\u00e7\u00e3o, considere usar outros m\u00e9todos.<\/li>\n<\/ul>\n<h3>M\u00e9todo n\u00ba 2: Alterar a cor da fonte no WordPress com o editor cl\u00e1ssico<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b84c61b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b84c61b.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<p>O editor cl\u00e1ssico n\u00e3o permite alterar facilmente a cor da fonte no WordPress porque os desenvolvedores decidiram ocultar essa op\u00e7\u00e3o para alter\u00e1-la. No entanto, \u00e9 poss\u00edvel, e aqui est\u00e1 como.<\/p>\n<ul>\n<li>V\u00e1 para o painel, encontre a postagem que deseja editar.<\/li>\n<li>Para ver a cor do texto, clique no bot\u00e3o &#8220;Toolbar Toggle&quot;, localizado logo abaixo dos bot\u00f5es &#8220;Add Media&#8221; e &#8220;Add Contact Form&#8221;.<\/li>\n<li>Algumas op\u00e7\u00f5es extras devem aparecer agora, uma das quais \u00e9 a op\u00e7\u00e3o &#8220;Cor do texto&#8221; na caixa suspensa.<\/li>\n<li>Ao clicar na seta para baixo, deve haver v\u00e1rias op\u00e7\u00f5es de personaliza\u00e7\u00e3o para o texto da fonte, normalmente dispon\u00edveis em outras ferramentas de personaliza\u00e7\u00e3o. Se voc\u00ea n\u00e3o gostar das op\u00e7\u00f5es de cores (existem 39 delas), voc\u00ea pode usar cores de fonte personalizadas. Se voc\u00ea pressionar o bot\u00e3o &#8220;X&#8221; no canto inferior direito, ele mudar\u00e1 a cor para &#8220;sem cor&#8221;, o que ajustar\u00e1 automaticamente a cor do texto.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b9501ce.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883b9501ce.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<ul>\n<li>Desde que voc\u00ea conhe\u00e7a o c\u00f3digo hexadecimal da cor desejada, voc\u00ea pode us\u00e1-lo para alterar a cor.<\/li>\n<li>Se voc\u00ea quiser fazer isso sem o c\u00f3digo, voc\u00ea pode clicar no bot\u00e3o &#8220;Personalizado&#8221; na parte inferior do menu &#8220;Cor do texto&#8221;.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883ba3ceba.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883ba3ceba.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<ul>\n<li>Em seguida, voc\u00ea dever\u00e1 ver uma caixa quadrada no canto superior direito, variando de vermelho a preto. H\u00e1 tamb\u00e9m um ret\u00e2ngulo de arco-\u00edris \u00e0 direita, onde voc\u00ea pode escolher sua cor preferida.<\/li>\n<li>Para alterar a cor visualmente, clique em qualquer lugar nesta caixa de arco-\u00edris; voc\u00ea tamb\u00e9m pode alterar a sombra arrastando nesta caixa. A cor da caixa preta deve mudar para a cor personalizada que voc\u00ea est\u00e1 criando. Na parte superior, voc\u00ea ver\u00e1 a visualiza\u00e7\u00e3o do texto com a cor que voc\u00ea criou. Ent\u00e3o, quando estiver pronto, um c\u00f3digo autom\u00e1tico ser\u00e1 gerado na parte superior, o que \u00e9 \u00fatil se voc\u00ea desejar combinar as outras cores posteriormente.<\/li>\n<li>Se voc\u00ea quiser os tons espec\u00edficos de vermelho, verde e azul, insira os valores nas caixas RGB \u00e0 direita. Voc\u00ea tamb\u00e9m pode inserir o c\u00f3digo necess\u00e1rio para esta cor.<\/li>\n<li>Para salvar a cor personalizada, clique em Enter ou no bot\u00e3o Ok. Para cancelar, clique no x ou &#8220;cancelar&#8221; que sair\u00e1 do menu sem alterar nada.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bb2f5ae.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bb2f5ae.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<ul>\n<li>Ao escolher a cor certa, clique no bot\u00e3o &#8220;Atualizar&#8221; para concluir.<\/li>\n<li>Para usar essa cor personalizada em projetos futuros, voc\u00ea precisa passar por esse processo novamente porque a cor personalizada n\u00e3o ser\u00e1 salva. Se voc\u00ea quiser essa cor permanentemente, precisar\u00e1 atualizar o CSS do tema e adicionar a cor nele.<\/li>\n<\/ul>\n<h3>M\u00e9todo #3: Alterar a cor da fonte no WordPress globalmente com CSS<\/h3>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bc1d136.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bc1d136.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<p>CSS \u00e9 o m\u00e9todo mais eficaz e confi\u00e1vel para alterar a cor do texto globalmente. Aqui est\u00e1 como faz\u00ea-lo.<\/p>\n<ul>\n<li>V\u00e1 para: Apar\u00eancia &gt; Personalizar &gt; CSS Adicional. Adicione o c\u00f3digo para que as altera\u00e7\u00f5es tenham efeito.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bd092a9.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883bd092a9.jpg\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" ><\/a><\/p>\n<ul>\n<li>Para alterar a cor da fonte dos t\u00edtulos de 1 a 6, o c\u00f3digo ficaria assim:<\/li>\n<\/ul>\n<pre><code>h1, h2, h3, h4, h5, h6 {<\/code><\/pre>\n<p>Observe que a altera\u00e7\u00e3o alterar\u00e1 apenas a cor da fonte dos t\u00edtulos das p\u00e1ginas e postagens, n\u00e3o o t\u00edtulo geral da postagem. Voc\u00ea precisar\u00e1 adicionar um c\u00f3digo CSS mais espec\u00edfico para fazer essa altera\u00e7\u00e3o. Por exemplo, para alterar o t\u00edtulo, digite este c\u00f3digo:<\/p>\n<pre><code>.entry-title a {<\/code><\/pre>\n<p>Para alterar a cor do texto dos t\u00edtulos das postagens, use este c\u00f3digo:<\/p>\n<pre><code>h1.entry-title {<\/code><\/pre>\n<p>Se voc\u00ea quiser encontrar a cor espec\u00edfica da p\u00e1gina atual no Firefox ou Chrome e us\u00e1-la, voc\u00ea pode encontrar o c\u00f3digo usando a ferramenta de inspe\u00e7\u00e3o.<\/p>\n<p>Esta <a href=\"https:\/\/htmlcolorcodes.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">tabela de cores<\/a> ajudar\u00e1 voc\u00ea a encontrar o c\u00f3digo hexadecimal espec\u00edfico para a cor desejada.<\/p>\n<h3>Considera\u00e7\u00f5es finais sobre como alterar a cor do texto no WordPress<\/h3>\n<p>Saber como alterar a cor do texto no WordPress \u00e9 uma das coisas mais importantes para um web designer. Um designer muitas vezes pode passar horas procurando solu\u00e7\u00f5es adequadas para seus projetos e tentando otimizar sua escolha de cores e op\u00e7\u00f5es de design. O resultado ser\u00e1 um site atraente que obter\u00e1 cliques e usu\u00e1rios.<\/p>\n<p>Quanto mais aten\u00e7\u00e3o aos detalhes, mais atraente o site, incluindo a cor da fonte. Ao mesmo tempo, o site deve funcionar bem e a experi\u00eancia do usu\u00e1rio deve ser impec\u00e1vel, garantindo que o design e a funcionalidade estejam perfeitamente equilibrados.<\/p>\n<h3>Ei, voc\u00ea sabia que os dados tamb\u00e9m podem ser bonitos?<\/h3>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> pode torn\u00e1-lo assim. H\u00e1 uma boa raz\u00e3o pela qual \u00e9 o plugin n\u00ba 1 do WordPress para criar tabelas e gr\u00e1ficos responsivos.<\/p>\n<p><a href=\"https:\/\/wpdatatables.com\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-185017-61e883be07927.png\" alt=\"Como alterar a cor da fonte no WordPress (guia r\u00e1pido)\" \/><\/a><\/p>\n<p>Um exemplo real de wpDataTables em estado selvagem<\/p>\n<p>E \u00e9 muito f\u00e1cil fazer algo assim:<\/p>\n<ol>\n<li>Voc\u00ea fornece os dados da tabela<\/li>\n<li>Configure e personalize<\/li>\n<li>Publique-o em um post ou p\u00e1gina<\/li>\n<\/ol>\n<p>E n\u00e3o \u00e9 apenas bonito, mas tamb\u00e9m pr\u00e1tico. Voc\u00ea pode criar tabelas grandes com <a href=\"https:\/\/wpdatatables.com\/documentation\/creating-wpdatatables\/creating-mysql-based-wpdatatables-with-server-side-processing\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">at\u00e9 milh\u00f5es de linhas<\/a>, ou pode usar <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/advanced-filtering\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">filtros e pesquisas avan\u00e7adas<\/a>, ou pode enlouquecer e <a href=\"https:\/\/wpdatatables.com\/documentation\/front-end-editing\/creating-editable-tables\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">torn\u00e1-las edit\u00e1veis<\/a>.<\/p>\n<p>&#8220;Sim, mas eu gosto demais do Excel e n\u00e3o tem nada disso em sites&#8221;. Sim, existe. Voc\u00ea pode usar a <a href=\"https:\/\/wpdatatables.com\/documentation\/table-features\/conditional-formatting\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">formata\u00e7\u00e3o condicional<\/a> como no Excel ou no Planilhas Google.<\/p>\n<p>Eu te disse que voc\u00ea tamb\u00e9m pode <a href=\"https:\/\/wpdatatables.com\/documentation\/wpdatacharts\/creating-charts-wordpress-wpdatachart-wizard\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">criar gr\u00e1ficos<\/a> com seus dados? E isso \u00e9 apenas uma pequena parte. Existem <a href=\"https:\/\/wpdatatables.com\/features\/?utm_source=articlewidget\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">muitos outros recursos<\/a> para voc\u00ea.<\/p>\n<p>Se voc\u00ea gostou de ler este artigo sobre como alterar a cor da fonte no WordPress, confira este artigo sobre como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/como-desativar-comentarios-no-wordpress-o-guia-completo\/\" title=\"desativar coment\u00e1rios no WordPress\">desativar coment\u00e1rios no WordPress<\/a>.<\/p>\n<p>Tamb\u00e9m escrevemos sobre alguns assuntos relacionados, como como <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/proteja-com-senha-um-site-wordpress-seu-guia-definitivo\/\" title=\"proteger com senha o site WordPress\">proteger com senha o site WordPress<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/custo-de-manutencao-do-site-wordpress-quanto-voce-tera-que-pagar\/\" title=\"custo de manuten\u00e7\u00e3o do site\">custo de manuten\u00e7\u00e3o do site<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/wordpress-preso-no-modo-de-manutencao-aqui-esta-o-que-fazer\/\" title=\"WordPress travado no modo de manuten\u00e7\u00e3o\">WordPress travado no modo de manuten\u00e7\u00e3o<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/wordpress-multisite-101-tudo-o-que-voce-precisa-saber\/\" title=\"WordPress multisite\">WordPress multisite<\/a>, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/guia-de-cabecalho-personalizado-do-wordpress-maneiras-faceis-de-criar-cabecalhos-perfeitos\/\" title=\"cabe\u00e7alho\">cabe\u00e7alho<\/a> do WordPress, <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/o-login-do-painel-do-wordpress-nao-funciona-aqui-esta-o-que-voce-precisa-fazer\/\" title=\"login do painel\">login do painel<\/a> do WordPress e <a href=\"https:\/\/wordpress.mediadoma.com\/pt-pt\/dicas-sobre-como-escrever-um-otimo-slogan-para-wordpress-e-melhores-praticas\/\" title=\"slogan\">slogan<\/a> do WordPress .<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este artigo mostrar\u00e1 como alterar a cor da fonte no WordPress usando CSS. Um dos primeiros aspectos a considerar com um novo site.<\/p>\n","protected":false},"author":1,"featured_media":185018,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[837,846,867],"tags":[1170],"class_list":["post-227644","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-guia-para-iniciantes","category-tutoriais","category-wordpress-8","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=227644"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/posts\/227644\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media\/185018"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=227644"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=227644"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pt-pt\/wp-json\/wp\/v2\/tags?post=227644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}