Como adicionar estilos css personalizado no WordPress

Elton Disner
Atualizado em 06/2022
Como adicionar estilos css personalizado no WordPress

Você precisa aplicar um estilo CSS personalizado para um post ou página do WordPress e não quer um plugin para isso?

Você pode fazer isso de várias formas, editar o próprio arquivo CSS do seu tema, mas se você literalmente não quer mexer nos arquivos CSS padrão de seu tema há outras opções.

 

Como adicionar estilos CSS personalizado em um post WordPress sem plugin

Método 1 – Adicionar estilos pelo editor nativo na área personalizar

Você pode usar o editor CSS para personalizar a aparência do seu site WordPress. Ele permite que você inclua seus próprios estilos de CSS, ao adicionar esses estilos é importante ter cuidado que pois ele aparecerá em todas as páginas ou post.

O Ideal é usar classes especificas com o tipo de post e até o id do post que normalmente aparece nas classes do body.
Para incluir o CSS você precisa acessar: Aparência -> Personalizar -> CSS adicional.

Como adicionar estilos css personalizado no WordPress

 

Método 2 – Adicionar função para incluir o CSS diretamente no post

Esse método é o mais adequado, porque possui várias vantagens:

  • Não usa plugin
  • O código é curto
  • Não é um CSS global e só exibirá no post especifico

Se você tiver acesso ao  seu functions.php você pode utilizar a função abaixo para implementar de forma simples essa característica em seu site.

1 – Adicione esse código em seu functions.php

// Como adicionar estilos css personalizado no WordPress

2 – Crie um campo personalizado com o estilo CSS

Após você incluir a função no functions.php de seu tema, você poderá adicionar estilos CSS exclusivos para cada post, a partir dos campos personalizados.

  • Adicione o nome do campo personalizado, conforme a função acima: “add_css”
  • Depois adicione no outro campo o seu CSS personalizado para o post em questão

 

Como adicionar estilos css personalizado no WordPress

Hey, compartilha vai!

Publicado por:
Desenvolvedor apaixonado por programação, tecnologia e ciência. Comecei a estudar programação no final da era MS-DOS trabalhei com dBASE III e COBOL Orientado a Objetos, isso antes da interface gráfica e do mouse que conhecemos hoje!
BLOG
Blog com dicas e ideias sobre programação e Web Designer WordPress