• 始めまして。初投稿の質問です。現在Wordpress Version3.3.1を使用しています。
    ローカル環境にて使っているのですが、画像を表示する際に、壊れたような表示になってしまいどうしても画像を表示することができません。
    sidebarのトップに貼り付けるだけなので、記述したコードは以下のとおりです。
    <img src=”sidebarpop.png” alt=”” width=”170″ height=”34″>
    です。
    sidebarpop.pngの画像ファイルは(……/wp-content/themes/sample1/sidebarpop.png)に存在しています。ファイル名はコピペして一致するようにしたので間違えるはずはないです。試しにabc.pngにどちらも書き換えてやり直してみましたがどうしても画像が壊れたようなイメージになって表示されてしまいます。もしかして使っている画像そのものが壊れているのでは?と思い、適当に使われている画像をコピーして名前を変えてやってみましたがダメです。こんな所で躓くとは思ってもいなかったので大変困っています。記述しているコードが間違っているのでしょうか?一応imagesフォルダを新たに作成し、記述コードを<img src=”images/sidebarpop.png” alt=”” width=”170″ height=”34″>に書き直してみましたが変化ありませんでした。ご教授宜しくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • モデレーター のむらけい (Kei Nomura)

    (@mypacecreator)

    画像のパスを記述しているのはテーマファイルですか?
    でしたら、

    sidebarpop.pngの画像ファイルは(……/wp-content/themes/sample1/sidebarpop.png)に存在しています。

    ということであれば
    <img src="/wp-content/themes/sample1/images/sidebarpop.png" alt="" width="170" height="34">

    または

    <img src="<?php echo get_template_directory_uri(); ?>/images/sidebarpop.png" alt="" width="170" height="34">
    と書かなくてはいけません。

    WordPressを使う際は相対パスを使うとリンク切れします。必ず絶対パスを使ってください。

    このあたりはWordPressの基本なので、ぜひ体系的に学んでみてください。

    トピック投稿者 QuietSyster

    (@quietsyster)

    mypacecreatorさん回答有難うございます。
    括弧内のコードではダメでしたが、下のコード

    <img src=”/wp-content/themes/sample1/images/sidebarpop.png” alt=”” width=”170″ height=”34″>

    で表示させることができました。なぜこうなったのか理由を調べて勉強したいと思います。ご教授有難う御座いました。また宜しくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ローカル環境にて画像が正常に表示されません」には新たに返信することはできません。