クラシックテーマとブロックテーマの構造の違いと、ファイル・ディレクトリ構成をAIで可視化する

WordPress「クラシックテーマ」と「ブロックテーマ（FSE対応）」の違い

1. ディレクトリ構造（ツリー表示）

クラシックテーマ

必須構成

my-theme/
├── style.css
└── index.php

実務で一般的な構成

my-theme/
├── style.css
├── functions.php
├── index.php
├── header.php
├── footer.php
├── sidebar.php
├── front-page.php
├── home.php
├── single.php
├── page.php
├── archive.php
├── search.php
├── 404.php
├── screenshot.png
├── assets/
│   ├── css/
│   ├── js/
│   └── images/
├── template-parts/
│   ├── header/
│   └── footer/
└── inc/
    ├── customizer.php
    └── setup.php

ブロックテーマ（FSE）

必須構成

my-block-theme/
├── style.css
├── theme.json
└── templates/
    └── index.html

実務で一般的な構成

my-block-theme/
├── style.css
├── theme.json
├── functions.php
├── screenshot.png
├── templates/
│   ├── index.html
│   ├── front-page.html
│   ├── home.html
│   ├── single.html
│   ├── page.html
│   ├── archive.html
│   ├── search.html
│   └── 404.html
├── parts/
│   ├── header.html
│   ├── footer.html
│   └── sidebar.html
├── patterns/
│   ├── hero.php
│   └── columns.php
├── styles/
│   ├── dark.json
│   └── light.json
└── assets/
    ├── css/
    ├── js/
    └── images/

2. 各ファイルの役割（1行解説）

クラシックテーマ

ブロックテーマ

3. 最小テンプレート記述例

クラシックテーマ

index.php

<?php get_header(); ?>
<main>
<?php
if (have_posts()) :
    while (have_posts()) :
        the_post();
?>
        <h1><?php the_title(); ?></h1>
        <?php the_content(); ?>
<?php
    endwhile;
endif;
?>
</main>
<?php get_footer(); ?>

ブロックテーマ

templates/index.html

<!-- wp:template-part {"slug":"header"} /-->
<!-- wp:post-content /-->
<!-- wp:template-part {"slug":"footer"} /-->

parts/header.html

<!-- wp:site-title /-->

parts/footer.html

<!-- wp:paragraph -->
<p>Copyright</p>
<!-- /wp:paragraph -->

4. 対応関係表

5. 主な違い比較表

6. 設計思想の違い

クラシックテーマ

「開発者がPHPで画面を組み立てる」

WordPress
 ↓
PHPテンプレート実行
 ↓
HTML生成
 ↓
ブラウザ表示

特徴

• 開発者主導
• PHP中心
• CMSとしてのWordPress
• コード管理しやすい
• 独自実装に強い

ブロックテーマ（FSE）

「サイト全体をブロックエディタで構築する」

WordPress
 ↓
テンプレートHTML読込
 ↓
ブロック解析
 ↓
HTML生成
 ↓
ブラウザ表示

特徴

• 編集者主導
• GUI中心
• Site Editorで全体編集
• theme.jsonが設計の中心
• ノーコード運用に強い

一言でまとめると

現在のWordPress開発では、新規テーマ開発はブロックテーマ（FSE）を前提にするケースが増えている一方、
企業案件や既存サイト保守ではクラシックテーマも依然として広く使われています。