Como adicionar CSS personalizado no painel administrativo do WordPress | Dicas WordPress

Mais uma vez precisei adicionar algumas classes de CSS em algumas seções que criei no painel administrativo de um projeto em WordPress, com isso resolvi compartilhar a dica por aqui!

Seguindo estes passos você também consegue, vamos a eles!

Passo 1 – Seu arquivo .css

Crie um arquivo admin.css e coloque em uma pasta do seu tema (por exemplo, dependendo da organização do seu tema você poderá ter alguma pasta com os CSS’s criados em seu tema, como a pasta /inc ou /css).

Neste arquivo, você poderá adicionar as alterações que desejar ( inspecionando os itens no admin você pode ver as classes CSS utilizadas e salvar as alterações que desejar ali)

2 – Chamando seu CSS no admin

Adicione o seguinte trecho de código no seu arquivo functions.php:

function tpw_admin_styles() {
	// Admin CSS file
	wp_enqueue_style( 'stylesheet', get_template_directory_uri() . '/css/admin.css' );
}

add_action('admin_head', 'tpw_admin_styles');

Note que esse exemplo leva em consideração que seu arquivo css está no caminho seu-tema/css/admin.css, Altere conforme necessário.

Lembrando sempre que se você usa um tema feito por terceiros, o ideal é você criar um tema-filho para adicionar suas alterações ou utilizar um plugin como o Code Snippets para isso.