WordPressのウィジェットのカスタムHTMLでうまく画像が表示されない

前提・実現したいこと

WordPressのウィジェットに画像を表示させたい

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

30DAYSトライアル3rdの「8.サイドバーの作り方」を進めております。
その中でローカル環境にてWordPressでウィジェットを実装しカスタムHTMLにHTMLを書いて画像を表示させようとしてますが、ファルパスが間違っているのか、うまく画像を表示させることができません。
もしわかる方がいらっしゃいましたらご教授いただきたいです。
ちなみに画像ファイルの場所は「app/public/wp-content/themes/自作テーマ名/img/profile.png」に保存してあります。

該当のソースコード

<img src="<?php echo get_template_directory_uri()?>/img/profile.png" alt="">

試したこと

画像をWPのライブラリに保存しそのリンクをカスタムHTML内のimgタグのsrcに貼り付ければ問題なく画像は表示されます。
画像リンク例）http://30day2.local/wp-content/uploads/2020/03/profile.png

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

ローカル環境は「Flywheel」を使用しております。

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

回答1件

ベストアンサー

該当する<img>タグのsrcの中身をコピーし、ブラウザのアドレスバーに貼り付け、表示してください。

404 Not found、ファイルがありません、などのメッセージがある場合
画像を保存するディレクトリの間違い、ファイル名の間違い、などパスの間違いだと思われます。
403 Forbidden、権限がありません、などのメッセージがある場合
ファイルの読み込み権限の追加をしてください。

またあまり関係なさそうですが、セミコロン (;) が抜けているため、直したほうがよさそうです。
変更前: <img src="<?php echo get_template_directory_uri()?>/img/profile.png" alt="">
変更後: <img src="<?php echo get_template_directory_uri(); ?>/img/profile.png" alt="">

投稿2020/03/08 14:51

編集2020/03/09 04:28