Incluindo corretamente CSS e JavaScript no WordPress

Share via

Antes de prosseguirmos para o guia quero que você saiba que nunca deve adicionar CSS e JS externos diretamente a arquivos de modelos do WordPress como ‘header.php’, ‘footer.php’, etc. Em alguns casos pode ser OK adicionar algum código interno usando as tags ‘

O resultado desse código deixará o background do seu painel do WordPress com a cor branca.

Quando usada a tag ?> é para sinalizar o encerramento de um código php e o ínicio de um código HTML, JS ou CSS. Para retomar o código em php basta você inserir a tag .

Adicione um JS personalizado ao dashboard usando o ‘admin_footer’.

Vale mencionar em primeiro lugar que não é necessário usar ‘admin_head’ (ou ‘wp_head’) apenas para CSS e ‘admin_footer’ (ou ‘wp_footer’ apenas para JavaScript).

Este código é muito similar ao exemplo anterior, a única mudança é que usamos JavaScript em vez de CSS:

add_action( 'admin_footer', 'custom_internal_javascript' );     function custom_internal_javascript(){           ?>                     

Os atributos ‘type=”text/css”‘ para a tag ‘