③テーマとして使うために最低限必要なファイルと必要な記述【WordPressテーマの自作】

公開日:2021年8月30日 テーマ作り
③テーマとして使うために最低限必要なファイルと必要な記述【WordPressテーマの自作】

WordPressがテーマとして認識する最低限のファイルは以下の2つです

  • style.css
  • index.php

style.cssには文字コードの宣言とテーマ情報を記述する必要があり、以下の情報を先頭に記述して作成・保存します。

@charset "utf-8";
/*
Theme Name: 「テーマの名前(必須)」
Theme URL: 「テーマのサイトのURI」
Description: 「テーマの説明」
Author: 「作者の名前」
Version: 「テーマのバージョン」
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
  • 「」書きしている部分の文字列は日本語でも英語でも構いません(「」も必要ありません)。この情報はテーマ一覧の詳細画面で表示される内容になります。
  • License項目についてはWordPress本体のライセンスを継承する意味で上記のままにしておけばよいでしょう。
  • Theme Nameと、これから作成するテーマフォルダは同名(テーマフォルダ名は小文字しか使えないので、Theme Nameは大文字で、テーマフォルダは小文字でも可)にしておくと管理がしやすいです

index.phpはひとまず空のままファイルだけ作成しておきましょう(内容については今後紹介していきます)

パソコン上でこの2つのファイルを作成して保存したら。同じフォルダの中へ入れ、フォルダにテーマ名(半角英数字)を付け(またはzip圧縮ファイル)てサイトのテーマフォルダ内へ転送(圧縮ファイルの場合は管理画面からアップロードインストール)すれば、テーマとして認識され、有効化することができます。

今回はTheme Nameを「HABONE」、フォルダ名を「habone」とし、今後の解説でもこの名前を前提に進めていきます

しかしそれはあくまでもWordPressのテーマとして認識されるだけであって、ほぼというか全く機能はしません(何も記述していないから当然ですね)。

ただ、これだと、index.phpにリストページのことや単独ページ(投稿・固定ページ)のことなどすべてを記述しなければならず、コードが煩雑になりますから、以下のファイルも含め一緒に作成してテーマをインストール&有効化しましょう。

テキストエディタの文字コードを「UTF-8N」または「UTF-8(BOMなし)」に設定して保存しないと、正常に認識されなかったり、エラーとなることがありますので注意しましょう

ファイル名拡張子役割
functions.phpWordPress本体の機能を変更したり、独自機能を追加したりする際のコードを記述するファイルです
style.cssサイトの見た目(デザイン)を指示するためのファイルです
index.php特有のテンプレートがない場合、最終的にこのファイルを通じてページが表示されます
single.php「投稿」で公開されたページを表示するための特有テンプレートです
page.php「固定ページ」で公開されたページを表示するための特有テンプレートです。
comments.phpコメントフォームとコメントを表示させるためのテンプレートです
home.phpトップページの設定を「最新の投稿」にした場合の表示に使用されるテンプレートです
archive.php一覧(カテゴリー・タグ・作者など)表示をさせるためのテンプレートです
404.php404エラー(ページが存在しない)場合に表示される内容を記述するテンプレートです
header.phpページ上部に共通して表示される内容を記述するテンプレートです
footer.phpページ下部へ共通して表示される内容を記述するテンプレートです
sidebar.php本文の左(右)へウィジェットを表示させる場合に使用するテンプレートです

他にもシーンに合わせたテンプレートが存在しますが、基本的にはこれだけあれば十分です。

参考:WordPress Codex テーマの作成

本ページおよび、制作過程のページは、実際に作成しながら進めています。前後ページへの挿入を行う必要性、内容を忘れないように書き留めていく必要があることから、公開済みの状態で内容を充実させていっていますので、お見苦しい点が多々あるかとは思いますが、ご容赦ください。

サイトへの支援をお願いします

サイトへお越しいただきありがとうございました。
テーマを無料で提供し続けることができるよう、投げ銭によるサイトへの支援、およびSNSによる拡散をお願いします

  •  白黒ハチワレ猫の【モモ】とのんびり暮らしながらフリーランスでサイト制作のお手伝いをしています。
    ブログツールでありながら本格的なウェブサイトに必要な機能を追加できるWordpressの良さを活かした楽しく便利なサイト作りのお手伝いをさせていただいております

QR Code

このページはモバイル端末でもご覧いただけます

左のQRコードを読み取っていただくと、このページのURLが表示され、簡単にアクセスできます。ぜひモバイル端末でもご覧ください。

WordPressのカスタマイズ・不具合対応などご相談ください

Wordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。まずはこちらのバナーからお気軽にお問い合わせください。