Informatique

Salut !

J'aimerais faire une rotation à mon logo lorsque je scroll sur ma page, sur mon site : https://theoguinet.fr/
Du coup j'ai trouvé un bout de code sur codepen, à savoir celui-ci : https://codepen.io/monkeyslunch/pen/pNwMaL

Cependant je n'y connais pas grand chose, et il semblerait que je n'arrive pas à le faire marcher...
Je pense que ça vient d'une erreur d'import de mon jQuery, mais avec la console Google Chrome il semblerait que j'avais déjà un jQuery, je ne sais pas si je dois en importer un autre ou non... vu que sur codepen celui qu'ils appellent est //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js

Du coup j'ai tapé ce code dans mon fichier functions.php :

Et le message d'erreur sur la console s'affiche comme cela :

On peut d'ailleurs voir que j'ai déjà ce code sur mon site : https://www.theoguinet.fr/wp-includes/js/jquery/jquery.js?ver=1.12.4

Du coup, vous avez une idée du pourquoi ça ne marche pas ? Je sais pas si c'est compliqué vu que j'y connais rien... dans le doute je vous met mon code JS que j'avais ajouté :

$(window).scroll(function() {
var theta = $(window).scrollTop() / 600 % Math.PI;
$('#main-logo').css({ transform: 'rotate(' + theta + 'rad)' });
});

Je vous remercie grandement !

Salut
supprime juste
get_stylesheet_directory_uri() .

jquery est déjà importer dans wordpress nativement te suffit de l'appeler dans ton functions.php du theme

function theme_js(){
wp_enqueue_script( 'jquery' );
}
add_action( 'wp_footer', 'theme_js' );