WordPressテーマを自作【1】最小構成で有効化

WordPressは年々機能追加で便利になっていくのに伴い、それを活用したテーマも増えていきます。
使う側としては便利なのですがコードの肥大化による処理時間の増大が懸念されます。

実際のところ、テーマに組み込まれている機能を最大限に活用することはほとんどありません。
もっとシンプルでいいと感じることが多いのが現状です。

「だったら自分で作ればいいじゃん」

ということで、必要最小限なテーマを自作してみます。

なお、WordPressの構成の勉強を兼ねて、少しずつステップアップしていきます。

テーマとして認識する最小限構成

まずはWordPressがテーマとして認識する最小構成を確認します。

最小限必要なのが、次の二つのファイルです。

  • index.php
  • style.css

この他に、screenshot.pngという名前で画像ファイルを作成しておくといいです。

二つのファイルの最小限の内容は次のようになります。

■index.php

  • <?php get_header(); ?>
  • <?php get_footer(); ?>
AFFS Simple Code Viewer
Copy

■style.css

  • /*
  • Theme Name: けーちゃんのシンプルテーマ
  • Theme URI: https://affi-sapo.com/
  • Author: けーちゃん
  • Author URI: https://affi-sapo.com/
  • Description: けーちゃんのシンプルテーマ
  • Version: 1.0.0
  • */
AFFS Simple Code Viewer
Copy

style.cssはテーマの情報を記述します。
Theme Nameだけでの認識してくれるようですが、ここでは一通り記述しています。

この二つのファイルをUTF-8で保存後、任意でscreenshot.pngと一緒にZIP圧縮してテーマの新規追加をします。

UTF-8って何?って人は次の記事を見てね。

UTF-8・16やShift-JISって何?文字コードについて説明してみる

有効化すると、認識してくれました!
screenshot.pngはテーマの画像として表示してくれます。

最小構成テーマのインストールに成功

最小構成なのでページを表示しても、何もでません。

最小構成テーマのページ表示

ここから作りこんでいきます。

WordPressテーマを自作 インデックス

【1】最小構成で有効化
【2】共通ヘッダーを作成