【WordPressでオリジナルサイトを作ろう】⑤パーツ構成編

最終更新日2024.06.09

WordPressのサイトは、パーツごとにファイルが分かれています。

コーディングを始める前に、今回作るブログサイトのページごとのパーツ構成を確認しておきましょう。

各ページのパーツ構成

基本の構成は、「header.php」、「footer.php」、「sidebar.php」、メインのPHPファイルの4パーツで構成されます。

各ページのパーツ構成は下記の通りです。

WordPressの一般的なファイルの中身の構成は下記の通りとなります。
今回もこの構成に従ってコーディングを行っていきます。

header.php

<!DOCTYPE html>
<html lang=”ja”>
<head>
  <?php wp_head(); ?>
</head>

<body>
  <header>
  </header>

各ページのファイル

<?php get_header(); ?>

// ここにメインの処理を記述する

<?php get_sidebar(); ?>

<?php get_footer(); ?>

sidebar
.php

footer.php

header.php: Webサイトのheadとheaderタグの情報を記述します。
「wp_head()」はWordPressに必要な関数なので、</head>タグの直前に記述します。
各ページのファイル: header.php、footer.php、sidebar.phpを読み込みます。
この中に各ページのコンテンツを記述します。
sidebar.php: サイドバーのコンテンツを記述します。
footer.php: footerタグの情報を記述します。
「wp_footer()」はWordPressに必要な関数なので、</body>タグの直前に記述します。