wordpress パス修正しても画像とcssが取得できない

現在HTMLで作ったサイトをwordpressに移行しています。
自作テーマを作成している途中ですが、パス修正をすると、サイト自体が表示できなくなったり、画像データを取得できなくなってしまいます。
ググったのですが、該当する症状が見当たらなく、途方に暮れていましたので質問します。

HTML＆CSS学習2か月目です。
諸先輩方の知恵をお貸しください。

よろしくお願いします。

問題点と詳細内容は以下の通りです

・問題1　index.phpがcssを読み込まない
・詳細　 cssのhref前に「<?php echo get_template_directory_url(); ?>」を追加するとエラーになります
また、phpコードを記述しなくてもstyle.cssが反映されるのも、理解できません。

・問題2　index.phpが画像を読み込まない
・詳細　「img src="<?php echo get_template_directory_url(); ?>～」を追加しても画像が表示されません

ディレクトリは以下の通りです

wp-content
┗themes(index.php,style.css,stylesheet.css,imagesフォルダ)

ソースコードです

<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ポートフォリオ</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" crossorigin="anonymous">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/stylesheet.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css"
        integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
</head>
<body>
<p class="con-p">過去の製作品です。</p>
    <div class="container-filud">
        <div class="row work-row d-flex">
            <div class="col-sm-4 the-work">
                <h3 class="c-title w-title m-4">製作品1</h3>
                <img src="<?php echo get_template_directory_url(); ?>/images/イメージ1.JPG" alt="1">
            </div>
        </div>
    </div>
</body>