お知らせ内容をここに入力してください。

クラシックエディタからブロックエディタのテーマへ移行する手順と注意点

カスタマイズ|クラシックエディタからブロックエディタのテーマへ移行する手順と注意点

WordPress 5.0以降、標準エディタは「クラシックエディタ」から「ブロックエディタ(Gutenberg)」へと移行しました。

しかし、長年クラシックエディタを使ってきた方にとって、ブロックエディタ対応のテーマへ切り替えるのは簡単ではありません。

この記事では、クラシックエディタ前提のテーマから、ブロックエディタ対応テーマへ移行する際に注意すべきポイントを詳しく解説します。

目次

1. テーマ独自の機能の移植

旧テーマで使っていたウィジェットやカスタム関数などの独自機能は、新テーマに自動では引き継がれません

特に以下のような機能は要確認です。

  • functions.php 内の独自カスタマイズ
  • ウィジェット領域の構造

新テーマの機能を把握しつつ、それぞれどう差し替えるか?決める必要があります。

2. テーマ独自ショートコードの変換

クラシックエディタで多用されていた [shortcode] は、新しいテーマでは不要または非対応になることがあります。
ブロックエディタでは同様の機能が「ブロック」として用意されているケースが多いです。

新テーマの機能を把握しつつ、それぞれどう差し替えるか?決める必要があります。

また差し替えは記事数が多い場合は、コードを使って文字置換する必要もでてきます。

3. プラグインとテーマ機能の重複に注意

新しいテーマには、スライダー・カラム・タブなどのデザイン機能が内蔵されていることが多く、既存のプラグインと機能が競合することがあります。

対策:

  • 機能が重複していないかチェック
  • どちらか一方を無効化して整理
  • CSSの競合を避けるため、テーマとプラグインの読み込み順やスタイル指定も見直す

4. クラシックブロックの変換

クラシックエディタで作成された記事は、ブロックエディタでは「クラシックブロック」として表示されます。
これは編集可能ですが、表示上の問題やマークアップのズレが発生することも

対策:一括変換はリスクが高いため、記事ごとに「ブロックに変換」→レイアウト確認→修正の手順で対応しましょう。

5. 見た目(デザイン)の修正

ブロックエディタ対応テーマでは、HTML構造やCSSクラスが大きく異なるため、デザインが大きく変わる可能性があります

  • ボタン・見出し・カラムが崩れる
  • サイドバーやフッターウィジェットの再配置が必要になることも

対策:エディタ上の見た目と、フロント側の表示が一致しているかを確認しながら、CSSや設定を調整しましょう。

補足:移行時に見落としがちな注意点

  • ウィジェットエリアの構造変化(ブロックウィジェット対応かどうか)
  • FSE(フルサイト編集)対応テーマの場合のテンプレート構造の違い
  • ACF(Advanced Custom Fields)などの互換性

一番作業に時間がかかるのが、記事の見た目の修正です。

まとめ│差分が発生することを意識すること

基本的には複製した仮サイトを作成して、そこで移植作業をいたします。

また数百記事ある場合は完璧に修正するのはとても時間がかかるので注意しましょう。

もし新規記事を現行サイトで更新してしまうと差分が発生して、把握や更新が大変になります。

ですので2週間はサイトを新規追加はしないといった方針で、移植に集中。

本番サイト反映後、微調整するのがよいでしょう。

移行前に必ず調べること

ここまでに挙げた5つの注意点は、いずれも「事前に量を把握しておけば、工数が見積もれる」ものです。
着手前に次を調べてください。

調べること調べ方なぜ必要か
独自ショートコードの使用数管理画面の検索窓で [box などを検索置き換え作業の量が決まる
カスタム投稿タイプの定義元テーマ側か、プラグイン側かテーマ側だと、外した瞬間にデータが表示されなくなる
クラシックブロックの記事数記事一覧を確認変換対象の本数
追加CSSの量カスタマイザーの追加CSS欄旧テーマの構造に依存した指定は効かなくなる
子テーマの改変内容functions.php、テンプレートファイル旧テーマ前提の記述は動かない
ウィジェットの配置外観 → ウィジェット再現するために控えておく

2行目が最も重要です。実績や事例を「テーマの機能」で作っていた場合、テーマを外すとデータが表示されなくなります。
この場合はプラグインで定義し直す作業が加わり、工数が大きく変わります。

作業の進め方

STEP作業
1現状調査(前章)
2バックアップ(ファイル+データベース)
3テスト環境を作る
4テスト環境でテーマを切り替え、崩れる箇所を洗い出す
5カスタマイザー・ウィジェットの設定を再現する
6カスタム投稿タイプ・追加CSSを移設する
7記事内の装飾を置き換える
8フォーム・プラグインの動作を確認する
9本番へ反映し、全ページを確認する

STEP3を飛ばさないでください。本番サイトでテーマを切り替えて確認するのは、訪問者に崩れた状態を見せることになります。
多くのレンタルサーバーがテスト環境の機能を提供しています。

記事数が多い場合の現実的な進め方

STEP7が最も工数のかかる工程です。
記事が数百本ある場合、すべてを直してから公開しようとすると、いつまでも移行できません。

アクセスの多い記事から優先的に修正し、残りは運用のなかで順次対応する——これが実務的な判断です。
記事が300本あっても、アクセスの大半は上位20〜30本に集中しているのが通常です。

優先順位の判断には、アクセス解析のデータを使ってください。
設定方法はGA4・Search Consoleの初期設定と見るべき指標で解説しています。

クラシックブロックの変換について

クラシックエディタで書かれた記事は、ブロックエディタ上では「クラシック」という1つの大きなブロックとして表示されます。
この状態でも表示自体に問題はありません。

変換する変換しない
編集のしやすさブロック単位で編集できるHTMLに近い状態での編集になる
装飾の追加ブロックの機能が使える使えない
崩れるリスクある(特に複雑なHTML)低い
作業量記事数に比例ゼロ

判断の目安として、「今後も編集する記事だけ変換する」のが合理的です。
過去のお知らせなど、もう触らない記事は変換しなくて構いません。

変換する場合は、1記事ずつ変換して表示を確認してください。
テーブルや独自のHTMLを含む記事は崩れやすいため、特に注意が必要です。

見落とされやすい確認項目

  • アクセス解析タグ:旧テーマの設定欄に入れていた場合、切り替えで外れます
  • 広告・コンバージョン計測タグ:同上。
    設置箇所を事前に控える
  • お問い合わせフォームの送信テスト:テーマとの組み合わせで不具合が出ることがある
  • スマートフォンでの表示:メニューの開閉が動かないことがある
  • 構造化データ・OGP設定:テーマ側で出力していた場合は引き継がれない
  • 404ページ・検索結果ページ:通常の確認では見落とす

計測タグの外れは、最も多い事故です。数週間気づかず、その間のデータが失われます。
これを防ぐには、計測タグをGoogleタグマネージャー経由で設置しておくとテーマに依存しなくなります。

よくある質問

Q. 記事のデータは消えませんか?

消えません。
記事本文、画像、カテゴリー、投稿日といったデータはそのまま残ります。変わるのは「見せ方」の部分です。
ただし装飾が崩れるため、その修正作業が発生します。

Q. どのくらいの期間と費用がかかりますか?

記事20本程度で独自機能の使用が少なければ10万〜25万円・2〜3週間、記事100本規模なら25万〜60万円・3〜6週間が目安です。
詳しい内訳は他テーマからSWELLへの移行手順と注意点をご覧ください。

Q. 検索順位に影響しますか?

URLが変わらないため、直接的な影響は限定的です。
ただし装飾が壊れたまま公開する、見出しの構造が崩れる、表示速度が落ちるといった場合は影響が出ます。切り替え後1〜2週間はSearch Consoleでエラーを監視してください。

Q. 今のままクラシックエディタを使い続けてはいけませんか?

当面は動きますが、WordPressの標準はブロックエディタであり、新しいテーマやプラグインはブロックエディタを前提に開発されています。長期的には移行を前提に計画を立てることをおすすめします。

まとめ

  • 移行は着せ替えではなく、旧テーマ独自機能の置き換え作業
  • 工数を決めるのは独自ショートコードの数カスタム投稿タイプの定義元
  • 必ずテスト環境で試す。本番での切り替えは避ける
  • クラシックブロックは「今後も編集する記事だけ」変換する
  • 記事数が多いならアクセス上位から優先して修正する
  • 計測タグの外れに注意。
    タグマネージャー経由なら依存しない

テーマ選びの考え方は有料WordPressテーマ比較を、移行の詳細な手順はテーマ移行の手順と注意点をご覧ください。

CONTACT

お問い合わせ

成果を出すホームページ制作は私たちにおまかせください。
まずはお気軽にご相談を!

目次