ワードプレスでテーマが読み込まれない

Question

前提・実現したいこと

ワードプレスで自作テーマを作って、いざ読み込もうとすると、「壊れているテーマ」として認識されます。
自作したテーマを、まずはワードプレスに、テーマとして認識させたいです。

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

ディレクトリ構造です。

エラーメッセージ
壊れているテーマ
以下のテーマはインストール済みですが、足りない部分があります。

しかし、index.phpは写真からも分かるように入っています。

名前	　　　　　　　説明			
TF-30のコピー/css	テンプレートが不足しています。独立したテーマには index.php テンプレートファイルが必要です。子テーマでは style.css スタイルシートにテンプレートヘッダーが必要です。

該当のソースコード

現在書いているコードはこれだけです。
![]

試したこと

ここに問題に対して試したことを記載してください。
index.phpの確認。
フォルダの再読み込み。

参考にした記事：https://tokyofreelance.jp/30days-trial-3rd-vol1/#outline__1_1

Answer 1

とりあえずこれを削除してみてください。@charsetはともかくCSSの文法に即していないその部分は不要です。

@charset "utf-8";
/---------------------------------
テーマとしてWPに認識させるための記述↓
---------------------------------/

※ @charsetの削除は以前それがあるとthemeを認識しない事例があったため（うろ覚え）

Comments

[kajiri_design]

メッセージいただきありがとうございます。

CSSの文法に即していないその部分は不要です。
↑参考にさせていただきます。

今回の場合は、index.phpと同じディレクトリに存在するstyle.cssのスペルが間違っていました。

Answer 2

画像を見る限り別のディレクトリ「TF-30のコピー」->「css」の中にstyle.cssがありそうです。
そのようなディレクトリがないか、また今作っているテーマがwp-content/themesの中に配置されているか確認してみてください。

Comments

[kajiri_design]

「TF-30のコピー」->「css」の中にstyle.cssがありました。
必要ないのでしょうか？

[Eggpan]

style.cssがあるところはテーマとして認識されます。
そのディレクトリもテーマなのでしたら、同じディレクトリ内にindex.phpが必要になります。
違うのでしたら、ファイル名を変えるなどすればよいかと思います。

[kajiri_design]

なるほど。
ということは、index.phpと同じ階層にcss.phpがないと、テーマとして
読み込まれないということですか？

また、TF-30のコピーのなかにテーマを１つだけ入れるときは、cssファイルは基本１つということですか？

[Eggpan]

テーマとして読み込む場合、同じディレクトリにstyle.css と index.php がセットで存在する必要があります。

cssファイルはsryle.css以外に2つ以上作っても構いませんが、テーマ内のheader.php等で読み込むようにする必要があります。

[kajiri_design]

なるほど、、、。
すごい勉強になりました。

同じディレクトリにstyle.css と index.php がセットで存在する必要があるんですね。
今回の場合は、index.phpと同じディレクトリに存在するstyle.cssのスペルが間違っていました。

ありがとうございます！