Adicionando código jQuery no WordPress

Fala meu povo!!!

Seguinte, vamos dar uma olhada em como adicionar um script próprio no WordPress usando o jQuery.

Estou usando o tema Twentytwelve do WordPress.

Na pasta do tema do WordPress, abra uma pasta chamada js.

Nela vamos criar o arquivo “script.js”

Criado o arquivo coloque o script desejado jQuery dentro dele e salve.. como no exemplo:


jQuery(document).ready(function(){
jQuery('#teste').html("teste de exemplo");

\\seu código aqui

});

Importante observer que ao invés de usar o ” $(document).ready(function(){ \\………… }); “, utiliza-se “jQuery(document).ready(function(){ \\………… }); “.

Salve o arquivo scritp.js , e vamos editar outro arquivo functions.php que esta também na pasta do tema.

Nele vamos inserir o seguinte código no final do arquivo.


function adicionandoScript () {
 wp_register_script('nome-do-seu-novo-script',
 get_template_directory_uri() . '/js/script.js',
 array('jquery')
 );
 wp_enqueue_script('nome-do-seu-novo-script');
 }
add_action('wp_enqueue_scripts', 'adicionandoScript');

Pronto!

Lembre-se de limpar o cache do Wordpres se estiver habilitado, e do navegador.

Agora é só curtir o resultado!

Abs!