Como adicionar CSS personalizado no painel administrativo do 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.

3 – Salvou, acabou!

Salve e pronto, seu arquivo .css será adicionado em todas as páginas do admin do WordPress!

Deixe uma resposta