【HTMLサイトをWordPress化しよう】④ファイル分割編

最終更新日 2021.03.17

HTMLサイトをWordPress化する際に、最初に行うのが「index.html」からヘッダーとフッターを分割する作業です。

HTMLサイトでは、ヘッダーやフッターを1つのファイルで記述しますが、WordPressでは、ヘッダーは「haader.php」、フッターは「footer.php」とそれぞれ別のパーツで管理します。

そのため、まず始めに「index.html」の中身をヘッダーとフッターに分割します。

index.htmlの分割

「index.html」の中身を下記の通り、ヘッダーとフッターに分割します。

ヘッダー（header.php）

<!DOCTYPE html>
<html lang=”ja”>
<head>
～
</head>

<body>
  <header>
  ～
  </header>

中身のコンテンツ

フッター（footer.php）

基本的な分割の考え方は上記の通りです。

それでは、ヘッダーから順に作成していきます。

次の記事 >

【HTMLサイトをWordPress化しよう】⑤ヘッダー編

< 前の記事

【HTMLサイトをWordPress化しよう】③ディレクトリ作成編