Como adicionar facilmente CSS personalizado ao seu site WordPress

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br


Às vezes, você pode precisar adicionar CSS personalizado em seu site WordPress.

Talvez seja porque você está seguindo um tutorial no WPBeginner ou em nosso canal no YouTube. Para a maioria dos iniciantes, usar FTP é muito confuso, mas existem outras maneiras de adicionar CSS personalizado.

Neste artigo, mostraremos como adicionar CSS personalizado facilmente ao seu site WordPress sem editar nenhum arquivo de tema.

Vídeo tutorial

Se você prefere tutoriais escritos ou deseja seguir seu próprio ritmo, continue lendo as instruções abaixo.

Método 1: adicionando CSS personalizado usando o personalizador de temas

Desde o WordPress 4.7, os usuários agora podem adicionar CSS personalizado diretamente da área de administração do WordPress. Isso é super fácil e você seria capaz de ver suas alterações com uma visualização ao vivo instantaneamente.

Primeiro, você precisa ir para o Temas »Personalizar página.

Iniciando o personalizador de tema

Isso iniciará a interface do personalizador de temas do WordPress.

Você verá uma visualização ao vivo do seu site com várias opções no painel esquerdo. Clique na guia CSS adicional no painel esquerdo.

Opção CSS adicional no personalizador de tema WordPress

A guia deslizará para mostrar uma caixa simples onde você pode adicionar seu CSS personalizado. Assim que adicionar uma regra CSS válida, você poderá vê-la aplicada no painel de visualização ao vivo do seu site.

Adicionar CSS personalizado com visualização ao vivo

Você pode continuar adicionando código CSS personalizado, até estar satisfeito com a aparência do seu site.

Não se esqueça de clicar no botão ‘Salvar e publicar’ na parte superior quando terminar.

Leia Também  Apenas SMS de alta qualidade. Veja o que muda

Salve suas alterações de CSS personalizadas

Nota: Qualquer CSS customizado que você adiciona usando o personalizador de tema só está disponível com esse tema específico. Se quiser usá-lo com outros temas, você precisará copiá-lo e colá-lo em seu novo tema usando o mesmo método.

cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br

Método 2: adicionar CSS personalizado usando um plug-in

O primeiro método só permite que você salve CSS customizado para o tema ativo no momento. Se você alterar o tema, pode ser necessário copiar e colar seu CSS personalizado no novo tema.

Se você deseja que seu CSS personalizado seja aplicado independentemente de qual tema WordPress você está usando, este método é para você.

A primeira coisa que você precisa fazer é instalar e ativar o plugin Simple Custom CSS. Após a ativação, basta ir para Aparência »CSS personalizado e anote ou cole seu CSS personalizado.

CSS personalizado simples

Não se esqueça de pressionar o botão ‘Atualizar CSS Personalizado’ para salvar suas alterações.

Agora você pode visualizar seu site WordPress para ver o CSS personalizado em ação.

Usando um plugin CSS personalizado em vez de adicionar CSS no tema

Ambos os métodos descritos acima são recomendados para iniciantes. Os usuários avançados também podem adicionar CSS personalizado diretamente aos seus temas.

No entanto, adicionar snippets CSS personalizados ao seu tema pai não é recomendado. Suas alterações CSS serão perdidas se você acidentalmente atualizar o tema sem salvar suas alterações personalizadas.

A melhor abordagem é usar um tema filho. No entanto, muitos iniciantes não desejam criar um tema filho. Além de adicionar CSS personalizado, muitas vezes os iniciantes realmente não sabem como usarão esse tema filho.

Usar um plug-in CSS personalizado permite que você armazene seu CSS personalizado independentemente do seu tema. Dessa forma, você pode alternar facilmente os temas e seu CSS personalizado ainda estará lá.

Leia Também  ▷ Como criar um blog passo a passo e ganhar dinheiro [2019]

Outra ótima maneira de adicionar CSS personalizado ao seu site WordPress é usando o plug-in CSS Hero. Este maravilhoso plugin permite que você edite quase todos os estilos CSS em seu site WordPress sem escrever uma única linha de código.

Editando CSS personalizado com o plugin CSS Hero para WordPress

Esperamos que este artigo tenha ajudado a adicionar CSS personalizado ao seu site WordPress. Você também pode querer ver nosso guia sobre como criar um tema WordPress personalizado sem escrever nenhum código, e os melhores plug-ins de construtor de páginas de arrastar e soltar para WordPress.

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 no Twitter e Facebook.

O artigo Como adicionar CSS personalizado ao seu site WordPress apareceu primeiro no WPBeginner.



cupom com desconto - o melhor site de cupom de desconto cupomcomdesconto.com.br