【WordPress環境構築#4】WordPressテーマが(ほぼ)完成しました。

制作状況

f:id:quietplace_1:20200221020329g:plain

こんな感じです。
初めてにしてはいい感じ。(ドットインストールで写しただけ)

WordPressテーマに変換しました。

f:id:quietplace_1:20200221020755p:plain

でアクセスしてみると...

f:id:quietplace_1:20200221021019p:plain

あれれ...?w

はいそうなんです。
自分はこのように作っていました。

ファイル構成

f:id:quietplace_1:20200221021208p:plain

  • img→noimegeの画像が入ってる。
  • index.php→HTMLだと思えばいい(というかHTMLの中に埋め込めるのがPHP)
  • screenshot.png→テーマのアイキャッチ
  • style.cssCSS

styleが当たってないですね。

はい。これindexを分けないと駄目ですね。

 どういうことかと言うとヘッダーやサイドバーのファイルを分けないと駄目ということです。

というわけで...

f:id:quietplace_1:20200221023202p:plain

 phpファイルが増えましたね。
index.phpのコードをヘッダーのコードはheader.phpに移動したりしていきます。
フッターやサイドバーも同様に。

という状況ですね。

参考 

#14 WordPressテーマに変換しよう