Title: 相対パスでは画像は表示されないのでしょうか。
Last modified: 2011年5月12日

---

# 相対パスでは画像は表示されないのでしょうか。

 *  解決済 [isseiaone](https://ja.wordpress.org/support/users/isseiaone/)
 * (@isseiaone)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/)
 * こんにちは。
 * サイトのトップページにバナーの画像を張ろうと思い、
    imageフォルダに画像をアップ
   したのですが表示されません。
 * `<img src="images/picproducts.jpg" />`
 * 相対パスでは表示されないのでしょうか。
    ちなみに絶対パスだと表示はされましたが
   気になったので質問させていただきます。
 * でも、cssで背景画像を指定する時は、
    `background-image:url("images/960border_01.
   gif");` な感じで表示されるから同じかなと思ったんですが。。。 何故なんでしょう
   か。
 * お力添えのほどよろしくお願いいたします。

6件の返信を表示中 - 1 - 6件目 (全6件中)

 *  [KKT](https://ja.wordpress.org/support/users/kvex/)
 * (@kvex)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-138986)
 * topページに
    `<img src="images/picproducts.jpg" />` を書いてそれを生かそうと思
   ったら トップページから見たimagesディレクトリに画像を置かないとだめですね。 きっと、
   テーマディレクトリのimagesにおいてるんですよね？ css内の`background-image:url("
   images/960border_01.gif");`は、そのcssファイルを基準にした相対ディレクトリです。
 * もし、テーマディレクトリ/images に画像をアップしたものを生かすなら
    `<img src
   ="<?php bloginfo('stylesheet_directory'); ?>/images/picproducts.jpg" />` など
   とする必要があります。
 *  トピック投稿者 [isseiaone](https://ja.wordpress.org/support/users/isseiaone/)
 * (@isseiaone)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-138997)
 * kvexさん
 * いつもお世話になります。
    よーくわかりました。ありがとうございました。
 * ちなみに頂いた下記の記述の、
    `<img src="<?php bloginfo('stylesheet_directory');?
   >/images/picproducts.jpg" />`
 * (‘stylesheet_directory’)　←なんですが、
 * 昨晩たまたま調べながらやっていたら、
    (‘template_url’)←こんなのを見つけたので、`
   <img src="<?php bloginfo('template_url'); ?>/images/picproducts.jpg" />` に書
   いてみたら画像が表示されました。
 * (‘template_url’)←の中身はどんな風に使い分ければよいのでしょうか。
    また、今回
   の私の質問ケースでkvexさんが(‘stylesheet_directory’)とした理由も教えていただけ
   ませんでしょうか。
 * 何度もスイマセンがよろしくお願いします。
 *  [kz](https://ja.wordpress.org/support/users/kz/)
 * (@kz)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-138998)
 * ちょっと疑問に思った時はワリと [Codex](http://codex.wordpress.org/Function_Reference/get_bloginfo)
   が助けてくれます。
 * template_url：親テーマのフォルダ
    stylesheet_directory：子テーマのフォルダ（子
   テーマでなくてもOK）
 * 使用しているテーマが子テーマかどうかに関わらず
    「今使ってるテーマのあるフォルダ」
   を指定するなら stylesheet_directory が吉◎
 * ※より新しくてクールな書き方をするなら bloginfo でなくて [get_stylesheet_directory_uri()](http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri)
   を使います。
 * 楽チン子テーマを駆使して「親テーマのフォルダにある画像」を指定するなら
    template_url
   です。
 * ※より新しくてクールな書き方をするなら bloginfo でなくて [get_template_directory_uri()](http://codex.wordpress.org/Function_Reference/get_template_directory_uri)
   を使います。
 *  トピック投稿者 [isseiaone](https://ja.wordpress.org/support/users/isseiaone/)
 * (@isseiaone)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-139003)
 * kzさん
 * いつもお世話になってます。
 * 早速質問させてください。
    質問１． bloginfoの代わりに、get_stylesheet_directory_uri()
   ということは、
 * `<?php get_stylesheet_directory_uri() ?>/images/picproducts.jpg" />`
 * になるのでしょうか。
 * この書き方だとbloginfoの書き方に比べ何にたけているのでしょうか。
    是非教えてくだ
   さい。
 * 質問２．
 * 初歩的な話なのかも知れませんが、
    「親テーマのフォルダと子テーマフォルダ」ここ
   が理解できていません。 親テーマと子テーマ？？。。テーマは通常1つしか利用しない
   ものだと思っていたのですが どんな風に親テーマと子テーマは使い分けるものなんで
   しょうか。
 *  [kz](https://ja.wordpress.org/support/users/kz/)
 * (@kz)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-139005)
 * > になるのでしょうか。
 * echo します。
    `<?php echo get_stylesheet_directory_uri() ?>/images/picproducts.
   jpg" />`
 * > bloginfoの書き方に比べ何にたけているの
 * [Codex](http://codex.wordpress.org/Function_Reference/get_bloginfo) にある説明
   から察してあげると、WordPress としてはテーマのフォルダのパスを取得したいなら 
   bloginfo 的なことはもう古くさいので、新しく用意した関数を使って欲しいとのこと
   です。
 * get_bloginfo の実装を見ると、
 *     ```
       function get_bloginfo( $show = '', $filter = 'raw' ) {
         switch( $show ) {
           (略)
           case 'stylesheet_directory':
             $output = get_stylesheet_directory_uri();
             break;
           case 'template_directory':
           case 'template_url':
             $output = get_template_directory_uri();
             break;
       ```
   
 * と結局当該関数を使ってるので、はじめからこの関数を使えば処理時間がちょびっとだけ
   速くなります。
 * > 親テーマのフォルダと子テーマフォルダ
 * そんなときこそ [Codex: 子テーマ](http://wpdocs.sourceforge.jp/Child_Themes)
 *  トピック投稿者 [isseiaone](https://ja.wordpress.org/support/users/isseiaone/)
 * (@isseiaone)
 * [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-139045)
 * kvexさん、kzさん
 * 返信大変遅れてしまい申し訳ございません。
 * Codexを読んであれこれテストして要約わかりました。
    ありがとうございました。
 * とてもわかりやすかったです。
 * 今後ともよろしくお願いします。

6件の返信を表示中 - 1 - 6件目 (全6件中)

 トピック「相対パスでは画像は表示されないのでしょうか。」には新たに返信することは
できません。

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6件の返信
 * 3人の参加者
 * 最後の返信者: [isseiaone](https://ja.wordpress.org/support/users/isseiaone/)
 * 最後の活動: [15年、 5ヶ月前](https://ja.wordpress.org/support/topic/%e7%9b%b8%e5%af%be%e3%83%91%e3%82%b9%e3%81%a7%e3%81%af%e7%94%bb%e5%83%8f%e3%81%af%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa%e3%81%84%e3%81%ae%e3%81%a7%e3%81%97%e3%82%87%e3%81%86%e3%81%8b%e3%80%82/#post-139045)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック
