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

最終更新日

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>

中身のコンテンツ

ヘッダー(header.php)
headとheaderタグがヘッダーになります。
フッター(footer.php)
footerタグ以降がフッターになります。

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

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

次の記事 >

< 前の記事

HTMLサイトをWordPress化しよう

関連記事