WordPressのブロックテーマとは？おすすめのブロックテーマ7選

最終更新日: 2022/01/19

WordPressのブロックテーマとは何か、機能やフォルダ構成・メリットなどを説明します。またブロックテーマの探し方からおすすめブロックテーマを7つ紹介しています。

ブロックテーマとは？

ブロックテーマとは、WordPress 5.9から導入されるフルサイト編集（FSE）に対応したブロックベースのテーマです。

フルサイト編集

WordPressのフルサイト編集とは？

コードを編集することなく、ヘッダーやフッターなど、サイトのすべてを自由にカスタマイズできます。

WordPress 5.9より前のバージョンの場合、フルサイト編集を有効にするためには、ブロックテーマとGutenbergプラグインの両方が必要です。

ブロックテーマの機能

ブロックテーマには、以下の5つの機能が含まれています。

サイトエディター
スタイル
テンプレート
テンプレートパーツ
テーマブロック

ブロックテーマを有効にするとエディター（ベータ）という項目が表示されます。

サイトのすべてのスタイル（タイポグラフィ・色・レイアウト）を設定することができます。

ホームやアーカイブなどのテンプレートを編集または新規追加することができます。

ヘッダーやフッターなどのテンプレートパーツを編集または新規追加することができます。

クエリループやナビゲーションなど便利なテーマブロックを使用できます。

ブロックテーマとクラシックテーマ

フルサイト編集に対応したテーマをブロックテーマ、従来のテーマをクラシックテーマと呼びます。

またカスタマイザーとサイトエディターの両方を機能させたり、クラシックテーマでtheme.jsonをサポートしたりといった使い方もできます。

ブロックテーマのフォルダ構成

ブロックテーマのフォルダ構成は以下のようになります（Twenty Twenty-Twoの場合）。

theme.jsonが含まれる
テンプレートやテンプレートパーツがHTMLファイル

といった特徴があります。

twentytwentytwo/
　├ style.css
　├ theme.json
　├ index.php
　├ functions.php
　├ templates/
　│　├ index.html
　│　├ single.html
  │  ├ archive.html
  │  └ ...
  │　
　└ parts/
      ├ header.html
      ├ footer.html
      └ ...