{"id":253985,"date":"2022-08-07T14:05:00","date_gmt":"2022-08-07T11:05:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=253985"},"modified":"2021-10-29T04:15:31","modified_gmt":"2021-10-29T01:15:31","slug":"como-editar-um-arquivo-css-do-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-editar-um-arquivo-css-do-wordpress\/","title":{"rendered":"Como editar um arquivo CSS do WordPress?"},"content":{"rendered":"<p>WordPress \u00e9 o sistema de gerenciamento de conte\u00fado mais amig\u00e1vel que existe, com muitas op\u00e7\u00f5es de personaliza\u00e7\u00e3o. Gra\u00e7as a milhares de temas WordPress por a\u00ed, voc\u00ea pode dar ao seu site a apar\u00eancia desejada. Mas \u00e0s vezes voc\u00ea ainda precisa fazer alguns ajustes manuais editando o arquivo CSS. Neste blog, vou mostrar como voc\u00ea pode editar um arquivo CSS do WordPress a partir do painel de administra\u00e7\u00e3o.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jusLH9UyQjo\" frameborder=\"0\"><\/iframe><\/div>\n<p>Suponha que voc\u00ea tenha um blog e habilitou o google ad sense e vai colocar um an\u00fancio em seus blogs. Para colocar an\u00fancios, voc\u00ea precisa de espa\u00e7o. Vou mostrar como voc\u00ea pode diminuir a largura do campo de texto para que voc\u00ea tenha espa\u00e7o para colocar an\u00fancios em seu blog. Isso pode ser feito usando o painel de administra\u00e7\u00e3o, sua conta de FTP e tamb\u00e9m com um plugin do editor CSS. Editar o CSS com o painel de administra\u00e7\u00e3o \u00e9 o mais f\u00e1cil, ent\u00e3o basta seguir as etapas abaixo:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.png\" data-rel=\"lightbox\" ><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Etapa um:<\/strong> voc\u00ea precisa ir para o back-end do seu site ou para WordPress, \u00e9 conhecido como wp-admin. Este \u00e9 o login universal para o site WordPress. Suponha que seu site seja www.example.com, ent\u00e3o voc\u00ea precisa digitar o URL como <a href=\"http:\/\/www.example.com\/wp-admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">www.example.com\/wp-admin<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Etapa dois:<\/strong> voc\u00ea precisa certificar-se de fazer login como administrador. Existem diferentes fun\u00e7\u00f5es no WordPress que voc\u00ea pode atribuir ao usu\u00e1rio e tamb\u00e9m h\u00e1 um login de administrador. Voc\u00ea tamb\u00e9m pode atribuir aos usu\u00e1rios acesso de administrador. Portanto, voc\u00ea precisa ter certeza de fazer login como administrador ou qualquer usu\u00e1rio que tenha acesso de administrador.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Etapa tr\u00eas:<\/strong> em seu painel, voc\u00ea ver\u00e1 uma guia chamada apar\u00eancia. Esta guia \u00e9 respons\u00e1vel por todos os tipos de tarefas relacionadas a design em seu site.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Passo Quatro:<\/strong> Abaixo da apar\u00eancia, voc\u00ea encontrar\u00e1 uma op\u00e7\u00e3o chamada editor. Esta se\u00e7\u00e3o \u00e9 respons\u00e1vel pelos c\u00f3digos manuais para o design do seu site. Clique no editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Passo Cinco:<\/strong> Depois de clicar no editor, uma nova janela ser\u00e1 aberta, conhecida como style.css. Este arquivo cont\u00e9m todos os c\u00f3digos CSS.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Etapa seis:<\/strong> voc\u00ea precisa rolar para baixo e chegar \u00e0 parte inferior para adicionar c\u00f3digo extra no arquivo style.css.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Passo Sete:<\/strong> Adicione este c\u00f3digo e certifique-se de seguir o espa\u00e7amento exato:<br \/>\n@media (min-width: 1330px) {<br \/>\n.container {<br \/>\nwidth: 1000px;<br \/>\n}<br \/>\n}<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Etapa Oito:<\/strong> Se o seu c\u00f3digo estiver ok, ele deve aparecer verde. Se estiver verde, clique em Atualizar arquivo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.png\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Passo Nove:<\/strong> Se o arquivo for atualizado com sucesso, voc\u00ea receber\u00e1 uma mensagem de confirma\u00e7\u00e3o de que &#8216;Arquivo editado com sucesso&#8217;<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" alt=\"Como editar um arquivo CSS do WordPress?\" ><\/a><\/p>\n<p><strong>Passo Dez:<\/strong> Por fim, verifique uma de suas postagens para ver se o campo de texto do seu blog diminuiu ou n\u00e3o. Deve ser diminu\u00eddo e voc\u00ea ter\u00e1 muitos espa\u00e7os em branco em ambos os lados da postagem do blog onde poder\u00e1 colocar seus an\u00fancios.<\/p>\n<p>Para ser franco, o WordPress n\u00e3o \u00e9 ci\u00eancia do foguete e, para um desenvolvedor, a curva de aprendizado n\u00e3o \u00e9 alta. Voc\u00ea s\u00f3 precisa ter alguns conhecimentos b\u00e1sicos de codifica\u00e7\u00e3o e est\u00e1 pronto para come\u00e7ar. Se voc\u00ea ainda tiver alguma d\u00favida sobre como editar o arquivo CSS no WordPress, deixe um coment\u00e1rio abaixo.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.ggtaskers.com\" class=\"external external_icon\">www.ggtaskers.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Isso pode ser feito usando o painel de administra\u00e7\u00e3o, sua conta de FTP e tamb\u00e9m com um plugin do editor CSS. Editar o CSS com painel de administra\u00e7\u00e3o \u00e9 o mais f\u00e1cil.<\/p>\n","protected":false},"author":1,"featured_media":279117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[655],"tags":[848],"class_list":["post-253985","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-como-fazer","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/253985","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=253985"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/253985\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/279117"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=253985"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=253985"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=253985"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}