wordpressのテーマに画像が反映されない

Question

●前提・実現したいこと
wordpressのテーマに画像を表示させようとしています。

●発生している問題・エラーメッセージ
wordoressのテーマ管理に
「壊れているテーマ
以下のテーマはインストール済みですが、足りない部分があります。

名前 説明
img スタイルシートが見つかりません」と表示されます。

●該当のソースコード

●試したこと
FTPソフト内のテーマフォルダにimgフォルダやstyle.cssを保存しているのですが反映せず中々改善しませんでした。

テーマ管理を確認すると「img　スタイルシートが見つかりません。」と記載されています。

お手数ですが解決策や対応策があれば教えてください。
ご検討宜しくお願い致します。

Answer 1

ブラウザ機能でHTMLコードではcoffee-02.jpgになっていました。
なのでindex.phpもcoffee-02.jpに書き直したら画像が反映されました

Answer 2

画像わかりやすくて良いですね。
自分のthemeをおいているディレクトリは、どれになりますでしょうか？

もし、imgフォルダ以外であれば、imgディスプレイを、自分のthemeのフォルダの中におくのがよいと思います。

Comments

[nori]

wordpress3というフォルダが自作テーマなのですがその中にimgフォルダごといれれば大丈夫でしょうか？

[退会済みユーザー]

はいそうです！
たぶん、エラーがでている原因は、wp-content/themesの下にあるフォルダには、テーマに関するファイルが全部おいてある必要あり、

imgというディレクトリが、テーマのフォルダと勘違いされていると思います。たぶん、imgのディレクトリ内には、index.phpやstyle.css、functions.phpのファイルはないのですよね？

[nori]

imgのディレクトリ内にはphpファイルはないです。

[退会済みユーザー]

imgのディレクトリにphpがないのであれば、imgのフォルがテーマフォルダと勘違いされているので、imgのディレクトリをwordpress3の中に移動すればよいと思います！

[nori]

imgのディレクトリをwordpress３に移してwordpressをリロードしたのですが画像が移されませんでした。
index.phpのコード表記が違うのでしょうか?

<img src="<?php echo get_template_directory_uri(); ?>/img/coffee-01.jpg" width="150" height="150">

[退会済みユーザー]

コードの表記はあっているように見えます^^;

リロード後に、ブラウザの機能を使って、HTMLのソースコードを表示させた場合どのような
コードになっていますでしょうか？

chromeだと、Webページを表示している状態で、右クリックをすると、View Page Sourceという選択肢があると思います。

また、wp-content/themes/wordpress3/img/にcoffee-01.jpというファイルはおいてありますでしょうか？

[nori]

ブラウザ機能でHTMLコードではcoffee-02.jpgになっていました。
なのでindex.phpもcoffee-02.jpに書き直したら画像が反映されました。

[退会済みユーザー]

良かったです！他にも問題があれば、コメントください！

[nori]

無事に解決しました！アドバイス本当にありがとうございました！

明日は最近作った模写コーディングをwordpressのサイトに載せたいと思っているのでまたコードとかで分からないことがあったら質問させていただきます！

[退会済みユーザー]

自分は最近wordpressのテーマを自作するのを苦労しました。お互いがんばりましょうー。