Wordpressにcss,jQuery,javascritが反映しない

前提・実現したいこと

wordpressを勉強し始めた初心者です。
購入した本通りにやっていますがcss、jQueryが反映されません。
header.phpに入れていますが表示されません。

また、条件分岐で1ページだけ別のcssを使用したいのですがそちらも反映されません。
勉強はじめたてで基本的なことが抜けてるかもしれませんが、自力で見つけ出せませんでした。
おかしな部分や他に方法が分かればお教えください。
お手数ですがよろしくお願いします。

発生している問題・エラーメッセージ

■コンソールに載っていたエラー
top-button.js?ver=5.8.1:3 Uncaught TypeError: $ is not a function
    at top-button.js?ver=5.8.1:3

該当のソースコード

■css、jQueryが反映されない
<?php 
	wp_enqueue_style('font-awesome',get_template_directory_uri().'/css/reset.css');
	wp_enqueue_style('font-awesome',get_template_directory_uri().'/css/style.css');
	wp_enqueue_style('font-awesome',get_template_directory_uri().'/js_css/style-animation.css');
	wp_enqueue_script('jquery');
	wp_enqueue_script('portfolio-site-main',get_template_directory_uri().'/js/top-button.js');
	wp_head();
	?>



■条件分岐で1ページだけ別のcssを反映させたいが反映しない。
パラメーターはCPT UIの投稿タイプスラッグで設定した[website]を入れています。
websiteのページにこのcssを反映させたいです。

	<?php if ( is_page('website') ) : ?>
	<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/reset.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/style.css">
<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/common.css">

試したこと

下記にするとcssのみ反映されます。
jquery,javascriptは反応しません。

surface_0

2021/10/08 07:48

提示されているソースコードがどこに（どのファイルに）書いてあるものなのかについて表記が無く雑然としているので、整理して記述していただけると答えられるかもしれません。あと、すでに投稿されている回答については試されましたでしょうか？

行動規範の内容に同意します

回答1件

head中でjQueryが読み込まれていません。

html
1<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
2<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
3<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.0.min.js"></script>