WordPressで会社やお店のホームページを作りたいとき、候補に挙がるテーマのひとつが「Lightning（ライトニング）」です。

Lightningは、基本的なデザインを整えながら、必要に応じて機能を追加できる無料テーマです。会社案内やサービス紹介を掲載するサイトはもちろん、個人ブログにも利用できます。

この記事では、Lightningの特徴と基本的な使い方を、関連プラグインとの違いも含めて解説します。

公式資料

• Lightning | 無料で使えるWordPress公式ディレクトリ登録テーマ「Lightning」ビジネスサイトもブログも簡単に作れます
• Lightning の特徴 | Lightning
• Lightning | WordPress テーマ | WordPress.org 日本語

Lightning：無料で使える国産WordPressテーマ

Lightningは、株式会社ベクトルが開発するWordPressテーマです。WordPress公式ディレクトリに登録されており、管理画面から無料でインストールできます。個人利用だけでなく、会社や店舗などの商用サイトにも利用できます。

WordPressの「テーマ」は、サイトの基本的なデザインや、ページの表示方法を決めるものです。Lightningでは、その土台となる部分をテーマが担当し、本文の表現や追加機能を関連プラグインで補う構成になっています。

例えば、サイト全体のレイアウトをLightningで整え、本文にはVK Blocksのブロックを使い、問い合わせへの案内にはExUnitを活用するといった使い方ができます。

すべての関連プラグインを最初から使いこなす必要はありません。まずは基本のページを作り、必要になった機能を追加していくと取り組みやすいでしょう。

Lightningの主な特徴

会社・店舗サイトからブログまで使える

Lightningは、会社概要やサービス案内などの固定ページと、お知らせやブログ記事を組み合わせるサイトづくりに取り入れやすいテーマです。公式の基本設定講座も、会社やお店のホームページ制作を想定して用意されています。

作成するサイトの例として、次のような構成が考えられます。

事業の基本情報は固定ページにまとめ、日々のお知らせは投稿で更新する、と役割を分けると運営しやすくなります。

無料でも基本的なデザインを整えられる

無料のLightningでも、色や背景、1カラム・2カラムのレイアウト、トップページのスライドショーなどを設定できます。

「カラム」とは、ページを縦方向に区切った列のことです。本文を広く見せる1カラムはサービス案内などに、本文の横にサイドバーを置く2カラムはカテゴリーや関連記事への案内を添えたい場合などに利用できます。

選べる設定を使って基本の形を整えられるため、最初からCSSなどのコードを書かなくてもサイト制作を始められます。ただし、細かな見た目を独自に調整したい場合は、追加の設定やCSSが必要になることもあります。

本文はブロックエディターで作成できる

投稿や固定ページの本文は、WordPressのブロックエディターで作成できます。見出し、段落、画像、ボタンなどを組み合わせてページを編集する方式です。

ここで知っておきたいのが、「本文をブロックで編集すること」と「サイト全体をサイトエディターで編集すること」の違いです。

Lightningは、サイト全体の設定にカスタマイザーなどを使うクラシックテーマです。ブロックテーマのように、サイトエディターを中心として全体を編集する方式とは操作の流れが異なります。

本文を作りたいときは投稿・固定ページの編集画面、サイト全体の見た目を変えたいときは「外観 → カスタマイズ」と、編集する場所を分けて覚えると分かりやすいでしょう。

なお、Lightningはtheme.jsonにも対応していますが、それによってブロックテーマになるわけではありません。

日本語の公式教材を利用できる

公式の学習サービス「ベクトレ」では、テーマの導入からトップページ、メニュー、レイアウトなどの設定方法まで、動画やテキストで学べます。教材は無料で閲覧できます。

検索で見つかる解説には古い世代向けのものもあるため、操作で迷った際は、まず公式の設定ガイドから確認するとよいでしょう。

Lightningの基本的な使い方

ここからは、新しく会社や店舗のサイトを作る場合を例に、基本的な流れを紹介します。すでに公開しているサイトのテーマを変更する場合は、バックアップを取り、可能であればテスト環境で表示を確認してから進めてください。

① Lightningをインストールする

WordPressの管理画面で、次のように進みます。

1. 「外観＞テーマ」を開く
2. 「新規追加」または「新しいテーマを追加」を選ぶ
3. 検索欄に「Lightning」と入力する
4. Lightningをインストールし、有効化する

なお、新しく導入する場合は、基本的にG3の設定で利用します。古いサイトを引き継ぐ場合は、G2が使われている可能性があるため、世代の設定を確認しておきましょう。

従来の Lightning : バージョン 〜13.x まで。下記の新しいG3と比較するため「G2」と記載することがあります。
新しい Lightning：バージョン 14.x系〜。Generation３（第３世代）として「G3」と記載しています。

従来の Lightning との違い | Lightning

② 必要なプラグインを追加する

まずは標準のブロックでページを作り、表現を増やしたくなったら「VK Blocks」などのプラグインを追加する、といった進め方で構いません。

ExUnit（下記参照）などのプラグインを利用する場合も、必要な機能を選んで使いましょう。すでに導入しているSEOやアクセス解析のプラグインと、役割が重ならないか確認することが大切です。

③ ロゴとサイトの色を設定する

「外観＞カスタマイズ」を開き、ロゴや色などの基本デザインを整えます。キーカラーは「色」から設定できます。

キーカラーは、サイトの印象を決める中心的な色です。Lightningでは、見出しやボタン、メニューの一部などに反映されます。

会社や店舗のロゴに使われている色を基準にすると、全体に統一感を持たせやすくなります。ただし、本文のブロックで個別に指定した色などは、キーカラーを変更しても一括で変わらない場合があります。

④ 必要な固定ページを作る

会社や店舗のサイトなら、まず次のような固定ページを用意すると構成を考えやすくなります。

• ホーム
• サービス案内・商品紹介
• 会社概要・店舗案内
• お問い合わせ

各ページは「固定ページ＞新規追加」から作成します。

問い合わせフォームを設置する場合は、フォーム用プラグインなども別途用意します。

いきなりすべてのページを完成させようとせず、ページ名と見出しを先に決め、文章や画像を順に埋めていくと進めやすいでしょう。

⑤ トップページと投稿一覧を設定する

作成した「ホーム」をサイトのトップページに表示する場合は、「設定＞表示設定」で「ホームページの表示」を「固定ページ」に変更し、対象のページを指定します。

お知らせやブログの一覧も用意したい場合は、一覧用の固定ページを作成し、「投稿ページ」に指定します。

Lightning G3では、トップページに指定した固定ページの本文へ、ブロックを配置して構成する方法が基本です。

WP Q&A集 (1)：管理画面で「設定 → 表示設定」に「ホームページの表示」がありません

WP Pilot

⑥ メニューとウィジェットを設定する

「外観＞メニュー」または「外観＞カスタマイズ＞メニュー」で、各ページへのリンクを設定します。メニューを作成したら、表示する位置も確認しましょう。

ウィジェットは、サイドバーやフッターなど、テーマが用意した場所に情報を配置する仕組みです。不要な初期表示を取り除き、サイトの目的に合った案内を設置します。

⑦ スマートフォンで表示と操作を確認する

ひととおり作成したら、パソコンだけでなくスマートフォンでも確認しましょう。

• 文字が小さすぎないか
• 画像の重要な部分が切れていないか
• メニューを開き、目的のページに移動できるか
• ボタンを押しやすいか
• 問い合わせフォームの送信とメール受信ができるか

管理画面のプレビューに加えて、実際のスマートフォンで触ってみると、読みづらさや操作しにくい部分を見つけやすくなります。

ページづくりに迷ったら、VKパターンライブラリを活用

ページの見せ方を一から考えるのが難しい場合は、公式の「VKパターンライブラリ」が役立ちます。

公開されているパターンをコピーし、WordPressの編集画面に貼り付けることで、用意されたレイアウトをもとにページを作れます。あとは、自分のサイトに合わせて文章や画像を変更します。

ただし、パターンごとに必要なプラグインや利用条件が異なります。無料で利用できるものもあれば、VK Blocks Proなどの有料製品を必要とするものもあります。

貼り付ける前に「使用プロダクト」などを確認し、使用する画像の条件やリンク先も確認しましょう。デモの文章や連絡先が残っていないかも、公開前に見直してください。

関連プラグインの違いを整理しよう

Lightningを使ううえで、テーマ本体と関連プラグインの役割を理解しておくと、必要な機能を選びやすくなります。

「CTA」は、問い合わせや申し込みなど、読者に次の行動を案内する部分です。「ブロックパターン」は、複数のブロックを組み合わせたレイアウトのひな形を指します。

役割の違いとして、ページの本文を作りやすくするのがVK Blocks、サイト運営に役立つ機能を補うのがExUnitと考えると整理しやすいでしょう。

Lightning G3 Pro UnitとVK Blocks Proも、それぞれ別のプラグインです。G3 Pro Unitを有効化するだけで、VK Blocks Proの機能まで自動的に使えるわけではありません。

WordPressブロックエディター拡張プラグイン「VK Blocks」について、無料版とPro版の両方を紹介

WP Pilot

無料版と有料機能はどう選ぶ？

基本的な会社案内やブログであれば、まず無料のLightningと必要な無料プラグインで作り始める方法が考えられます。

有料機能を検討する際は、「どの部分を、どのように変えたいのか」を明確にすると選びやすくなります。

有料機能のプラグイン：「Lightning G3 Pro Unit」について

Lightning G3 Pro Unitは、無料テーマのLightningに機能を追加する専用プラグインです。

現在は、ライセンスパッケージ「Vektor Passport」に含まれています。購入時には、使いたい機能に加え、ライセンス期間や更新条件も確認しましょう。

Vektor Passport（ライセンス期間1年）

ベクトルパスポートは、コピペで使える豊富なプロ品質のプレミアムパターンや、WordPressテーマ・プラグイン等が使えるお得なオールインワンライセンスです。

商品を確認する

販売元公式サイト

ポチップ

なお、旧製品の「Lightning Pro」は有料テーマであり、現在の「Lightning＋G3 Pro Unit」とは構成が異なります。名称が似ているため、古い購入案内や設定記事を読むときは注意してください。

Lightningを使うときの注意点

G2とG3では、使い方や構造が異なる

Lightningには、旧世代のG2と現行のG3があります。世代によってトップページの作り方やウィジェットの構成などが異なり、古い解説の手順をそのまま使えない場合があります。

特に、既存サイトをG2からG3へ切り替える操作は、通常の更新と同じ感覚で行わないようにしましょう。公式でも互換性への注意が案内されているため、事前のバックアップと表示確認が必要です。

設定場所を役割ごとに覚える

Lightningと関連プラグインを組み合わせると、設定場所が複数に分かれます。

設定が見つからない場合は、まずテーマ本体の機能なのか、追加したプラグインの機能なのかを確認すると探しやすくなります。

コードで変更するときは親テーマを直接編集しない

通常の設定やページ編集だけであれば、最初から子テーマを用意する必要はありません。

一方、PHPやテンプレートファイルを変更する場合は、子テーマなどを使って管理します。親テーマのファイルを直接変更すると、テーマ更新時に変更が失われるためです。

子テーマは、元のテーマの機能やデザインを引き継ぎながら、独自の変更を加えるためのテーマです。Lightningでは、公式の子テーマサンプルが用意されています。

まずは基本のページを作って、使い心地を確かめよう

Lightningは、用意された基本デザインを活用しながら、ブロックや関連プラグインで必要な機能を追加していきたい方に向いたテーマです。

初めて使うなら、まず「トップページ」「サービスなどの案内ページ」「お知らせ・ブログの一覧」を作ってみてください。その過程で、本文の表現を増やしたいのか、ヘッダーやフッターを独自にしたいのかが見えてきます。

操作に迷ったときは、公式のLightning基本設定講座を参照しながら、必要な設定を一つずつ進めてみましょう。

WordPressでクラシックテーマを使用しているにもかかわらず、管理画面の「外観」に「パターン」という項目が表示されることがあります。

ブロックテーマであれば違和感はありませんが、クラシックテーマで表示されると、「テーマがブロックテーマに切り替わってしまったのではないか」「クラシックテーマなのに、なぜサイトエディターのような画面が表示されるのか」と疑問に思う方もいるでしょう。

結論から述べると、クラシックテーマで「外観 ＞ パターン」が表示されるのは、WordPressの正常な仕様です。

この記事では、クラシックテーマでもパターンが表示される理由や、これまでの経緯、ブロックテーマとの違いについて分かりやすく解説します。

前提：「クラシックテーマ」「ブロックテーマ」とは？

以下の記事で説明していますので、まずはこちらをご覧ください。

ブロックテーマ時代だからこそ見直したい、クラシックテーマの魅力

WP Pilot

「FSEテーマ」（ブロックテーマ）導入ポイントを解説

WP Pilot

クラシックテーマでも「外観 ＞パターン」が表示されるのは正常

クラシックテーマを使用していても、WordPressの管理画面に「外観＞パターン」が表示されることがあります（以下はクラシックテーマ「Xwrite」の例です）。

これは不具合ではなく、WordPress本体の仕様です。「パターンが表示されているから、ブロックテーマになった」ということでもありません。パターンは、ブロックテーマだけで利用する機能ではなく、クラシックテーマでも使えるWordPress共通の機能だからです。

クラシックテーマであっても、投稿や固定ページの編集にはブロックエディターを使用できます。そのため、ブロックエディター内で使うパターンについても、クラシックテーマから利用・管理できるようになっています。

注意

クラシックテーマによっては「外観＞デザイン＞パターン」となっている場合もございます。

以下のスクリーンショットは「Katawara」の例です。同じ「デザイン」ページですが、ブロックテーマ（「X-T9」など）と比べて利用できる機能に制限がございます。

WordPressの「パターン」とは

WordPressのパターンとは、複数のブロックをあらかじめ組み合わせたレイアウトのことです。

例えば、次のような構成をパターンとして保存できます。

• 見出しと説明文、ボタンを組み合わせた案内欄
• 記事末尾のお問い合わせ案内
• プロフィール紹介欄
• 商品やサービスの紹介欄
• 画像と文章を左右に並べたレイアウト
• 注意事項や補足情報をまとめた囲み欄

通常であれば、記事を作るたびに見出しや文章、ボタンなどを一つずつ配置しなければなりません。しかし、よく使うレイアウトをパターンとして保存しておけば、必要なときにまとめて呼び出せます。

同じような案内欄やデザインを何度も使用する場合に便利な機能です。

なぜクラシックテーマでもパターンを使えるのか

クラシックテーマでもパターンを使える理由は、テーマの仕組みと、記事編集画面の仕組みが別になっているためです。

クラシックテーマでは、サイト全体の基本的な構造をPHPファイルによって管理します。代表的なファイルには、次のようなものがあります。

header.php
footer.php
single.php
page.php
archive.php

これらのファイルによって、ヘッダーやフッター、投稿ページ、固定ページ、一覧ページなどの表示が作られています。

一方で、投稿や固定ページの本文については、クラシックテーマでもブロックエディターを利用できます。つまり、クラシックテーマでは次のような役割分担になっています。

サイト全体の構造
　→ PHPテンプレートやテーマの設定で管理

投稿・固定ページの本文
　→ ブロックエディターで編集

本文内で使うレイアウト
　→ パターンとして保存・再利用

パターンは、サイト全体をブロックで編集するためだけの機能ではありません。投稿や固定ページの本文を効率よく作成するための機能でもあるため、クラシックテーマでも利用できます。

「パターン」が外観メニューにある理由

パターンは主に投稿や固定ページの中で使うため、「投稿」の近くに管理画面があってもよさそうに感じるかもしれません。しかし、WordPressではパターンを、単なる文章ではなく「サイト内で使うデザイン部品」として扱っています。

パターンには、文章だけでなく、次のような要素が含まれます。

• 色
• 余白
• 画像
• ボタン
• カラム
• 見出し
• 背景
• 枠線

そのため、WordPressではパターンを「外観」や「デザイン」に関係する機能として整理しています。

大まかには、次のような考え方です。

記事編集画面からパターンを作成することもできますが、作成済みのパターンを一覧表示したり、名前を変更したり、削除したりする場所として、「外観 ＞ パターン」が用意されています。

パターン機能が導入された経緯

現在の「外観 ＞ パターン」に至るまで、WordPressでは段階的に機能が追加されてきました。

WordPress 5.5でブロックパターンが導入

ブロックパターンは、WordPress 5.5で正式に導入されました。

当初は、あらかじめ用意されたブロックの組み合わせを、投稿や固定ページに挿入するための機能という位置づけでした。テーマやプラグインの開発者も、独自のパターンを登録できるようになりました。

この時点から、パターンはブロックテーマ専用の機能ではありません。クラシックテーマでも、ブロックエディターを使用していれば利用できました。

WordPress 6.3で再利用ブロックと統合

以前のWordPressには、「再利用ブロック」という機能がありました。再利用ブロックは、一度作成したブロックを複数の記事で使用できる機能です。

WordPress 6.3では、この再利用ブロックがパターンの仕組みに統合されました。

その結果、パターンは主に次の2種類に整理されました。

同期パターンは、以前の再利用ブロックに近い仕組みです。例えば、複数の記事の末尾に同じお問い合わせ案内を設置している場合、同期パターンを使えば、一つのパターンを修正するだけで全体に反映できます。

一方、非同期パターンは、挿入した後に記事ごとに内容を変えたい場合に向いています。

WordPress 6.5でクラシックテーマ向けの準備が進む

WordPress 6.5では、クラシックテーマからも新しいパターン管理画面にアクセスしやすくするための準備が進められました。それまでのWordPressでは、パターンの作成や管理方法が複数の場所に分かれており、少し分かりにくい状態でした。

そこで、パターンを一つの画面で管理できるようにする方向で、管理画面の整理が進められました。

WordPress 6.6で「外観 ＞ パターン」が本格的に利用可能に

WordPress 6.6では、クラシックテーマでも「外観 ＞ パターン」から新しいパターン管理画面を利用できるようになりました。

管理画面のURLを見ると、次のように site-editor.php が含まれている場合があります。

/wp-admin/site-editor.php?path=/patterns

このURLを見ると、「クラシックテーマなのにサイトエディターが有効になっている」と感じるかもしれません。

しかし、サイトエディター全体が利用可能になったわけではありません。サイトエディターの仕組みのうち、パターンを管理する部分だけを、クラシックテーマでも利用できるようにしたものです。

サイトエディターが使えるようになったわけではない

クラシックテーマで「外観 ＞ パターン」が表示されても、ブロックテーマと同じようにサイト全体を編集できるわけではありません。

ブロックテーマの場合、「外観＞デザイン」が表示されている箇所では、以下のように「固定ページ」「テンプレート」などのブロックテーマ特有のメニューもあわせて表示されており、そこからテンプレートやデザイン等を直接編集することが可能となっています。

一方、クラシックテーマでは、通常、次のような部分をブロックで直接編集することはできません。

• ヘッダー全体
• フッター全体
• 投稿ページのテンプレート
• 固定ページのテンプレート
• カテゴリー一覧ページ
• 検索結果ページ
• 404ページ
• サイト全体のスタイル

これらの部分を管理画面からブロックで編集するには、原則としてブロックテーマが必要です。クラシックテーマでは、引き続きPHPテンプレートやテーマ独自の設定画面、カスタマイザーなどを使って管理します。

クラシックテーマとブロックテーマの違いを簡単に整理すると、次のとおりです。

つまり、パターンが使えることと、サイト全体をブロックで編集できることは別です。

パターン画面には何が表示されるのか

「外観 ＞ パターン」には、環境によっていくつかの種類のパターンが表示されます。

自分で作成したパターン

投稿や固定ページの編集画面から、自分で作成・保存したパターンです。同期パターンとして保存したものや、通常の非同期パターンが表示されます。

自分で作成したパターンは、基本的にWordPressのデータベースに保存されます。

テーマが用意したパターン

使用中のテーマが、独自のパターンを登録している場合があります。

例えば、次のようなパターンです。

• メインビジュアル
• お問い合わせ案内
• 会社紹介
• サービス一覧
• 記事一覧
• プロフィール
• 料金表

テーマによっては、テーマフォルダ内の patterns フォルダにパターン用のファイルが置かれている場合があります。

theme-folder/
└─ patterns/
   ├─ hero.php
   ├─ call-to-action.php
   └─ profile.php

このようなテーマ独自のパターンは、使用中のテーマによって内容が変わります。

テーマの機能やプラグインによって追加されたパターン

上記とは別に、テーマの独自機能やブロック拡張プラグインなどが、独自のパターンを登録する場合もあります（テーマ「Xwrite」内機能「共通パーツ」や、プラグイン「VK Block Patterns」などが該当します）。

例えば、プラグインを有効化した後にパターンの数が増えた場合は、そのプラグインが追加した可能性があります。

「外観 ＞ パターン」が表示されない場合

クラシックテーマでもパターンが表示されるのが通常ですが、環境によっては表示されないこともあります。

考えられる主な理由は、次のとおりです。

• WordPressのバージョンが古い
• ユーザーの権限が不足している
• テーマが管理メニューを非表示にしている
• プラグインが管理画面をカスタマイズしている
• Classic Editor関連の設定でブロック機能が制限されている
• 独自コードによってパターン機能が無効化されている
• マルチサイト環境で権限が制限されている

特に、管理者以外のユーザーでは、パターンを編集するための権限がなく、メニュー自体が表示されない場合があります。また、企業サイトなどでは、誤操作を防ぐ目的で管理画面のメニューを意図的に非表示にしていることもあります。

クラシックテーマでパターンを使うメリット

クラシックテーマでも、パターンを活用することで記事作成を効率化できます。

よく使うレイアウトを簡単に再利用できる

お問い合わせ案内やプロフィール、注意書きなどを毎回作り直す必要がなくなります。

デザインを統一しやすい

同じパターンを利用することで、記事ごとのデザインの違いを減らせます。

複数人で記事を作成するサイトでも、見た目をそろえやすくなります。

同期パターンなら一括修正できる

複数の記事で同じ内容を使っている場合、同期パターンを使えば一か所の変更を全体に反映できます。

例えば、問い合わせ先やキャンペーン内容が変わった場合に便利です。

ブロックテーマへ移行しなくても利用できる

パターンを使うためだけに、クラシックテーマからブロックテーマへ変更する必要はありません。

現在のテーマを使い続けながら、記事作成の一部だけにブロック機能を取り入れられます。

利用時に注意したい点

パターンは便利ですが、使い方によっては注意も必要です。

同期と非同期を間違えない

同期パターンを編集すると、そのパターンを使用しているすべての場所に変更が反映されます。

特定の記事だけ内容を変更したい場合は、同期を解除するか、非同期パターンとして利用する必要があります。

テーマ独自の装飾に依存しすぎない

テーマ独自のブロックやCSSを多く使ったパターンは、テーマ変更時に表示が崩れる可能性があります。

将来的にテーマ変更を予定している場合は、WordPress標準ブロックを中心に作ると移行しやすくなります。

不要なパターンを増やしすぎない

パターンをたくさん作りすぎると、目的のものを探しにくくなります。

名前を分かりやすく付けたり、不要なものを定期的に整理したりすることが大切です。

まとめ

クラシックテーマで「外観 ＞ パターン」が表示されるのは、WordPressの正常な仕様です。

パターンは、ブロックテーマだけの機能ではありません。クラシックテーマでも投稿や固定ページでブロックエディターを利用できるため、ブロックの組み合わせであるパターンも利用できます。

また、WordPressではパターンを、記事の一部としてだけでなく、サイト内で再利用するデザイン部品として扱っています。そのため、作成済みのパターンを管理する場所として、「外観 ＞ パターン」が用意されています。

WordPress 6.5頃からクラシックテーマ向けのパターン管理機能の整備が進み、WordPress 6.6ではサイトエディター内のパターン管理画面を、クラシックテーマからも利用できるようになりました。

画面のURLに site-editor.php が含まれていたとしても、クラシックテーマがブロックテーマに変わったわけではありません。サイトエディターのうち、パターン管理に必要な部分だけを共通して使っていると考えると分かりやすいでしょう。

クラシックテーマを使い続けながらでも、パターンを活用すれば、記事作成の効率化やデザインの統一が可能です。

WordPressでは近年、ブロックテーマへの移行が進んでいます。

ブロックテーマとは、ヘッダー、フッター、記事一覧、固定ページ、投稿ページなど、サイト全体をブロックで編集できるテーマのことです。WordPress公式ドキュメントでも、ブロックテーマはナビゲーション、ヘッダー、本文、フッターを含むサイト全体をブロックで扱えるテーマとして説明されています。

「FSEテーマ」（ブロックテーマ）導入ポイントを解説

WP Pilot

一方で、昔から使われてきたクラシックテーマも、今なお多くのサイトで使われています。そのため、利用者の中には、以下のように感じる方もいるかもしれません。

しかし、クラシックテーマには今でもはっきりとした魅力があります。特に、安定したサイト運営、細かなカスタマイズ、既存サイトの維持、受託制作、ブログ運営などでは、クラシックテーマの強みが活きる場面は少なくありません。

この記事では、ブロックテーマへの流れを踏まえつつ、あえてクラシックテーマの魅力を丁寧に整理していきます。

クラシックテーマとは何か

クラシックテーマとは、従来からWordPressで使われてきたテーマ形式です。「ブロックテーマ」が新形式のテーマなので、それと対比する形で、便宜上後から命名されたものとなります。

WordPress公式のテーマ開発資料では、クラシックテーマは主にPHP、JavaScript、CSSを使って作られ、WordPressのPHP関数、フック、フィルターを活用するテーマと説明されています。少し分かりやすく言うと、クラシックテーマは「テーマファイル側でサイトの骨組みをしっかり管理する方式」です。

例えば、クラシックテーマでは次のようなファイルがよく使われます。

• header.php
• footer.php
• single.php
• page.php
• archive.php
• functions.php
• style.css

header.php はサイト上部、footer.php はサイト下部、single.php は投稿ページ、page.php は固定ページ、archive.php は一覧ページを担当することが多いです。つまり、クラシックテーマでは「どのページで、どのテンプレートを使い、どのように表示するか」をテーマファイルで管理しやすいのです。

クラシックテーマは「古いテーマ」ではなく「安定した作り方」

クラシックテーマという名前だけを見ると、古いもののように感じるかもしれません。

確かに、WordPressの今後の方向性としては、ブロックテーマ、サイトエディター、theme.jsonなどが重視されています。サイトエディターを使うには、基本的にブロックテーマが必要です。ただし、それはクラシックテーマがすぐに不要になるという意味ではありません。

クラシックテーマは、WordPressが長年積み上げてきた仕組みの上に成り立っています。情報量も多く、実績もあり、既存のプラグインやカスタマイズ手法とも相性を取りやすい形式です。

言い換えるなら、クラシックテーマは「古いから仕方なく使うもの」ではなく、「安定性や制御性を重視すると今でも選びやすいもの」です。

クラシックテーマの魅力10点

魅力1：サイトの骨組みをしっかり管理できる

クラシックテーマの大きな魅力は、サイト全体の骨組みをテーマ側で管理しやすいことです。

ブロックテーマでは、管理画面からヘッダーやフッター、テンプレートまで編集できます。これは非常に便利です。ノーコードでサイト全体を変更できるため、制作の自由度は高くなります。

しかし、自由度が高いことは、常にメリットとは限りません。次のようなケースは、容易に想定できるでしょう。

• ヘッダーのレイアウトを誤って変更してしまう
• フッターのリンクを消してしまう
• 投稿ページのテンプレートを崩してしまう
• 余白や文字サイズを触りすぎて、全体の統一感がなくなる
• 担当者ごとにページデザインがばらばらになる

このような問題は、自由に編集できる範囲が広いほど起こりやすくなります。

クラシックテーマでは、サイトの基本構造はテーマファイル側で管理されます。そのため、記事を書く人やページを編集する人が、サイト全体の重要な部分をうっかり崩してしまうリスクを抑えやすくなります。特に企業サイトや受託制作では、この安心感は大きなメリットです。

魅力2：編集者に「本文作成」に集中してもらいやすい

WordPressサイトでは、すべての人がデザインやレイアウトに詳しいわけではありません。

企業サイトであれば、実際に記事を更新するのは広報担当者、店舗スタッフ、事務担当者、外部ライターなどの場合もあります。個人ブログでも、サイト全体のデザインより「記事を書くこと」に集中したい方は多いはずです。

クラシックテーマは、編集できる範囲をある程度限定しやすいため、本文作成に集中しやすいという利点があります。

例えば、次のような役割分担がしやすくなります。

• サイト全体のデザインは制作者が管理する
• ヘッダーやフッターはテーマ側で固定する
• 記事本文や画像の差し替えは運営者が行う
• 複雑なレイアウト変更は必要なときだけ制作者に依頼する

このように、クラシックテーマは「誰でも何でも編集できる」よりも、「必要なところを安全に編集できる」運用に向いています。これは、長く安定してサイトを運営するうえでとても大切な考え方です。

魅力3：PHPによる細かな制御がしやすい

クラシックテーマは、PHPによる細かな制御が得意です。

PHPとは、WordPress本体やテーマ、プラグインの多くで使われているプログラミング言語です。WordPressでは、投稿を取得したり、カテゴリーを判定したり、条件に応じて表示内容を変えたりする場面でよく使われます。

クラシックテーマでは、PHPテンプレートを使って次のような処理を比較的分かりやすく実装できます。

• 投稿ページだけ関連記事を表示する
• 特定カテゴリーの記事だけ広告位置を変える
• カスタム投稿タイプごとにデザインを変える
• 固定ページごとに専用テンプレートを用意する
• ログインユーザーだけに特定の情報を表示する
• パンくずリストを細かく出し分ける
• 構造化データをページ種別ごとに調整する
• 投稿一覧の表示条件を細かく変更する

もちろん、ブロックテーマでもカスタマイズはできます。ただ、ブロックテーマの場合は、ブロックテンプレート、テンプレートパーツ、theme.json、ブロックの設定、PHPのフィルターなど、複数の仕組みを組み合わせることがあります。

そのため、細かい条件分岐が多いサイトでは、クラシックテーマの方が見通しよく作れる場合があります。

魅力4：既存サイトを無理に作り直さなくてよい

すでにクラシックテーマで安定して動いているサイトを、無理にブロックテーマへ移行する必要はありません。

特に、次のようなサイトでは移行コストが大きくなりがちです。

• 子テーマに多くのカスタマイズを書いている
• functions.phpで独自機能を追加している
• テンプレートファイルを細かく調整している
• カスタム投稿タイプを使っている
• 会員制サイトやECサイトとして運用している
• SEO設定や構造化データを細かく調整している
• 広告、CTA、関連記事などの配置を作り込んでいる

このようなサイトをブロックテーマへ移行すると、見た目の再現だけでなく、機能や表示条件の再確認も必要になります。例えば、以下のような問題が起こる可能性があります。

• 余白が変わる
• 文字サイズが変わる
• ヘッダーやフッターの表示が変わる
• 記事一覧のデザインが崩れる
• 広告やCTAの位置が変わる
• CSSの効き方が変わる
• 構造化データやパンくずの出力を見直す必要がある

もちろん、ブロックテーマへの移行によって得られるメリットもあります。ただし、移行には時間と確認作業が必要です。

既存サイトの場合は、「新しいから移行する」のではなく、「移行することで本当に運営が楽になるのか」を考えることが大切です。クラシックテーマで安定しているなら、まずはそのまま活かす判断も十分に合理的です。

魅力5：情報量が多く、学びやすい

クラシックテーマは、長年WordPressで使われてきた形式です。そのため、インターネット上にはクラシックテーマに関する情報が非常に多くあります。

例えば、次のようなキーワードで検索すると、多くの解説記事や実装例が見つかります。

• functions.php カスタマイズ
• single.php 編集
• archive.php カスタマイズ
• WordPress 子テーマ 作り方
• カスタム投稿タイプ テンプレート
• WordPress パンくず 自作
• 投稿一覧 カスタマイズ
• WordPress 条件分岐

ブロックテーマは今後の中心になっていく可能性が高い一方で、まだ仕様や実装方法が変化している部分もあります。情報を探しても、古い情報、新しい情報、実験的な情報が混ざっていて、初心者には判断が難しいこともあります。

その点、クラシックテーマは情報が成熟しています。初心者がWordPressの仕組みを学ぶうえでも、クラシックテーマは今なお良い教材になります。

魅力6：子テーマでのカスタマイズが分かりやすい

クラシックテーマでは、子テーマによるカスタマイズが一般的です。

子テーマとは、親テーマの機能やデザインを引き継ぎながら、一部だけ自分用に変更するためのテーマです。子テーマを導入することで、次のようなカスタマイズができます。

• CSSだけ追加する
• functions.phpに処理を追加する
• single.phpだけ上書きする
• archive.phpだけ変更する
• 特定のテンプレートだけ独自化する

親テーマを直接編集してしまうと、テーマのアップデート時に変更内容が消えてしまうことがあります。子テーマを使えば、親テーマの更新を受けつつ、自分のカスタマイズを残しやすくなります。

もちろん、ブロックテーマにも子テーマの考え方はあります。ただ、ブロックテーマでは theme.json やHTMLテンプレート、テンプレートパーツなども関係するため、クラシックテーマの子テーマより少し考えることが増える場合があります。

「まずはWordPressのカスタマイズを学びたい」という方にとっては、クラシックテーマの子テーマ運用は理解しやすい入口になります。

WordPressの子テーマとは？メリット・デメリットや作成方法など

WP Pilot

魅力7：CSSの管理が比較的見通しやすい

クラシックテーマは、CSSの管理が比較的分かりやすい場合があります。

CSSとは、文字の大きさ、色、余白、背景、レイアウトなど、サイトの見た目を整えるための言語です。クラシックテーマでは、style.cssや子テーマのCSS、追加CSSなどで見た目を調整することが多く、どこに何を書いたかを把握しやすい構成にしやすいです。

一方、ブロックテーマでは、次のような複数のスタイルが関係します。

• theme.jsonの設定
• グローバルスタイル
• ブロックごとのスタイル
• コアブロックのCSS
• テーマ側のCSS
• 追加CSS
• ブロックに直接指定された余白や色

これらが重なると、「どこで指定したCSSが効いているのか」が分かりにくくなることがあります。特に、余白、フォントサイズ、横幅、カラム、ボタンデザインなどは、ブロックテーマでは複数の設定が絡みやすい部分です。

クラシックテーマであれば、テーマ側でCSSのルールを整理しやすく、デザインの一貫性を保ちやすいことがあります。

魅力8：プラグインとの相性を読みやすい

WordPressでは、テーマとプラグインの組み合わせが重要です。

クラシックテーマは長年使われてきたため、多くのプラグインがクラシックテーマ環境で使われてきました。そのため、表示位置やカスタマイズ方法に関する情報も多くあります。

例えば、次のようなプラグインや機能では、クラシックテーマ前提の情報が多いです。

• SEOプラグイン
• 目次プラグイン
• 関連記事プラグイン
• 人気記事プラグイン
• 広告管理プラグイン
• 会員制プラグイン
• ECプラグイン
• カスタムフィールド系プラグイン
• パンくずリスト系プラグイン

もちろん、ブロックテーマでも多くのプラグインは利用できます。ただし、ブロックテーマではテンプレート構造やCSSの当たり方が変わるため、プラグインの出力位置や見た目を調整する必要が出ることがあります。

特に、本文前後に自動で表示するタイプのプラグイン、テンプレートに出力を差し込むタイプのプラグイン、独自CSSを持つプラグインでは、クラシックテーマの方が扱いやすいことがあります。

魅力9：企業サイトや受託制作に向いている

クラシックテーマは、企業サイトや受託制作でもまだ強みがあります。

企業サイトでは、必ずしもすべてを自由に編集できる必要はありません。むしろ、ブランドイメージや情報設計を守るために、編集範囲をある程度制限した方がよい場合もあります。

たとえば、次のような運用ではクラシックテーマが向いています。

• お知らせだけ更新できればよい
• 固定ページの本文だけ編集できればよい
• ヘッダーやフッターは制作者が管理したい
• ページごとのデザイン差を少なくしたい
• 担当者が変わっても運用しやすくしたい
• デザイン崩れをできるだけ防ぎたい

受託制作では、「納品後にお客様が安全に更新できること」がとても重要です。その点、クラシックテーマは、制作者があらかじめ設計した枠組みの中で更新してもらいやすいという魅力があります。

魅力10：ブログ運営にもまだ十分使いやすい

個人ブログやメディア運営でも、クラシックテーマは今でも十分に使いやすいです。

ブログで大切なのは、必ずしもサイト全体を自由に編集できることではありません。むしろ、次のような点の方が重要です。

• 記事が読みやすい
• スマホで見やすい
• 表示速度が安定している
• 見出しや本文のデザインが整っている
• 関連記事や内部リンクを設置しやすい
• 広告やCTAを適切に配置できる
• SEOの基本設定がしやすい
• 記事作成に集中できる

クラシックテーマは、記事本文中心のブログ運営と相性が良いです。一度デザインを整えてしまえば、あとは記事作成に集中しやすくなります。毎回サイト全体のテンプレートや余白を触る必要がないため、運営の迷いも減らせます。

特に、WordPress初心者の方にとっては、「自由に何でもできる」よりも「迷わず記事を書ける」ことの方が大切な場合があります。

クラシックテーマが向いているサイト

ここまでの魅力を総括すると、クラシックテーマが向いているのは、次のようなサイトとなります。

クラシックテーマは「守りに強い」テーマ形式

クラシックテーマの魅力を一言で表すなら、「守りに強いテーマ形式」だと思います。

ここでいう「守り」とは、古いものを守るという意味ではなく、以下のような意味合いとなっています。

• デザインを守る
• サイト構造を守る
• 運用ルールを守る
• 既存資産を守る
• 表示の安定性を守る
• 編集ミスからサイトを守る

ブロックテーマは、自由度の高さが魅力です。一方、クラシックテーマは、安定性と制御性が魅力です。この違いを理解すると、テーマ選びで迷いにくくなります。

無理にブロックテーマへ移行しなくてもよい

WordPressの進化を考えると、ブロックテーマについて学ぶ価値は十分にあります。ただし、現在クラシックテーマで安定して運用できているなら、急いで移行する必要はありません。

特に、次のような場合は、クラシックテーマ継続でも問題ないでしょう。

• 現在のデザインに大きな不満がない
• 表示速度やSEO面で大きな問題がない
• 記事作成や更新作業に支障がない
• カスタマイズ内容が多い
• 移行作業に十分な時間を取れない
• サイト全体を作り直す明確な理由がない

大切なのは、「新しいから移行する」ことではありません。サイト運営が楽になるか、読者にとって見やすくなるか、管理しやすくなるかを基準に考えるべきです。

ブロックテーマが向いているサイト

最後に簡単ながら、ブロックテーマが向いているサイトについてもまとめてみます。主として、以下のようなサイトが該当するかと思います。

クラシックテーマにも弱点はある

ここまではクラシックテーマの魅力を紹介してきましたが、弱点もあります。

クラシックテーマの主な弱点は、次のとおりです。

• サイト全体を管理画面から自由に編集しにくい
• ヘッダーやフッターの変更にテーマ知識が必要になりやすい
• ブロックテーマ向けの新機能を活かしにくい場合がある
• デザイン変更をノーコードで完結しにくい
• theme.jsonやグローバルスタイルとの連携が限定的な場合がある

そのため、次のような方にはブロックテーマの方が向いているかもしれません。

• ヘッダーやフッターも自分で編集したい
• サイト全体をブロックで作りたい
• ノーコードでデザイン変更したい
• パターンやサイトエディターを積極的に使いたい
• 新しいWordPressの仕組みに早めに慣れたい

クラシックテーマとブロックテーマは、どちらか一方が絶対に正しいというものではありません。大切なのは、サイトの目的や運用体制に合わせて選ぶことです。

【雑談】「業界内で有名＝世間でも高評価」とは限らない。評価軸の違いを理解して、自分に合った選択をしよう

WP Pilot

まとめ：クラシックテーマには今でも選ぶ理由がある

ブロックテーマへの流れが進む中でも、クラシックテーマには今なお多くの魅力があります。

主な魅力は次のとおりです。

• サイトの骨組みを管理しやすい
• デザイン崩れを防ぎやすい
• PHPで細かく制御しやすい
• 既存サイトを安定運用しやすい
• 情報量が多く学びやすい
• 子テーマでのカスタマイズが分かりやすい
• CSSの管理が比較的見通しやすい
• プラグインとの相性を読みやすい
• 企業サイトや受託制作に向いている
• ブログ運営でも記事作成に集中しやすい

クラシックテーマは、決して「時代遅れのテーマ」ではありません。むしろ、安定性、制御性、運用のしやすさを重視するなら、今でも十分に選ぶ価値があります。

ブロックテーマは「自由に作る力」が強いテーマ形式です。一方、クラシックテーマは「安定して運用する力」が強いテーマ形式です。どちらが優れているかではなく、どちらが自分のサイトに合っているかを考えることが大切です。

もし現在クラシックテーマで問題なく運用できているなら、焦って移行する必要はありません。

まずは今のテーマの強みを活かしながら、必要に応じて少しずつブロックテーマや新しいWordPressの仕組みを学んでいくのが、現実的で無理のない進め方です。

参考リンク

クラシックテーマの例

• Cocoon（わいひら氏によるテーマ。無料でご利用いただけます）
• Lightning（株式会社ベクトルによるテーマ。無料でご利用いただけます）
• SWELL（了氏によるテーマ。有償です）
• Arkhe（上記と同じく了氏によるテーマ。こちらは無料でご利用いただけます）
• Nishiki Pro（ 株式会社AnimaGate が手がけたもの。有償テーマです）
• Snow Monkey（株式会社モンキーレンチが開発。お試しでダウンロードできますが、基本的には有償です）

ブロックテーマの例

• Twenty Twenty-Five（WordPress公式テーマ。無料でご利用いただけます）
• X-T9（テーマ Lightning と同じ株式会社ベクトルによるテーマ。無料でご利用いただけます）
• Hakoniwa（テーマ Nishiki Pro と同じく 株式会社AnimaGate が手がけたもの。無料でご利用いただけます）
• unitone（テーマ Snow Monkey と同じく株式会社モンキーレンチが開発。無料版は一部機能に制限あり）

WordPressのテーマ開発やカスタマイズについて調べていると、「theme.json」という言葉を目にする機会が増えてきました。

しかし、初心者の方にとっては、以下のように感じることも多いでしょう。

• functions.phpとの違いが分からない
• CSSを書けば十分では？
• 何のために存在するの？

実際のところ、theme.jsonは現代のWordPressテーマ開発において非常に重要な仕組みです。

特にブロックエディター（Gutenberg）やフルサイト編集（FSE）が主流になった現在では、テーマ全体のデザインや設定を管理する中心的な役割を担っています。

この記事では、theme.jsonの基本的な考え方から具体的な設定例まで、分かりやすく解説します。

theme.jsonとは？

theme.jsonとは、WordPressテーマの設定情報をJSON形式で管理するためのファイルです。

以下のように、テーマフォルダ直下に設置します。

wp-content
 └ themes
     └ my-theme
         ├ style.css
         ├ functions.php
         ├ theme.json ← このファイルがこの記事の主役です!!
         └ templates

従来は「CSS」「functions.php」「add_theme_support()」などに分散していた設定を、theme.jsonへまとめて記述できるようになりました。

簡単に言えば、「テーマ全体のデザイン設定を一元管理するためのファイル」です。

なぜtheme.jsonが作られたのか？

昔のWordPressテーマでは、例えば以下のような形で管理されていました。

• 親テーマ functions.php： add_theme_support() → エディター設定
• 親テーマ style.css： デザイン設定
• 子テーマ style.css： 色や余白の調整

しかし、

• 設定場所が分散する
• メンテナンスが大変
• テーマごとの差が大きい

などのような問題がありました。そこで登場したのがtheme.jsonです。

theme.json でできること（一例）

theme.jsonでは、以下のような設定情報を統一的に管理できます。

• カラーパレット
• フォントサイズ
• 余白
• レイアウト
• ブロック設定

JSONとは？

theme.jsonの「JSON」はデータ記述形式の一種です。

例えば以下の記述は、「versionという項目の値は3」という意味になります。

{
  "version": 3
}

初心者のうちは、「テーマ設定を書くための専用ファイル」と理解しておけば十分です。

theme.jsonでできること

theme.jsonでは主に以下を管理できます。

カラー設定

{
  "settings": {
    "color": {
      "palette": [
        {
          "slug": "primary",
          "name": "メインカラー",
          "color": "#0073aa"
        }
      ]
    }
  }
}

このように記述すると、エディターのカラーパレットに色を追加できます。

フォントサイズ設定

{
  "settings": {
    "typography": {
      "fontSizes": [
        {
          "slug": "small",
          "size": "14px",
          "name": "小"
        }
      ]
    }
  }
}

独自の文字サイズを登録できます。

レイアウト設定

{
  "settings": {
    "layout": {
      "contentSize": "720px",
      "wideSize": "1200px"
    }
  }
}

これにより、以下の幅を指定できます。

• 通常幅： settings.layout.contentSize
• ワイド幅（幅広）： settings.layout.wideSize

余白設定

{
  "settings": {
    "spacing": {
      "padding": true,
      "margin": true
    }
  }
}

ブロックエディターから余白調整を利用できます。

ブロックごとの設定

特定ブロックだけ設定することも可能です。

{
  "settings": {
    "blocks": {
      "core/paragraph": {
        "color": {
          "background": false
        }
      }
    }
  }
}

段落ブロックの背景色機能を無効化できます。

スタイル設定も可能

theme.jsonではデザイン指定もできます。

文字サイズの指定

例えば、以下の例では全体の文字サイズを指定できます。

{
  "styles": {
    "typography": {
      "fontSize": "18px"
    }
  }
}

見出しのデザイン

{
  "styles": {
    "elements": {
      "h2": {
        "typography": {
          "fontSize": "2rem"
        }
      }
    }
  }
}

H2見出しへ統一スタイルを適用できます。

functions.phpとの違い

初心者がよく混乱するポイントです。

簡単に言うと、機能はfunctions.php、デザイン設定はtheme.jsonという考え方になります。

functions.php

主な役割は以下の通りとなっています。

• PHP処理
• フック
• 機能追加
• カスタム処理

add_action(
    'wp_enqueue_scripts',
    'my_style'
);

theme.json

主な役割は以下の通りです。

• デザイン設定
• エディター設定
• レイアウト管理

{
  "settings": {
    "color": {
      "palette": []
    }
  }
}

CSSとの違い

こちらの区別も重要です。WordPressを通すか通さないかという観点からすると、大きな違いがあります。

theme.jsonは、例えば「外観＞エディター＞デザイン」の設定画面にも反映されるようになっています。最近のWordPressでは、「まずtheme.jsonで設定し、不足部分をCSSで補う」という考え方も十分通用するものとなっています。

CSS

見た目を直接指定するものであり、WordPressは処理には関与しません。

h2 {
  color:red;
}

theme.json

WordPressの仕組みを通じて設定するものであり、WordPressは処理に直接関与します。

{
  "styles": {
    "elements": {
      "h2": {
        "color": {
          "text": "#ff0000"
        }
      }
    }
  }
}

ブロックテーマで特に重要

現在のWordPressでは、「Twenty Twenty-Five」「Twenty Twenty-Four」などの標準テーマでtheme.jsonが中心になっており、テーマの重要なデザイン情報がtheme.jsonで管理されています。

そのため、ブロックテーマを扱うならtheme.jsonの理解はほぼ必須と言えるでしょう。

クラシックテーマでも使える？

答えは「はい」です。

例えば、

• Lightning
• Cocoon
• SWELL

などでも利用できます。必ずしもブロックテーマ専用ではありません。

実際、例えばLightningではtheme.jsonが公式で利用できるようになっており、積極的に活用する動きもあります。

ブロックテーマとクラシックテーマの違いについては、以下の記事もご覧ください。

「FSEテーマ」（ブロックテーマ）導入ポイントを解説

WP Pilot

versionについて

theme.jsonの先頭には通常、以下のような記載があります。

{
  "version": 3
}

これはtheme.jsonの仕様バージョンです。

現在はVersion 3が主流です。新規作成時は基本的に"version": 3を使用すれば問題ありません。

初心者が最初に覚えたい設定

まずは以下だけ理解できれば十分です。

• カラーパレット： settings.color.palette
• フォントサイズ： settings.typography.fontSizes
• レイアウト幅： settings.layout
• 全体スタイル： styles

よくある失敗

JSONのカンマ忘れ・過剰

JSONでは区切り記号としてカンマが重要な役割を果たします。

以下は「3」の後にカンマがないため、エラーとなります。

{
  "version": 3
  "settings": {}
}

逆に、以下は{}の後に余分なカンマがあるため、こちらもエラーとなります。

{
  "version": 3,
  "settings": {},
}

括弧の閉じ忘れ

JSONは {} や [] の対応関係が重要です。

以下のように1つでも欠けていたり、記号が誤っていたりするとエラーになります。

[
  "version": 3,
  "settings": {
}

CSS感覚で書いてしまう

theme.jsonはCSSではありません。

例えば、以下のような単純な書き方は基本的にできません。

{
  "color":"red"
}

WordPressが定める構造に従う必要があります。

これからのWordPressとtheme.json

WordPressは今後もブロックエディター中心で進化していくと考えられています。

そのため、以下のような対応を行うならtheme.jsonの知識はますます重要になります。

• テーマ開発
• 子テーマ作成
• ブロックテーマ運用
• エディターカスタマイズ

昔はCSSやfunctions.phpだけでも十分でしたが、現在はtheme.jsonがテーマ設計の中心になりつつあります。

まとめ

theme.jsonは、現代のWordPressテーマにおける「設定の司令塔」とも言える存在です。

主に以下を管理できます。

• カラー設定
• フォント設定
• レイアウト設定
• 余白設定
• ブロック設定
• 全体デザイン

従来のWordPressではfunctions.phpやCSSに分散していた設定を、一箇所にまとめられるようになりました。特にブロックテーマやフルサイト編集を活用する場合、theme.jsonの理解は欠かせません。

最初は難しく感じるかもしれませんが、

• settings
• styles
• blocks

という3つの考え方（パラメータ）を覚えるだけでも十分な第一歩になります。

WordPressの新しいテーマ開発を学ぶうえで、ぜひ少しずつtheme.jsonに触れてみてください。

この記事は、WordPressのテーマ「Xwrite」（旧名：「XWRITE」）について資料の少なさを補完するため、テーマがリリースされたときからの利用者である私（Y.INABA）の視点から、Q&A形式でできるだけ説明してみようと試みたものです。

記事が出た時点ではまだまだQ&Aの数が少ないですが、徐々に充実させていきたいと思います。温かい目で見守っていただけますと幸いです。

なお、事前に以下の記事もご確認いただけますと幸いです。

WordPressに定評のある「エックスサーバー」の公式テーマ「Xwrite」

WP Pilot

最初に確認しておくべき事項

料金・ライセンスについて

テーマの仕様について

デザインについて

プラグインについて

編集画面（エディタ）について

機能の提案・バグ報告について

カスタム投稿・カスタムタクソノミー

その他

関連商品

誰でもかんたん！「プロ級サイトをサクッと作成できる」WordPressテーマ【Xwrite】

『Xwrite（エックスライト）』は、 多彩な機能で、高速表示に対応した100％GPLのテーマです。 初心者にも充実のサポートでサイト運営をバックアップします。

公式サイトをチェック

テーマの特徴をチェック

ポチップ

国内シェアNo.1レンタルサーバー【エックスサーバー】

・運用サイト数250万件で国内シェアNo.1 ・初期費用無料、月額990円から、大容量500GBからの高コストパフォーマンス ・安定のサーバー稼働率99.99％以上 ・世界最高クラスの第5世代 AMD EPYC™とオールNVMe環境を採用 ・.com .netなどから選べる！独自ドメインが永久無料 ・マルチドメイン、メールアドレス無制限！独自SSLを無料で利用可能！

公式サイトをチェック

法人向けプランはこちら

ポチップ

脚注

1. X-T9については、こちらの記事もご覧いただけますと幸いです。
   日本産ブロックテーマとして注目を集める「X-T9」を紹介します ↩︎

この記事では、WordPressテーマ「Xwrite」について、実際に利用した感想を簡単にまとめています。

テーマの概要

「Xwrite」（エックスライト）は、レンタルサーバー業者「エックスサーバー」が提供しているWordPressテーマです。

誰でもかんたん！「プロ級サイトをサクッと作成できる」WordPressテーマ【Xwrite】

『Xwrite（エックスライト）』は、 多彩な機能で、高速表示に対応した100％GPLのテーマです。 初心者にも充実のサポートでサイト運営をバックアップします。

公式サイトをチェック

テーマの特徴をチェック

ポチップ

名称について

もともとは「XWRITE」と大文字の名称でしたが、2025年11月25日より現在の名称に変更しています。

提供元の「エックスサーバー」について

「エックスサーバー」はWordPressに最適化されているサーバー環境を提供していることでも知られています。また、安定した環境を提供し続けていることから利用者の評価が高く、個人・法人を問わず多くの利用者がいるということです。

また、「エックスサーバー」は会社独自のWordPress設定コンテンツを用意しており、こちらのテーマも含め、会社をあげてWordPress利用者の支援を行っていることがうかがえます。

国内シェアNo.1レンタルサーバー【エックスサーバー】

・運用サイト数250万件で国内シェアNo.1 ・初期費用無料、月額990円から、大容量500GBからの高コストパフォーマンス ・安定のサーバー稼働率99.99％以上 ・世界最高クラスの第5世代 AMD EPYC™とオールNVMe環境を採用 ・.com .netなどから選べる！独自ドメインが永久無料 ・マルチドメイン、メールアドレス無制限！独自SSLを無料で利用可能！

公式サイトをチェック

法人向けプランはこちら

ポチップ

料金

提供開始時は無料でしたが、2023年9月28日より、サブスク型および買い切り型のライセンス販売が始まっています。

• 月額：990円
• 年額：9,900円
• 買い切り：19,800円（エックスサーバー・シンレンタルサーバー経由で購入すると15,840円）

「エックスサーバー」利用者特典

以下のプラン利用者に限り、「Xwrite」が無料で利用できるようになります（1つでもご契約があれば、対象のご契約以外のサーバーでご利用いただいても問題ありません）。

• エックスサーバー：プレミアムプラン／ビジネスプラン
• XServerビジネス：全プラン

使い方

公式マニュアル

マニュアルも整備されており、主にXWRITEの機能の扱い方について解説されています。

これからXWRITEを使いたい方向けの資料（エックスサーバー公式）

エックスサーバー公式ブログ「初心者のためのブログ始め方講座」でもこちらのテーマの使い方が紹介されています。

関連記事

【備忘録】WordPressテーマ「Xwrite」がざっくり分かる！？ Q&A集

WP Pilot

使ってみた感想

まとめて言うと

他の有名テーマに比べると経歴が浅い分、機能的には他のテーマに見劣りする部分も少なくありません。

ただし、良い意味での無難さとサポートの手厚さは魅力です。これからの発展にも期待できるでしょう。

良いところ

• 全体の安定感は素晴らしいと思います。運営に支障が出るほどの致命的なエラーもあまり起こることがありませんし、サポートも丁寧に行ってくださっています。サービス運営実績が長く、WordPressにも力を入れているエックスサーバー社だからこそできるものと思います。
• お値段についてはWordPressテーマとしてはそこそこのお値段ではありますが、サポートの手厚さを買うものと考えますと決して高くはありません。それでも不安な方は、月額プランで1ヶ月か2ヶ月試した後に買い切りに踏み切る、などの選択をしても良いでしょう。
• テーマそのものについても、目立った欠点もなくて運営にも手間を取らず、設定も比較的早く進められるなど、「誰でも簡単に使える」のうたい文句通りと言えるのではないでしょうか。Cocoonのような煩雑さは感じられないので、「お金を出してでも快適さを買いたい」という方には特に良いと思います。
• アップデートも定期的に行われており、不具合への対応も比較的手早く行ってくださいます。WordPressの自動アップデートにも事前対応してくださっているので、更新もスピーディです。
• 2022年9月の提供開始に比べると機能も大幅に増強されており、ユーザーへのご要望にも真摯かつ丁寧に応対されている印象です。本当に便利になってきておりますし、これからの進化は十分期待できると思います。
• 「PCとモバイル端末で見栄え（内容）をはっきりと差し替えられる」機能がテーマ内で実装されるなど、基本的には全てのユーザー（閲覧者・管理者問わず）に対してフレンドリーな立場のテーマです。色々な端末で見られることを想定したブログの運営ができる、まさに今時のWordPressテーマと言えるでしょう。

いまいちなところ

• 先行のテーマと比べると、やはり見劣り感はあります。経歴が浅い分、他の優秀なテーマ（有償・無償を問わず）と比べると、まだまだ全体的には機能が少ないのではないか、と思うこともしばしばです。引き続き今後の機能増強に期待したいところです。
• 見栄え（デザインスキン）・デザインパターンの選択肢が少なく、いずれも無難な見た目のため、凝ったサイトを作るのには少々時間がかかります。今後、スキンやパターン配布の取り組みなどが広まれば、もっと良くなると思います。
• 「親テーマだけで多彩な機能をご利用いただける設計」を謳っていますが、細かいところや標準の設定だけでは手の届かないところを変更しようと思ったら、やはり子テーマのインストールやPHPスキル等はそれなりに必須です。幸い、2025年1月22日よりXwrite公式から子テーマの提供がスタートしています。
• 「エックスサーバー」のサービス利用者に対しては、一部プランを除き無料で利用できたり、買い切り金額の割引がなされたりする等の優遇措置がとられています。そのため、他サーバーの利用者にとっては不公平感があるかもしれません（ただ、もともとエックスサーバー社の提供しているテーマなので、この辺りは致し方ないと言えるでしょう）。
• 利用の際、ライセンスの有効化（アクティベーション）の際には「ユーザー専用サイト」にあらかじめ登録する必要がありますので、そこが負担に感じる方もいるかもしれません。また、いわゆる「試用期間」も設けられていないので、試しに使うことができないのも難点と言えるでしょう（エックスサーバー等で対象プランをご利用いただいている場合はその限りではないですが）。
• 何よりもまず、比較的若いテーマのため、他のテーマに比べて第三者による情報提供が少ない状態です。「Xwrite」主体のサイトを作りづらく感じることもあるかもしれません。公式マニュアルをご覧になれば解決できることもあるかもしれませんが、全体としてはまだまだ発展途上といった印象でございます。

【関連】無料テーマ「Cocoon」について

エックスサーバー社は、2022年9月、無料のWordPressテーマとして著名な「Cocoon」の開発者（わいひら氏）との間で業務提携契約を締結しております。ちょうど「XWRITE」（当時）が試用提供開始される前後の話です。

「Cocoon」は「XWRITE（Xwrite）」よりも歴史が長く、無料ということもあって利用者も桁違いに多いです。しかも、無料でありながら有償テーマに匹敵するほどの機能を備えており、著名なテーマの制作者も言及せずにはいられないほどの素晴らしいテーマです。

そんな「Cocoon」ですが、今のところはXwriteとしっかり差別化されている印象です。Xwriteが主に安定性で勝負している一方で、「Cocoon」については機能の豊富さと敷居の低さがメインとなっている印象です。

もちろん無料テーマということもあって限界はあるのですが、今やエックスサーバーの管理下にありますので、安心感も以前より増したと言えるのではないでしょうか。「Xwriteの兄貴分」として、弟分ともども、これからも存在感を放ってほしいものです。

なお、わいひら氏も2025年2月より「Xwrite」の開発に関わるようになりました。「Cocoon」「Xwrite」も今後一層のアップデートに期待したいところでございます。

関連記事

無料なのに有料級の性能！ WordPress定番テーマ「Cocoon」

WP Pilot

「Cocoon」は、わいひら氏が長年個人で開発を続けてきたWordPressテーマです。なお、現在はエックスサーバー株式会社も開発に関与しています（後述）。

この記事では、WordPressテーマ「Cocoon」について、実際に利用した感想を簡単にまとめています。

テーマの概要

料金

上記でも書いたとおり、無料となっております。なお、ライセンスは100%GPLとなっているため、インストールの状況によらずご利用いただけるとのことです。

業務提携元の「エックスサーバー」について

今年で25周年を迎える「エックスサーバー」は、WordPressに最適化されているサーバー環境を提供していることでも知られています。また、安定した環境を提供し続けていることから利用者の評価が高く、個人・法人を問わず多くの利用者がいるということです。

Cocoonは長らくわいひら氏個人で開発を行ってきておりますが、2022年9月にエックスサーバーに事業譲渡を行った上で、開発続行のために業務提携を行っております。そして、2025年2月には同社の「XWRITE」開発チームが本格的に開発に関与することになっています（逆に、わいひら氏も「XWRITE」開発に関わるようになっています）。

なお、以前は「ロリポップ」とのタイアップなども行っていたようですが、上記の提携を機にタイアップは廃止となりました（テーマの利用に問題はありません）。

国内シェアNo.1レンタルサーバー【エックスサーバー】

・運用サイト数250万件で国内シェアNo.1 ・初期費用無料、月額990円から、大容量500GBからの高コストパフォーマンス ・安定のサーバー稼働率99.99％以上 ・世界最高クラスの第5世代 AMD EPYC™とオールNVMe環境を採用 ・.com .netなどから選べる！独自ドメインが永久無料 ・マルチドメイン、メールアドレス無制限！独自SSLを無料で利用可能！

公式サイトをチェック

法人向けプランはこちら

ポチップ

公式マニュアル

マニュアルも整備されており、Cocoonの機能の扱い方の他、細かい項目についてまで懇切丁寧に解説されています。

テーマの紹介（公式サイトより）

Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。
見た目はシンプルですが、初めての方でも感覚的に使えるように
便利な機能を織り込んで作りました。
100％GPLテーマなので自由にご利用いただけます。

https://wp-cocoon.com/

使ってみた感想

まとめて言うと

これが無料で良いのかと思うくらいにはぎっしりと詰め込まれた良質のテーマです。

下手な有料テーマを選ぶくらいならば、こちらを使った方が良いです。個人開発ならではの欠点こそありますが、長年の実績もあり、資料を探すにも困りません。

良いところ

• とにかく無料であることを疑いたくなるくらいには素晴らしいテーマです。弟分とも言える「XWRITE」よりも扱える機能は実に多く、それでいて非常に安定しており、扱いやすいです。WordPressをある程度扱い慣れているのであれば、まずこちらを選んでおいて損はないと言えるでしょう。
• 見栄えを切り替えるためのスキンも数多く用意されている他、標準で子テーマも提供されており、初心者から中級者まではバリバリ使い込めること間違いないでしょう（上級者であっても「Cocoon」で必要十分なケースも少なくないかもしれません）。
• アップデートも定期的に行われており、1ヶ月に1、2度くらいの頻度で行ってくださっています。個人開発である分、対応に時間がかかることもありますが、それでも普通に運用していくには問題ないスピードだと思います。
• 無料であるが故に利用者はとても多く、またCocoonを利用したWordPress構築法の記事も少なくありません。XWRITEと比べても資料の数は段違いに多いです。
• もちろん標準でレスポンシブなテーマとなっており、スマートフォンでもパソコンとある程度同じ見た目でブログを閲覧することが可能となっております。また、ブロックエディタ、クラシックエディタの両方に対応している他、WordPressのフォークであるClassicPressにも対応してくださっています。個人開発なのにこの幅広さ、実に頭が下がる思いでございます。

いまいちなところ

• 利用者があまりにも多いので、似通ったデザインのブログが量産されてしまっている結果にもなっております。特にアフィリエイターの方々でこのテーマを使用している例もありますし、私自身飽きるほど見ています（苦笑）。一種の風評被害みたいなものですかね。そのため、独自性を求めるのであれば違うテーマを使ってみるのも手でしょう。
• サポート体制が事実上開発者のわいひら氏に委ねられていると言っても良いくらいには手薄です。専用フォーラムにて善意でサポートくださっている利用者も複数名いらっしゃいますが、質問できる項目や内容は限られており、基本的には自己解決することを念頭に置いていただく必要があります（もちろん、検索してヒットする資料は山ほどありますので、大抵のことは調べれば解決はするのですが）。
• 個人開発であることに加え、無料である分、ある程度割り切った考え方で運用していく必要があるかと思います。そして、足りない部分は自分で補うか、Cocoonを使った有償カスタマイズ依頼についても検討しなければなりません。

【参考】これからCocoonを使いたい方向けの資料（エックスサーバー公式）

• 無料WordPressテーマ「Cocoon」を解説！【ダウンロード方法・使い方・設定】 – 初心者のためのブログ始め方講座
• 【連載その1】WordPressとCocoonでブログをはじめよう！「インストール編」 – 初心者のためのブログ始め方講座
• 【連載その2】WordPressとCocoonでブログをはじめよう！「初期設定編」 – 初心者のためのブログ始め方講座
• 【連載その3】WordPressとCocoonでブログをはじめよう！「トップページのデザイン編」 – 初心者のためのブログ始め方講座
• 【連載その4】WordPressとCocoonでブログをはじめよう！「投稿記事の作成編」 – 初心者のためのブログ始め方講座
• 【連載その5】WordPressとCocoonでブログをはじめよう！「投稿記事の設定編」 – 初心者のためのブログ始め方講座
• 【連載その6】WordPressとCocoonでブログをはじめよう！「固定ページの作成編」 – 初心者のためのブログ始め方講座

【関連】有料テーマ「Xwrite」について

エックスサーバー社は2022年9月に有料テーマ「Xwrite」の提供を開始、2023年9月より有償での販売を開始しております。

2つのテーマを同会社で共存させている意図は私にはよく分からないのですが、少なくともCocoonの弟分のような立ち位置ではあることでしょう。

また、設定項目が多い分、ある程度細かい部分まで設定を行う必要のあるCocoonと比べると、Xwriteは比較的短時間でも初期設定が終えられるように思います。また、Xwriteは公式に企業開発を謳っており、機能アップデートや修正などの早さは素晴らしいものがあると言っても良いかもしれません。

WordPressに慣れている方であればCocoonの方を使いたくなるかもしれません（そもそも無料ですし）。ただ、安定感を求めたいのであれば、Xwriteを使ってみるというのも、個人的には悪くはないと思います。

いずれにしても、現在ではCocoonもXwriteも開発規模・環境が良くなっていっているのは間違いありません。今後も継続的なアップデートを期待したいところでございます。

なお、Cocoonの開発者であるわいひら氏も2025年2月よりXwriteの開発に関わるようになりました。「Cocoon」「Xwrite」も今後一層のアップデートに期待したいところでございます。

誰でもかんたん！「プロ級サイトをサクッと作成できる」WordPressテーマ【Xwrite】

『Xwrite（エックスライト）』は、 多彩な機能で、高速表示に対応した100％GPLのテーマです。 初心者にも充実のサポートでサイト運営をバックアップします。

公式サイトをチェック

テーマの特徴をチェック

ポチップ

WordPressの日本産テーマとして注目を集めている「X-T9」は、これまでのWordPressの常識を覆す「ブロックテーマ（フルサイト編集対応テーマ）」です。

人気テーマ「Lightning」の開発元である株式会社ベクトルがリリースした次世代型の無料テーマについて、役立つポイントをまとめました。

X-T9の主な特徴

X-T9の最大の特徴は、「コードを書かずに、サイトのすべてを直感的にデザインできる」という点にあります。

① フルサイト編集（FSE）への完全対応

従来のテーマ（クラシックテーマ）では、ヘッダーやフッター、サイドバーの編集には専用のカスタマイザーやPHPの知識が必要でした。X-T9は「ブロックテーマ」なので、投稿画面と同じ感覚でヘッダーやフッターもブロックを並べて作ることができます。

② 軽量・高速なパフォーマンス

余計な装飾コードを極限まで削ぎ落としているため、非常に動作が軽快です。Googleの推奨する「Core Web Vitals」などの表示速度指標でも高いスコアを出しやすく、SEO（検索エンジン最適化）に有利な土台を作れます。

③ 「VK Blocks」との強力な連携

開発元が同じプラグイン「VK Blocks」を併用することで、ビジネスサイトやブログに欠かせない「スライダー」「ステップ」「アコーディオン」などの高度なパーツを、ブロックを置くだけで配置できます。

④ 豊富なデザインパターン

「VK パターンライブラリ」から、プロが作ったデザインの雛形（パターン）をコピー＆ペーストするだけで、一瞬でオシャレなセクションが完成します。

初中級者が知っておくべき使用上の注意点

自由度が高い反面、これまでのWordPressの使い方とは少し異なるルールがあるため、以下の点に注意が必要です。

学習コストがやや高い（フルサイト編集の壁）

これまでの「外観 ＞ カスタマイズ」という操作に慣れている人ほど、最初は戸惑います。

X-T9は「外観 ＞ エディター」からサイト全体を編集するため、この「サイトエディター」の操作を覚える時間が必要です。

デザインの「余白」管理が難しい

ブロックごとに自由に余白（マージンやパディング）を設定できるため、ルールを決めずに触りすぎると、スマホで見た時にレイアウトが崩れたり、ガタガタに見えたりすることがあります。「あらかじめ用意されたパターンを使う」のが、綺麗に仕上げるコツです。

クイックスタートのデータインポートに注意

X-T9にはデモサイトを再現する「クイックスタート」機能があります。

既存のサイトにインポートすると、今までの設定や投稿が上書き・消去されるリスクがあります。必ず「新規サイト」か「テスト環境」で試すよう注意喚起が必要です。

推奨プラグインの導入が前提

X-T9単体では非常にシンプル（素の状態）です。その真価を発揮するには、以下のプラグインの導入が推奨されます（他にもプラグインはありますが、以下の3つは必須級となります）。

• VK Blocks: 装飾ブロックの追加
• VK Block Patterns：ブロックパターンに関する便利な機能を追加
• VK All in One Expansion Unit (ExUnit): SEO設定やSNS連携

これらをセットで使うことで、初めて「使いやすいテーマ」になります。

クラシックテーマ「Lightning」との違い

同じ開発元（株式会社ベクトル）が手掛ける「Lightning」と「X-T9」は、一見似ていますが、中身の仕組み（設計思想）が根本から異なります。

初中級者の方が一番迷う「結局どっちがいいの？」という疑問に答えるために、主要な違いをまとめています。

WordPressテーマ「Lightning」とは？ 特徴・使い方・無料版と有料機能の違いを解説

WP Pilot

根本的な違い：クラシックか、ブロックか

一言で言うと、「設定画面で組み立てる Lightning」か、「キャンバスに描く X-T9」かという違いです。

3つの決定的な違い

① ヘッダー・フッターの編集方法

• Lightning: ロゴの配置やメニューの形は、専用の設定画面（カスタマイザー）で選択肢から選びます。初心者でも迷いませんが、「ここをあと5px右に」といった微調整にはCSS（コード）が必要です。
• X-T9: ヘッダーそのものがブロックでできています。ボタンを置いたり、検索窓を混ぜたり、マウス操作だけで完全にオリジナルのヘッダーが作れます。

② 「テンプレート」という概念

• Lightning: 「投稿ページ」「固定ページ」「アーカイブページ」のデザインは、テーマ側で固定されています。
• X-T9: 「投稿のタイトルを一番下に持ってくる」「アーカイブページにだけ特別なバナーを出す」といったページの構造そのもの（テンプレート）を、管理画面から自作・修正できます。

③ 拡張性の持たせ方

• Lightning: 「Lightning G3 Pro Unit」などの有料プラグインを追加することで、高機能なプロ仕様にアップグレードしていく形式です。
• X-T9: 基本機能は無料版でも非常に強力です。その代わり、自分ですべてを配置する必要があるため、デザインセンスや「VKパターンライブラリ」の活用が鍵となります。

メリット・デメリットの比較

Lightning の良さと弱点

• メリット: 導入してすぐに「まともなサイト」の形になる。解説記事や本が圧倒的に多い。
• 弱点: 仕組みが古い（今後WordPressの主流から外れていく可能性がある）。デザインの「Lightningっぽさ」を消すのが大変。

X-T9 の良さと弱点

• メリット: サイト全体を一貫したブロック操作で作れる。表示速度が爆速。WordPressの最新機能（FSE）を100%享受できる。
• 弱点: 「自由すぎて何をしていいか分からない」状態になりやすい。操作に慣れるまで時間がかかる。

初中級者はどちらを選ぶべき？

Lightning を勧めるべき人

• 「デザインよりも、まずは記事を書くことに集中したい」
• 「難しい設定は苦手。定番のやり方でサクッと終わらせたい」
• 「仕事でクライアントのサイトを安定して運用したい」

X-T9 を勧めるべき人

• 「WordPressの最新トレンドに触れておきたい」
• 「1ピクセル単位でレイアウトをいじりたい」
• 「プラグインを減らして、とにかく表示速度を極めたい」

まとめ：どんな人におすすめ？

関連商品

Vektor Passport（ライセンス期間1年）

ベクトルパスポートは、コピペで使える豊富なプロ品質のプレミアムパターンや、WordPressテーマ・プラグイン等が使えるお得なオールインワンライセンスです。

商品を確認する

販売元公式サイト

ポチップ

いちばんやさしいWordPressの教本 第7版 6.x対応 人気講師が教える本格Webサイトの作り方 (いちばんやさしい教本シリーズ)

¥1,980 （2026/07/08 09:07時点 | Amazon調べ）

口コミを見る

Amazon

楽天市場

Yahooショッピング

メルカリ

ポチップ

WordPressの新しい世界、「FSE（Full Site Editing）」テーマ（「ブロックテーマ」とも呼ばれます）。

この記事では、これからFSEを触ってみたい方、すでに少し使ってみたけれど全体像がまだつかめていない方に向けて、やさしい言葉でポイントをまとめてみました。

はじめに

従来のWordPressテーマは「PHPファイルを編集して」「デザインを組み立てる」スタイルでした。

しかし、FSEテーマではサイト全体を「ブロック」単位で編集できます。プログラミングの知識があまりなくても、画面上で直感的にレイアウトやデザインを調整できるのが大きな特徴です。

※当ブログもFSEテーマを使用して作成しています。

FSEテーマ（ブロックテーマ）とは？

• Full Site Editing（FSE）：サイト全体をブロック¹で編集できる仕組み
• 導入バージョン：WordPress 5.9以降
• 主な変更点
  • ヘッダーやフッターもブロックで管理
  • 投稿テンプレート（single.php 等）をブロックとして編集
  • メニューやウィジェットも「パターン」や「パーツ」として扱う

FSEを学ぶ意味・価値

1. 今後のWordPress標準に対応
   • 公式でも「FSEが主流になる」と発表済みです。
   • 早めに慣れておくと、将来のテーマ切り替えや新機能にも柔軟に対応できるようになります。
2. デザイン自由度の向上
   • コードを書かずに、ブロックをドラッグ＆ドロップで配置できます。
   • 画面を見ながら試行錯誤できるので、初心者でも安心です。
3. 案件・自分のサイト運営で有利
   • クライアントワークではFSE対応を求められる機会が増えることが予想されます。
   • 自分のブログやポートフォリオのアップデートも容易になりそうです（ただし、好みは人によりけりでしょうが）。

FSE導入の背景

FSEが導入された背景には、以下のような理由があります。

• ノーコード編集への需要増加
  • 例えば、競合サービス「Wix」や「Squarespace」ではドラッグ＆ドロップなどで直感的にサイト作成が可能です。
  • WordPressでも同様の操作感を提供し、幅広いユーザー層を取り込む狙いがありました。
• 競合サービスへの対応
  • これまでWordPressはテーマ編集にPHPやHTMLの知識が必要でしたが、Wixは非開発者でも高品質なサイト構築を実現。
  • FSEの導入により、コードに詳しくないユーザーでも柔軟にデザインをカスタマイズ可能になりました。
• 開発効率と保守性の向上
  • ブロックベースの構造によって、テンプレートパーツを再利用しやすく一括管理が可能に。
  • 大規模サイトでも更新作業を効率化し、メンテナンス負担を軽減できます。

FSEのメリット

• コーディング不要：ヘッダー／フッターもブロック操作だけでOK
• 統一デザイン管理：theme.json² による色・フォント・余白の一元管理
• 自由な配置：ブロック単位でメニューやウィジェットを好きな位置に調整できる
• レスポンシブ対応：モバイル表示も同じ画面でプレビューしながら微調整が可能
• 再利用しやすい：一度作ったパターンやテンプレートパーツを他のページでも簡単に使い回せる

FSEのデメリット・注意点

• 管理が複雑に見える：テンプレートやパーツの階層（テンプレート、テンプレートパーツなど）が多く、一度戸惑うことも
• 微調整はCSS必須：ブロックだけでは解決できない細かいレイアウト調整にCSS知識が必要な場合がある
• プラグイン対応：古いプラグインと相性が悪いケースがあり、動作確認が必要
• 子テーマ作成が特殊：従来の子テーマと違い、theme.jsonやブロックテンプレートのコピーが基本になる

初心者～中級者へのおすすめステップ

1. 公式テーマを触ってみる
   • Twenty Twenty-Five／X-T9など、FSE対応テーマをインストール
   • ブロックエディタでヘッダー・フッターを編集
2. theme.jsonを読む
   • 色やフォント設定の記述方法を実際に開いて確認
   • 少しずつ数値を変えて、サイトデザインへの影響を試す
3. テンプレートパーツを作成
   • 繰り返し使う「カード」や「CTA（Call To Action）³」などをパーツ化してみる
   • 自分のブログで共通部分として使い回してみる
4. 子テーマからカスタマイズ
   • シンプルな子テーマを作り、必要な部分だけオーバーライド
   • block-templatesフォルダにテンプレートをコピーして編集

FSEテーマ（ブロックテーマ）の例

• Twenty Twenty-Five（WordPress公式テーマ。無料でご利用いただけます）
• X-T9（著名テーマ Lightning と同じ株式会社ベクトルによるテーマ。無料でご利用いただけます）
• Hakoniwa（著名テーマ Nishiki Pro と同じく 株式会社AnimaGate が手がけたもの。無料でご利用いただけます）
• unitone（著名テーマ Snow Monkey と同じく株式会社モンキーレンチが開発。無料版は一部機能に制限あり）

まとめ

FSEテーマは、「コードが苦手…」という方でも直感的に全体をデザインできる強力な仕組みです。一方で、管理構造が従来と変わるため最初は戸惑うこともあります。

しかし、将来のWordPress運用に備え、早めに学んでおいて損はありません。まずは公式のFSE対応テーマをインストールし、ブロック編集を体験してみましょう。その上で、theme.jsonやテンプレートパーツの作り方に挑戦すると、あなたのサイト制作スキルが一段とアップします。

参考資料

• Site Editor – Documentation – WordPress.org : サイト全体をブロックで編集できる公式ガイド
• ロードマップ – WordPress.org 日本語 : FSEがWordPressの今後の標準となることが示されている公式ロードマップ（ロードマップ原文：Roadmap – WordPress.org）
• A Complete Beginner’s Guide to WordPress Full Site Editing – WPBeginner : 初心者向けの解説記事
• What Is WordPress Full-Site Editing? – Smashing Magazine : FSEの概要とデザインへの影響についての詳細解説

脚注

1. WordPressの新しい編集単位。文章や画像、ボタンなどを「ブロック」として追加・配置できる。 ↩︎
2. テーマのデザイン設定をまとめるJSON形式のファイル。色や文字サイズなどを一括管理できる。 ↩︎
3. ユーザーにアクションを促すボタンやリンクのこと。「お問い合わせはこちら」など。 ↩︎

WordPressでサイトを運営する際、「テーマのカスタマイズをしたいけど、アップデートで消えてしまうのが心配……」という方も多いのではないでしょうか？　そんなときに便利なのが「子テーマ」です。

この記事では、WordPressの子テーマのメリット・デメリット、作成方法、子テーマを使わない場合の影響について簡単にまとめています。

子テーマとは？

子テーマ（Child Theme） とは、親テーマ（Parent Theme）のデザインや機能を引き継ぎつつ、一部をカスタマイズできる仕組みです。

親テーマを直接編集せずにカスタマイズできるため、テーマのアップデートがあっても変更内容を維持できます。

子テーマのメリット

子テーマを使う最大の利点は、カスタマイズを安全に行えることです。 

• アップデートに強い：親テーマの更新があっても、子テーマを使えばカスタマイズ内容が消えません。 
• 親テーマの機能をそのまま活用できる：親テーマのデザインや機能をベースにできるので、ゼロから作る必要がなく、手間が省けます。 
• カスタマイズ管理がしやすい：カスタマイズ内容が子テーマ内にまとまるので、後から見直しや修正がしやすくなります。
• 失敗しても簡単に復元可能：子テーマのファイルを編集して問題が起きても、子テーマの変更部分だけを修正すれば元に戻せます。

子テーマのデメリット

• 親テーマに依存する：親テーマが大幅に変更されると、子テーマのカスタマイズ内容が影響を受けることがあります。 
• 親テーマのアップデート内容を反映しにくい：子テーマでテンプレートファイルを上書きすると、親テーマのアップデートが適用されないことがあります。
• コードの知識が必要：CSSやPHPの基本的な知識がないと、子テーマの作成やカスタマイズが難しく感じるかもしれません。
• 外観のカスタマイズ設定などは親テーマとは別：「子テーマ」といえども別テーマ扱いなので、外観の「カスタマイズ」設定など、「子テーマ」有効化時に引き継がない箇所もあることに注意してください。

WordPressの子テーマの作成方法

以下はプラグインなどを一切使用せずに対応する方法です。自己責任でお願いします。

• 「Child Theme Configurator」などのプラグインを使えばもっと簡単に作成できます（こちらも自己責任でお願いします）。
• 自作する場合は事前にバックアップを取っておくことを強くおすすめします。
• テーマによっては公式で子テーマを提供している場合があります（「Cocoon」「XWRITE」など）。こちらがある場合は、わざわざ自作する必要はなく、公式版を使った方が非常に安全に導入できます。

子テーマ用のフォルダを作成

wp-content/themes/ の中に 親テーマ名-child というフォルダを作成します。

style.cssを作成

/*
Theme Name: 親テーマ名 Child
Template: 親テーマ名
Version: 1.0
*/

• Theme Name：子テーマの名前
• Template：親テーマのフォルダ名（正確に入力）

functions.php を作成

<?php
function my_theme_enqueue_styles() {
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
}
add_action('wp_enqueue_scripts', 'my_theme_enqueue_styles');

これで、親テーマのCSSを読み込みつつ、子テーマのカスタマイズが可能になります。

WordPress管理画面で子テーマを有効化

「外観」→「テーマ」から、作成した子テーマを有効化すれば完了です！

（なお、テーマ公式版の「子テーマ」を使う場合も有効化は必要なので忘れないように！）

子テーマを使わない場合のメリット・デメリット

メリット

• 手間がかからない → 子テーマを作成・管理しなくて済む
• 親テーマの新機能をそのまま使える → アップデート時に問題が起こりにくい

デメリット

• アップデートでカスタマイズが消える → 親テーマを直接編集すると、更新時に上書きされる
• 管理が大変 → どこをカスタマイズしたか分かりにくくなる

カスタマイズするなら子テーマが必須

小さな変更なら「追加CSS」や「Code Snippets」プラグインを使う方法もありますが、 テーマをしっかりカスタマイズするなら子テーマの利用が圧倒的におすすめです。

まとめ

WordPressでカスタマイズするなら、子テーマを使うのが基本です。子テーマなら、アップデートでカスタマイズが消える心配もありません。手順も簡単で、フォルダを作成して、所定のCSSとPHPファイルを準備するだけです。なお、「Cocoon」など、テーマによっては公式の子テーマを提供しているものもあります。

WordPressを長く運用するなら、ぜひ子テーマを活用してみてください。