PHPの画像とリンクを表示、機能させたい

Question

前提・実現したいこと

PHPの画像とリンクを表示、機能させたい

ご教授お願い致します。

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

PHPの画像とリンクを表示、機能できない

試したこと

こちらの商品はYtube確認して、コードを書きました。
PHP画像とリンク

該当のソースコード

<ul>
<li class="blog-item">
<a href="<?php echo home_url(); ?>/Blog/blog.html">
<img alt="サンプル2" src="<?php echo get_template_directory_uri(); ?>/img/sample02.jpg">
<div class="blog-txt">Engressもくもく会でみんなで<br>
<p> TOEFL学習をしませんか？</p>
<time class="time">2020-12-03</time>
</div><!-- /.blog-txt -->
</a>
</li><!-- /.blog-item -->
<li class="blog-item">
<a href="<?php echo home_url(); ?>/Blog/blog.html">
<img alt="サンプル3" src="<?php echo get_template_directory_uri(); ?>/img/sample03.jpg">
<div class="blog-txt">
<p> TOEFL学習にはコーチング学習が最強である話</p>
<time class="time">2020-11-20</time>
</div><!-- /.blog-txt -->
</a>
</li><!-- /.blog-item -->
</ul><!-- /.blog-list -->

補足情報（FW/ツールのバージョンなど）

PHPについて
コードは一部のコードのみ載せています。

ディレクトリー構図も下記画像です

経緯↓
header,footer imgも aタグもうまくいっていないため質問しました。
原因追及したいため、アドバイスいただけると幸いです。
宜しくお願い致します。

<?php echo get_template_directory_uri(); ?>・・親テーマも調べて、知ることができましたが、、

できませんでした。恐れ入りますが、お力を貸していただけると幸いです。

画像パスの共有

Comments

[skys215]

画像のURLは開発者ツールで確認できますか？

[Lhankor_Mhy]

wordpressとPHPのバージョンを教えてください。また、webサーバの環境も教えてください。

[free_teku]

skys215さん
ご質問ありがとうございます。
昨日、確認できましたが現在確認中です。悪確認できました。

このようなURLではありますが、
<img src="https://take.local/wp-content/themes/%E4%B8%8A%E7%B4%9A%E7%B7%A83%20-%20%E3%82%B3%E3%83%94%E3%83%BCimg/tel 29.svg" alt="tel">

[free_teku]

Lhankor_Mhyさん
いつも、ありがとうございます。
WordPress　5.82ver PHPのバージョンは7.3.5(Wordpress)ではそうでしたがxserverでは8.012最新でした。　　サーバーはxserverです。

[skys215]

BCとimgの間に一つ/が足りてませんか？(.....%BC/img/tel....)
https://take.local/wp-content/themes/%E4%B8%8A%E7%B4%9A%E7%B7%A83%20-%20%E3%82%B3%E3%83%94%E3%83%BC/img/tel 29.svgをブラウザーに貼り付けて開くか試してみてください。

[free_teku]

<img src="https://take.local/wp-content/themes/%E4%B8%8A%E7%B4%9A%E7%B7%A83%20-%20%E3%82%B3%E3%83%94%E3%83%BC/img/tel 29.svg" alt="tel">

上記のコードを入力しましたが、非表示でした。恐れ入りますが、ご教授お願い致します。

/入れることができましたが、非表示です泣

[skys215]

tel 29.svgはどこにありますか？
パスをお願いします。

[free_teku]

ご返信ありがとうございます。上記に画像でパスを共有しましたのでご確認お願いします。

[skys215]

https://take.local/wp-content/themes/%E4%B8%8A%E7%B4%9A%E7%B7%A83%20-%20%E3%82%B3%E3%83%94%E3%83%BC/Top/img/tel 29.svg
BCとimgの間のTop/を追加したら開くでしょうか？

[free_teku]

skys215さん
ご回答ありがとうございます。
できました。本当にありがとうございます。

phpのディレクトリー構図がどこまでっ記入してよいかを理解していないことが要因です。
こちらは、PHPの決まりなどあるのでしょうか？

大変恐れ入りますがが、ご回答いただけると幸いです。

よろしくお願いいたします。

Answer 1

URLが間違ってるのは確認できました。
開けるURLも確実なので、後は正確なパスを作り上げるだけです。

<?php echo get_template_directory_uri(); ?>/Top/img/sample03.jpg