Wordpress 投稿が表示されない。WordPress レッスンブック(ソシム) を参照しています。

Question

WordPress レッスンブック / ソシム　　書籍を参考にオリジナルテーマのWordPressサイト作成を勉強しています、

書籍42Pの 「オリジナルテーマを準備」 という項目でつまずいております。

オリジナルテーマを準備するにあたり、書籍に書いてある通り、

1.mytheme　という名前のフォルダを作成
2. index.phpファイルを作成
3. style.cssファイルを作成
4. エディタ用のcssファイル (editor-style.css)を作成
5. functions.phpファイルを作成
6. screenshot.jpgファイルを作成

wp-content → themes へ mythemeフォルダをアップロードしました。

wordpress 管理画面では アップロードしたmythemeが認識されています。
しかし、作成したmythemeから投稿を行おうとすると投稿できません。

文章や写真を挿入しプレビューしても投稿をしても下記写真のようになにか意味不明な文字列が表示されるだけです。

wp管理画面の 外観→テーマエディター　でindex.phpやstyle.cssを確認したら下記写真のように文字がすでに入力されております。ファイル作成時には何も文字は入力していないはずなのですが、、、、、

これらの文字が邪魔をしていると思い、index.phpファイル、style.cssファイル、editor-style.css、functions.phpファイル、screenshot.jpgファイル のすべてになぜか記載されていた上記写真の文字を削除しました。

再度投稿を行いましたが、今度は真っ白な画面が表示されるだけで、投稿記事に入力した文章や写真が表示されません。

どなたか解決策を教えてください。

Answer 1

テキストエディタは何を使用していますか？
ファイルを作成する時にリッチテキスト形式で作成した可能性があります。
ファイルを作成する時はVSCODE等のテキストエディタを使用し、エクスプローラー上から空ファイルを作成する場合は新規作成→テキストドキュメントを選んでください。

真っ白な画面が表示されるのは正常です。index.phpが現在空なのですから。
おそらく次のステップでindex.phpにテーマを追加していくのではないでしょうか？

Comments

[Fukusuke0604]

回答ありがとうございます。
macのテキストエディタでそれぞれのファイルを作成し、保存する際に .phpや .css などの拡張子をつけておりました。

VSCODEでファイルを作成し、再度手順を進めてみます。

[gogoweb_ikeda]

失礼しました。windowsと思って回答してました。
Macのテキストエディットはメニューの「フォーマット」から「標準テキストにする」を選ぶことでテキスト形式で保存できるはずです。
ただVSCODEじゃなく他のでもいいですがなんからのテキストエディタを用意したほうが効率がいいと思います。

[Fukusuke0604]

ご丁寧にありがとうございます。
mac テキストエディットからも今回の問題を回避する方法はあるのですね。

普段VSCODEを使っているのでそちらでも試してみます。

[Fukusuke0604]

VSCODEから各ファイルを作成し作業を進めたところ解決いたしました。
ありがとうございました。

引き続き頑張ります。