ブロックテーマとクラシックテーマの違い | 自分のテーマの見分け方

結論

管理画面の「外観」に「エディター」が出ればブロックテーマ、出なければクラシックテーマよ。

サチエ

あら、のりお。管理画面を開いたまま、首をかしげているじゃない。

のりお

サチエさん、会社のWordPressのテーマが、ブロックテーマなのかクラシックテーマなのか分からなくて……。

サチエ

見分け方は簡単よ。

のりお

違いも、よく分かっていないんです……。

サチエ

まとめて教えてあげるわ。順番に見ていきましょう。

ブロックテーマとクラシックテーマの違い

違いは、サイトのどこまでをブロックで作るかよ。

ブロックテーマは、WordPress 5.9 から加わった新しい種類のテーマ。ナビゲーションメニュー、ヘッダー、コンテンツ、フッターまで、サイトのすべての部分にブロックを使うの。

クラシックテーマは、PHPのテンプレートで作るテーマよ。現在のWordPressでも、引き続きサポートされているわ。

比較表

項目 ブロックテーマ クラシックテーマ
作り方 ブロックで作る PHPベースのテンプレート
テンプレートの形式 .html .php
サイト全体の編集 Site Editor(Appearance > Editor)で編集できる Site Editorは使えない
色・フォントなどの全体設定 Styles Customizer など
ウィジェット ブロックで代用する ウィジェットを使う
メニュー Navigation ブロックで作る 専用の Menus のセクション
Customizer 使えない(例外あり) 使える

ブロックテーマの Customizer には例外があるわ。Customizer を必要とするプラグインやテーマを使っている場合よ。

ブロックテーマで使えるもの

公式は、ブロックテーマで使える機能を、次のように挙げているの。

  • Site Editor
  • Styles
  • Templates
  • Template parts(ヘッダー、フッターなど)
  • Theme blocks(Navigation ブロック、Query Loop ブロックなど)

背景色から、見出しブロック全体のフォントサイズまでを、手軽に変えられるのが特徴ね。色・フォント・幅の変え方は、ブロックテーマの色・フォント・幅の変え方で案内しているわ。

クラシックテーマの特徴

クラシックテーマは、PHPのテンプレートと functions.php などで作られているの。ウィジェット、専用の Menus セクション、Customizer を備えているわ。

自分のテーマの見分け方

いちばん手早いのは、管理画面の「外観」を見る方法よ。

外観のメニューで見分ける手順

  1. 管理画面(ダッシュボード)にログインするの。
  2. 左のメニューで、Appearance(外観)にカーソルを合わせるか、クリックしなさい。
  3. 出てきた項目に、Editor(エディター)があるか確認するのよ。
  4. Editor があれば、ブロックテーマよ。
  5. Editor がなければ、クラシックテーマなの。

公式は、ブロックテーマを有効化すると、Appearance メニューに Themes と Editor の入口が出ると説明しているわ。Site Editor は、ブロックテーマを有効化した時だけ使える機能なの。

プラグインやテーマによっては、外観の中に別の項目が増えるのよ。判断に迷う時は、次のサイトヘルスで、有効なテーマの情報も確認なさい。

サイトヘルスでアクティブなテーマを確認する

サイトヘルスの「情報」タブでは、使っているテーマの詳細が見られるわ。

  1. 管理画面で、ツール > サイトヘルスを開きなさい。
  2. 「情報」タブを開くの。
  3. Active Theme の項目を開くのよ。右の下向き矢印で開閉するわ。

Active Theme には、次の項目があるの。

項目(英語) 内容
Name テーマの名前
Version テーマのバージョン
Author / Author website 作者と、作者のサイト
Parent theme 子テーマなら親テーマの名前。そうでなければ None
Theme features 有効なテーマの機能の一覧
Theme directory location テーマの置き場所
Auto-updates 自動更新の状態

Theme features は、公式が Block Templates や Editor Style を例に挙げている項目よ。ただし、ブロックテーマとクラシックテーマで何が表示されるかは、公式に書かれていないの。ブロックテーマかどうかの判定は、前の節の「外観に Editor が出るか」で行いなさい。サイトヘルスの日本語の項目名も、環境で異なることがあるわ。

テーマの名前や親テーマを確かめたい時に使うと便利よ。子テーマを使っているか確認する時にも役立つわ。

サイトヘルスのほかの項目は、サイトヘルスの見方で説明しているわ。

クラシックテーマではサイトエディターが使えない

公式は、「Classic themes do not work with the Site Editor」と明記しているわ。クラシックテーマでは、Appearance > Editor から、ヘッダーやフッターをブロックで編集することはできないの。

逆に、ブロックテーマでは、Customizer が使えないわ。色は Styles で、サイトタイトルやサイトロゴは、それぞれのブロックで変えるの。

ウィジェットも同じよ。ブロックテーマでは、以前ウィジェットを置いていた場所に、ブロックを置くの。

テーマを替えるとこの違いが出るから、サイトの見た目を変える手順は、テーマの種類によって違うの。ネットの解説を見る時は、書き手のテーマがどちらかを先に確認なさい。

どちらを使うかの考え方

公式は、クラシックテーマを「現在も引き続きサポートされている」と説明しているわ。どちらかが正解、という決まりはないの。

ブロックテーマは、次のような人に向くと、公式は説明しているわよ。

  • 新しいことを試すのが好きな人
  • ブロックエディターでコンテンツを作るのが好きな人
  • サイトのすべての部分を、自分で管理したい人

ブロックテーマに慣れていない場合は、まずテストサイトで試すと、自分に合うか分かるわ。いきなり本番で試すより、お試しで一度会ってみる方が安心でしょう?

今のテーマを残したまま、一部だけ変えたい場合は、子テーマが使えるの。子テーマの作り方はブロックテーマの子テーマの作り方よ。

よくある質問

ブロックテーマでも、Customizerは使えますか。

基本的には使えないわ。例外は、Customizer を必要とするプラグインやテーマを使っている場合よ。

ブロックテーマでは、ウィジェットはどうなりますか。

ブロックで代用するの。以前ウィジェットを置いていた場所に、ブロックを置きなさい。

クラシックテーマは、もう使えなくなりますか。

そんなことはないわ。公式は、クラシックテーマを現在も引き続きサポートされていると説明しているの。どちらかが正解という決まりもないのよ。

のりお

外観にエディターがあるかどうかを見ればいいんですね。

サチエ

そうよ。迷ったら、サイトヘルスの Active Theme も見るの。

のりお

どっちが正解、というわけでもないんですね。

サチエ

ええ。自分のテーマを先に知っておけば、ネットの解説を見ても迷わないわよ。

まとめ

  • 外観に Editor が出ればブロックテーマ。出なければクラシックテーマよ。
  • Site Editor は、ブロックテーマを有効にした時だけ使えるの。
  • 見た目の変え方はテーマの種類で違うのよ。解説を読む前に、自分のテーマを確認するの。

出典

この記事を書いた人

サチエ

サチエ

元銀座ママのサチエが、WordPressの困りごとを人生と夜の世界の例えで教えるサイトです。慌てる男はモテないわよ。順番よ、順番。

← 記事一覧に戻る