CocoonからSWELLに移行した時に特に気をつけたい問題点

この記事は、2021年にCocoonからSWELLへ移行した際の体験記をもとに、現在も確認すべき点を整理したものです。掲載の旧画面や当時のエディターのサポート予定を、現在の案内とは区別してください。

古い記事をすべて一度にブロックへ変換する必要はありません。編集する記事から、バックアップを取り、変換前後の表示を比べながら進める方法もあります。

そんな中、数ある有料テーマを差し置いて、完全にブロックエディターに対応した国産のテーマが登場しました。

『SWELL（スウェル）』

その表示速度の速さや数々の便利機能は多くのSWELLユーザーが紹介している通りで、私も実際に使用してみてその通りだと感じることばかりです。

ただ、Cocoonからの移行時にいくつか対応を迫られることがありましたので、本稿ではその中でも特に注意しておきたい部分について、初心者向けに紹介します。

旧テーマの書式が残っている場合は、SWELL公式の乗り換えサポートプラグインが役立つことがあります。ただし、すべての機能やレイアウトを完全に移すものではありません。対応範囲と現在の利用条件を先に確認してください。

CocoonからSWELLに移行する時の注意点

ここでは大きく2点を取り上げます。

ここで紹介する2点以外にも、メニュー、画像、広告、SEO設定などの確認が必要です。重要な導線や本文の欠落は、後回しにせず公開前に点検します。

ブロック化出来ない：ブロックエディターによる編集方法

この点はCocoonでも、クラシックエディターではなくブロックエディターを使う選択をした方は同様です。

ただ、クラシックエディターで書いてきて、特段の必要性もなくブロックエディターに乗り換える方は少ないのではないかと思います。

慣れないブロックエディターにすることでトラブルに見舞われることも少なく無いですので。

SWELLのブロック機能を使うと編集しやすくなります。ただし、旧記事を残す方法と、新しく作る記事の方法は分けて考えて構いません。

そのせいで起こり得る問題があり、避けては通れない代表的な問題が『ブロック化出来ない』ことです。

SWELLには、クラシックエディターで作成した記事は一つのブロックの中に記載されていると認識されます。

それを個々の段落ごと（HTML上は<p>で始まる段落ごと）に個別のブロックとして認識させるのが『ブロック化』です。

通常は記事のどこかをクリックした状態でその作業を行うことが出来ます。

ところが、このブロック化するという項目すら現れない場合があります。
（環境によるのかもしれません）

まず本文のHTMLを手元へ保存してから、複製した下書きや検証環境で試します。本番の記事を繰り返し更新して原因を探す前に、戻せる状態を用意してください。

私の環境では、開き直した際に「想定されていないか無効なコンテンツ」の表示が出ました。すべての環境で同じ順番になるわけではありません。

ブロックが想定するHTMLと実際の記述が違うことなどで起きます。テーマ移行だけが原因とは限りません。

URLを一律に消す対処は勧めません。リンク、HTMLの記述、ブロックの種類、テーマやプラグインとの関係を切り分けます。

安全策1

そこで出来る安全策一つ目は、『HTMLに変換する』ことです。

この操作により、記事全体が一つの大きな『カスタムHTMLブロック』になります。

この選択を行うと、記事全体がHTML表示になり、もちろん自由に編集することが可能になります。

記述がおかしい所は手作業で修正していくことになります。

HTMLを保つ方法はありますが、その後の編集には知識が必要になります。変換すれば必ず直るわけではないため、公開表示とリンクを確認しましょう。

安全策2

『クラシックブロックに変換』します。

クラシックブロックへ変換して編集できたのは、私の当時の環境での経験です。すべての内容が必ず保全される保証ではありません。

「解決」は修復や変換を選ぶ操作で、それ自体が必ず本文を消す機能ではありません。変更内容を比較し、必要な要素が失われる選択は避けます。

失われた場合は、まず元に戻す操作やリビジョンで復旧できるかを確認します。それで戻せなければ、保管したHTMLやバックアップと照合します。

ブログカードがURL表記になる

冒頭で紹介した通り、移行サポートプラグインを利用した上での問題点です。

他テーマの移行支援の有無を網羅的に比較した記事ではありません。以下では、私が利用したSWELLのサポートについて説明します。

公式の乗り換え支援は、旧テーマのショートコードやCSSの一部を引き継ぐためのものです。移行後の記事すべての正常動作を保証するものではありません。

こうした気遣いという点一つとっても、SWELLの素性の良さを感じさせます。

ただし、一部のCocoonオリジナルの装飾が引き継がれず、修正が必要になるポイントがあります。

それが『ブログカード』、つまり以下のような表示のリンクです。

Cocoonでは記事にURLをベタ打ちするだけで、自動的にこのようなブログカードが作成される便利な機能が付いています。

SWELLにも同様の機能は付いているものの、それはURLが独立した一つのブロックに単独で記載されている場合に限ります。

つまり、URLの他に何らかの記述がある場合にはブログカード化されません。

ここがポイントです。

ブロック化出来ない問題と関連する問題でもあります。

上で紹介したHTMLブロックへの変換操作を行うと『カスタムHTMLブロック』になっていますので、直接編集して問題の解決を図るしかありません。

流石にURLの文字列が記事に掲載されている状態は、よく読まれる記事については早めに修正しておきたいところです。

このURLの文字列を日本語の記事タイトルに修正することは難しくないので、さっと修正してしまいましょう。

以下の画像のように、要は2度目に出てくるURL部分を表示したい日本語タイトルに置き換えるだけでOKです。

この画像のように、赤線部分がそのまま表示される文字列になっています。

Cocoonでリンクを貼る際にそのリンクの説明を入力していれば、あるいは記事名からリンクを作成されていれば記事名が自動的にこのカスタムHTMLブロックにも記述された状態です。

適宜コピペしていけば対処はそれほど大変ではないでしょう。

移行後に確認するページを先に決める

テーマの移行では、トップページがきれいに見えるだけで完了とは言えません。古い記事に残った装飾、商品リンク、表、目次などは、記事ごとに違う形で影響を受けます。確認を始める前に、閲覧数の多い記事、長い記事、画像の多い記事、旧テーマ専用の装飾を使った記事をそれぞれ選んでおくと、見落としを減らせます。全記事へ同じ修正を加える前に、代表例で確かめましょう。

記事URLを維持することと、記事の見た目を作り直すことは分けて考えます。テーマ変更のためだけにパーマリンクを変える必要はありません。URLを変更すると、内部リンクやSNSで共有したリンクまで点検が必要になります。記事を新しいブロックへ変換するときも、本文中のアンカーや外部リンク、画像の説明を残しておくことが大切です。

旧テーマの装飾が表示される状態と、今後も編集しやすい状態は同じではありません。移行サポートで見た目が維持されていても、次に記事を直す際は旧テーマの書式が残っているかもしれません。急いで全記事を一括変換するより、よく読まれる記事から標準ブロックへ整理すると、表示崩れを確認しながら進められます。元のHTMLと画像が残るバックアップを用意してから作業してください。

確認はPCとスマートフォンの両方で行います。横に並ぶ商品ボタン、幅の広い表、追従するサイドバーは端末によって表示が変わります。本文が途中で切れていないか、広告が説明と重ならないか、ロゴやメニューから移動できるかも見ておきます。表示速度についても、テーマだけで決まるわけではなく、画像や外部広告、プラグイン、サーバー環境を合わせて考える必要があります。

本稿の操作画像と価格の記載には、移行した当時の情報が含まれています。現在の販売条件やサポート範囲、WordPressの編集画面は公式案内で確認してください。「別のテーマより必ず速い」「変更すれば不具合がなくなる」といった保証として読むものではありません。実際のサイトで戻せる状態を確保し、小さな範囲で試してから移行を広げることが、結果的に修正の手間を減らします。

確認資料（2026年10月12日）：WordPress公式・ブロックを使った編集。

CocoonからSWELLへの移行時の問題まとめ

【SWELL】乗り換えサポート from Cocoonがあり、これほど乗り換えのハードルが低いテーマも珍しいと思います。

しかし一筋縄ではいかないもの、地道な手作業で修正が必要になる箇所もこうして存在しています。

私自身はSWELLへ変更して編集しやすくなったと感じました。ただし、記事数や旧テーマの書式によって作業量は違います。導入する場合は検証環境で代表記事を確認し、公開へ反映する順番を決めてください。

買い切り17,600円（2021年12月現在）と安くは無いかもしれませんが、個人的には記事の作成スピード向上と操作性の高さは他のテーマに代え難い魅力を感じます。

表示速度はテーマ以外に、画像、広告、プラグイン、サーバー等の影響を受けます。テーマを変えるだけで改善作業が不要になるとは言えません。移行後も同じ条件で測定して判断します。

是非使ってみてそのクオリティの高さを実感してみて下さい。

現在の仕様はSWELL公式の乗り換え支援、エラーの切り分けはWordPress公式のブロックエラー解説を参照してください。2026年10月16日見直し。本文を安全に戻す準備はバックアップの記事で整理しています。