O WordPress finalmente restaurou a capacidade de adicionar CSS personalizado ao seu site com o lançamento do WordPress 6.2! Neste artigo de ajuda, mostro como adicionar rapidamente CSS personalizado a qualquer site usando esta versão mais recente do WordPress, a plataforma CMS gratuita e de código aberto e web designer.

Este método também funciona com versões mais recentes, incluindo WordPress 6.3 e 6.4.

Conteúdo

Passo 1: Navegue até o Editor do Site

Você pode acessar o recurso CSS personalizado de dentro do Editor de Site, que é onde você edita o Modelos e Peças de modelo do seu site. O Editor do Site é onde você executa o que é comumente conhecido como “Edição Completa do Site."

No painel do WordPress (a primeira página para a qual você é direcionado após o login), passe o mouse sobre o item de menu “Aparência” e clique em “Editor” (seta vermelha na imagem acima). Isso o levará ao Editor do site.

Uma vez dentro do Editor do Site, você pode clicar em qualquer lugar no lado direito da tela (a área que exibe uma visualização do seu site – destacada em verde na imagem acima) para abrir o Menu Principal do Editor do Site.

WordPress simplificado: curso como construir sites poderosos, por Davies Media Design

Passo 2: Acesse o menu “Estilos”

Dentro do menu superior, clique no ícone “Estilos” (o ícone é um círculo meio preto, meio branco) para abrir a barra lateral de estilos.

Passo 3: Acesse “CSS Adicional”

Clique no menu “Ações de estilos” na parte superior da barra lateral (o pequeno ícone de três pontos – seta vermelha na imagem acima).

Clique na opção “CSS adicional” no menu suspenso (seta vermelha).

Agora você verá uma longa caixa de texto denominada “CSS adicional”, onde poderá adicionar seu código CSS personalizado (destacado em verde na imagem acima). A parte superior da caixa diz “Adicione seu próprio CSS para personalizar a aparência e o layout do seu site” (seta vermelha). Você também verá um link onde poderá aprender mais sobre a codificação CSS, que pode ser usada para personalizar elementos de estilo do seu site WordPress.

Depois de adicionar seu CSS personalizado (seta verde), clique no botão "Salvar" no menu superior para salvar suas alterações (seta vermelha).

É isso! Agora você sabe onde adicionar CSS personalizado ao seu site WordPress no WordPress 6.2. Quer dominar o WordPress? Confira o meu Masterclass WordPress na Udemy!

Boletim informativo por e-mail de aplicativos criativos gratuitos da Davies Media Design

Assine o boletim informativo DMD

Inscreva-se para receber novos tutoriais, atualizações de cursos e as últimas notícias sobre seus aplicativos criativos gratuitos favoritos!

Você se inscreveu com sucesso!

Pin It on Pinterest