ZeroPlus Gateについて

\ シェア /

FacBook
Twitter
LINE
はてブ
PPocket
ZeroPlus Media > Web制作 > WordPress > WordPressのテーマに必要なファイルを押さえよう

WordPressのテーマに必要なファイルを押さえよう

Web制作

2022/07/20

2023/06/07

WordPressのテーマに必要なファイルを押さえよう

本記事では、WordPressのテーマについて、さらにWordPressのテーマを作成する際に最低限必要なファイルや用途などを紹介・解説します。

この記事で身につく内容
  • WordPressのテーマとは何か
  • WordPressのテーマを作成するときの基本

案件が取れなくて悩んでいるあなたへ

プログラミング案件獲得のために必要なスキルは、単に技術力だけではありません。営業力、コミュニケーション力、人脈などの幅広いスキルや要素が求められてきます。

営業からライティング、SEOまで学べるフリーランス特化型プログラミングスクールZeroPlusで、フリーランスエンジニアに必要なすべてを手に入れませんか?

  • またゼロからやり直さないといけないの?
  • 本当にフリーランスになれるの?

といった不安にも、超フレンドリーな相談員が親切に相談にのります。スクール以外のご質問もOK!

\お申し込みは30秒で終わります。/

まずは無料で相談してみる

新しい一歩を、今踏み出してみませんか?

テーマとテンプレート

WordPressにおける「テーマ」とは、Webサイトの見た目を構成するファイルの集まり(フォルダ)のことです。

テーマと似たような言葉として、「テンプレート」があります。テンプレートとは、テーマの中にある一部のファイルです。

テーマ = Webサイト(WordPress)の見た目を構成するフォルダのこと。

テンプレート = テーマの中にある一部のファイル。

 

テーマ「twentytwentyone」の中身

テーマ作成に最低限必要なファイル

テーマは色々なテンプレートファイルの集まりです。テーマの作成に最低限必要なファイルを紹介・解説します。

index.php

index.phpは、「WordPressのテンプレート階層について学ぼう」でも解説があるように、リクエストに対して該当ファイルが存在しなかった場合に最終的に呼び出されるファイルです。

ブログサイトにおいて、一覧ページとして利用されることが多いです。

style.css

テーマ情報やサイトのスタイルを記述するファイルになります。必ず「style.css」というファイル名でテーマの直下(index.phpと同じ階層)に作成します。

@charset "UTF-8";

/*
Theme Name: テーマ名
Author: テーマ作者名
Description: テーマの概要
Version: テーマのバージョン
*/

style.cssには、テーマの情報をコメントで記述することができます。

このコメントがWordPressの方で読み取られて、管理画面の「外観>テーマ」の部分に情報として反映されます。

以上、index.phpstyle.cssはテーマを作成する上で必須なファイルになります。この2つのファイルが無い状態だと、管理画面の「外観>テーマ」を開いた際に「壊れているテーマ」として警告が表示されます。

 

ファイルが無い場合に表示される警告

 

必須ではないがよく作成するファイル

ここからは、無くても警告はでませんが、テーマを作成する上でよく使われるファイルを紹介します。

functions.php

functions.phpは、主にテーマやプラグイン、WordPress関数、管理画面の設定などをカスタマイズをする際に使用するファイルです。

PHPのコードをゴリゴリ記述するファイルになるので、PHPの書き方が身に付いたらいじるようにしましょう。変に触ってしまうとエラーが表示されて、画面が表示されなくなってしまったりします。

初心者にありがちなミス

functions.phpfunction.phpになっていたりしてエラーになってしまうことがよくあるので、間違えないようにしましょう。

 

header.php / footer.php / sidebar.php

これらheader.phpfooter.phpsidebar.phpファイルは、名前の通りテーマにおけるヘッダー、フッター、サイドバー部分を記述して使い回すテンプレートパーツファイルです。

詳しいことについては、「WordPressのテンプレートパーツファイルについて押さえよう」で解説しているので、ご確認ください。

 

404.php

404.phpは、サイト閲覧者のリクエスト(ページのアクセス)URLに対して、解析で表示するべきページが決定しなかった場合に表示されるようになっています。

 

これは実際にZeroPlusのサービスサイトでリクエストしたページが存在しなかった場合に表示されるページになります。

 

screenshot.png

この画像ファイルは、テーマが分かるようなページのスクリーンショットにします。

必須ではありませんが、管理画面の「外観>テーマ」でテーマの一覧を見る際にどんなテーマなのかが伝わりやすいです。

 

まとめ

WordPressのテーマ作成で最低限必要なファイルを紹介しました。

本記事で紹介したものは、あくまでも最小限の構成になりますので、サイトの規模によっては必要なファイルも異なります。WordPressのテンプレート階層を理解することで、作成すべきファイルを適切に作成することができるようになります。

WordPressのテーマ作成で最低限必要なファイル

<必須>

  • index.php
  • style.css

<必須ではないが、よく作成する>

  • functions.php
  • header.php / footer.php / sidebar.php
  • 404.php
  • screenshot.png

\ 学んだことをSNSでシェアしよう /

この記事の執筆者

ZeroPlus Media変種部

ZeroPlus Media編集部

ZeroPlusは、「フリーランス特化型プログラミングスクール」です。ZeroPlus Mediaでは、フリーランスとして活躍する際に役立つ有益なプログラミングやWeb制作に関する情報を発信しています。

質問について

ZeroPlus Media読者限定で質問対応をおこなっています。以下の2つの方法で質問を受け付けています。

選べる2つの質問方法

1

Google Foam(テキスト)で質問

mail

フォーム送信

メールで解答

formで質問
2

Google meet(オンラインmtg)で質問

meet

日時選択

メールを受け取る

メールからmtgに参加

meetで質問
ZeroPlus Gateについて

あなたの目的に合わせた2つのサービス

あなたの目的に合わせたZeroPlusの2つのサービス
基礎からフリーランスレベルまで本質的な学びを提供しています

完全無料!30日間で学びきれる
プログラミンスクールZeroPlus Gate

  • お金をかけずに、学習を進めたい
  • Webサイトを作れるようになりたい
  • メンターや講師に質問しながら学習したい

詳しくはこちらから

フリーランス特化型
プログラミングスクール ZeroPlus

  • プログラミング学習で悩んでいる
  • 仲間と一緒に学習したい
  • フリーランスとしての総合的な力を養いたい

詳しくはこちらから