Uma maneira bem fácil de você adicionar estilos ao seu site WordPress sem precisar editar os arquivos PHP de seu tema, é utilizando um plugin específico para isso.
Neste post, utilizaremos como exemplo o plugin WP Add Custom CSS.

Por que não devo editar diretamente os arquivos do tema que estou utilizando? 😐

Editar diretamente os arquivos do seu template pode comprometer o funcionamento,performance e segurança do seu site. O ideal é que, se você tiver conhecimento em edição CSS, configure um childtheme em sua aplicação.
Uma outra alternativa mais simples de ser utilizada, seria a utilização de plugins que customizam o CSS do seu site.

Instalando o plugin de customização

No painel administrativo do seu site WordPress, navegue até o menu Plugins e selecione a opção Adicionar Novo.
wp-admin > Plugins > Adicionar novo

Assim que carregar a nova página, digite no campo de busca no canto superior direito da tela o termo WP Add Custom CSS. O primeiro resultado é o plugin que desejamos instalar. Clique no botão Instalar agora.
O plugin será instalado e você deve clicar no botão Ativar para habilitar seu uso.
WP Add Custom CSS

Realizando a customização

Assim que instalado, surgirá um novo menu no painel administrativo do WordPress chamado Add Custom CSS.
Clique nesse menu e no campo em branco você já pode começar a inserir código CSS personalizado.
Lembrando que a criação dos códigos CSS deve ser feita por alguém que possui conhecimento na área.
WP Add Custom CSS

Exemplo de uso: criando um botão

No exemplo abaixo, há um código que cria um botão como este: Exemplo de botão.
Você pode copiar o código abaixo para utilizar em seu site. Pegue o código e coloque dentro da configuração do plugin.
A linha 1 deste código é onde você define o nome da classe.

Para utilizar o botão em seus posts, utilize a seguinte sintaxe: <span class="btn-novo">BOTAO</span> .

  • Seu feedback é muito importante. O conteúdo do artigo foi útil?
  •  Sim    Não