Wordpress imgフォルダはどの階層に入れたらいいのか

Question

サイト全体に背景画像を反映したいのですが、どこの階層に画像を置いたらいいのかがわかりません。

style.cssは以下のように設定しました。

body {
  background-image: url("img/background.png");
}

背景画像は、テーマフォルダ「sotugyo_site」 → 「img」フォルダの中に入れました。

他の背景画像以外の画像は以下で表示ができました。

<img src="<?php echo get_template_directory_uri(); ?>/img/top-introduction.png" alt="">

しかし、テーマフォルダ「sotugyo_site」 → 「img」フォルダの中だと
背景画像がサイトに反映されませんでした。

色々試してみて、テーマフォルダと同じ階層に背景画像を入れてサイトに反映することができました。

しかし、今度は他の画像が表示されなくなりました。

<img src="<?php echo get_template_directory_uri(); ?>/img/top-introduction.png" alt="">

現在、imgフォルダが2個ある状態でサイトの画像（背景画像）を表示させています。

正規のやり方を教えていただけないでしょうかm(__)m!

Comments

[kei344]

まだ質問が「受付中」になっていますが、いったん「解決済」にされてはいかがでしょうか。また、解決されていないなら状況を質問文に追記ください。

[web_hoshi]

ありがとうございます！すっかり失念しておりました。
「解決済」にしたいと思います！

Answer 1

画像フォルダはテーマフォルダ内に入れて get_theme_file_uri が今風のやり方だと思います。

【WordPressでURL（パス）を取得する場合はget_template_directory_uriよりget_theme_file_uriが便利 | ブログ | Glatch（グラッチ） - 夫婦で活動するフリーランスWeb制作ユニット】
https://glatchdesign.com/blog/wordpress-get-theme-file-uri/

【【Wordpress】テーマファイルのURL取得は get_theme_file_uri を、パスにはget_theme_file_pathを。【子テーマ】 - Qiita】
https://qiita.com/miminari/items/bb097e8a156d7a8e04da

【WordPress のURL URI パスを取得・出力する関数/ Web Design Leaves】
https://www.webdesignleaves.com/pr/wp/wp_func_url_path.html

Comments

[web_hoshi]

kei344さま
get_template_directory_uri();は古いやり方だったんですね！
詳細サイトも教えていただきありがとうございましたm(_ _)m

imgフォルダの位置の件は結局
background-image: url("img/background.png");
を
background-image: url("./img/background.png");
としてみたら解決しました...!

ありがとうございました！

Answer 2

imgフォルダの位置の件は結局
background-image: url("img/background.png");
を
background-image: url("./img/background.png");
としてみたら解決しました...!