SWELL親テーマ・子テーマの導入と最初に確認した設定

SWELLテーマの導入と親子テーマ設定を整理した図解

事実・公式情報確認日:2026年8月30日

SWELLをWordPressへ導入するときは、親テーマと子テーマをどちらもインストールし、子テーマを有効化します。親テーマを削除して子テーマだけ残す、または親テーマを直接編集する、という進め方は今回の構成では採用していません。

SWELLのインストール順と、有効化した直後に確認した項目を取り上げます。購入条件や全機能のレビューではありません。

SWELL親テーマと子テーマの導入手順を整理した図解
SWELL親テーマ・子テーマの導入手順を整理した図解です。テーマの最新仕様は公式情報で確認してください。
テーマ 状態 役割
SWELL 2.17.1 インストール済み・非有効 子テーマが参照する親テーマ
SWELL CHILD 1.0.0 インストール済み・有効 現在の有効テーマ
目次

先に答え:親テーマを入れてから、子テーマを有効化する

  1. SWELL公式から親テーマのZIPを用意する。
  2. WordPressへ親テーマをインストールする。
  3. 子テーマのSWELL CHILDをインストールする。
  4. テーマ一覧でSWELL CHILDを有効化する。
  5. サイト表示と管理画面を確認する。

親テーマは、子テーマが参照する土台です。子テーマを使う場合も、親テーマをインストール済みの状態で残します。手順の詳細はSWELL公式のテーマインストール案内と照合してください。

今回の環境

WordPressをXserverへ設置したあと、SWELL親テーマとSWELL CHILDを導入しました。親テーマのファイル、PHP、追加CSSは直接編集していません。SWELLの認証は本人の操作で行い、認証情報や会員画面は記事素材にしていません。

手順1:公式のZIPを用意する

親テーマと子テーマは、公式の配布ページから入手します。子テーマだけを先に探すのではなく、親テーマも手元にあることを確認します。子テーマはSWELL公式の子テーマ配布ページから確認できます。

ZIPは、必要なときに再取得できる場所へ保管します。展開したフォルダーの中身をアップロードするのではなく、WordPressのテーマアップロード画面で指定するZIPを確認します。

手順2:親テーマをインストールする

WordPress管理画面の「外観」からテーマの追加・アップロードへ進み、親テーマのZIPを選びます。インストール後、テーマ一覧にSWELLが表示されることを確認します。

今回の運用では、親テーマをインストールしたあと、親テーマを有効化したまま次へ進むのではなく、子テーマの導入へ進みました。親テーマが一覧へ出ていない場合は、子テーマを入れる前に原因を確認します。

手順3:子テーマをインストールして有効化する

同じテーマ画面からSWELL CHILDのZIPをアップロードします。インストール完了後、テーマ一覧で次の状態を確認します。

  • SWELL親テーマがインストール済み
  • SWELL CHILDがインストール済み
  • SWELL CHILDに「有効」と表示されている

「子テーマをインストールした」ことと、「子テーマが有効になった」ことは別です。テーマ一覧の表示を見てから次の設定へ進みます。

手順4:有効化直後に確認する

デザインを整える前に、テーマを有効化しただけの状態で確認します。

  • HTTPSのサイトトップが開く
  • WordPress管理画面へ戻れる
  • 有効テーマがSWELL CHILDになっている
  • 白い画面や重大なPHPエラーが出ていない
  • 見出し、画像、メニューの大きな崩れがない

問題が出た場合、プラグインや高速化設定を増やす前なら、テーマ導入が原因かどうかを確認しやすくなります。

手順5:SWELLの認証を確認する

認証画面が必要な操作は、アカウント所有者が操作します。今回も、Codexへパスワードや認証コードを渡さず、操作後に認証済みの状態だけを確認しました。

会員ページ、購入情報、認証ボタンを記事のスクリーンショットへ載せないことも公開前の確認に含めます。

親テーマを直接編集しない理由

親テーマへ直接変更を加えると、テーマ更新時に変更が上書きされる可能性があります。今回のサイトでは、まずSWELL標準機能とWordPress標準ブロックで作る方針にし、PHPや追加CSSの編集は行っていません。

子テーマを有効化したからといって、すぐPHPを編集しなければならないわけではありません。変更する場合は、目的、影響、戻し方、バックアップを確認してから進めます。

導入直後にプラグインを増やさなかった

テーマ導入と同時に複数のプラグインを入れると、表示が変わったときに原因を分けにくくなります。まずSWELLだけの表示を確認し、SEO設定はSEO SIMPLE PACKの記事、GA4はGA4の検証記事へ分けました。SWELL公式のプラグイン案内も現在の内容を確認してください。

間違えやすい点

  • 親テーマを入れずに、子テーマだけを有効化しようとする。
  • 子テーマをプラグイン画面へアップロードする。
  • ZIPを展開し、別のファイルを選ぶ。
  • 親テーマを有効化したまま、子テーマが有効だと思い込む。
  • テーマ導入と同時に多数のプラグインやデザイン変更を行う。
  • ログイン情報や会員画面を公開素材にする。

導入後チェックリスト

  • 親テーマと子テーマを公式から用意した
  • 親テーマがインストール済み
  • SWELL CHILDが有効
  • HTTPSのサイトが開く
  • 管理画面へ戻れる
  • 重大なエラーや白い画面がない
  • 認証状態を本人の操作と分けて確認した
  • 親テーマを直接編集していない

よくある疑問

親テーマは削除してよいですか?

今回の構成では、子テーマの依存先として親テーマを残しています。削除する前に、現在の公式案内と自分のテーマ構成を確認してください。

親テーマを一度有効化する必要はありますか?

今回の記録では、親テーマをインストールしたあと、子テーマを導入して有効化しました。重要なのは、親テーマがインストール済みで、SWELL CHILDが有効になっていることです。

子テーマは必須ですか?

このサイトでは親テーマを直接編集しないために使いました。全利用者に一律で必須とは断定しません。公式の導入案内と、将来カスタマイズするかで判断してください。

まとめ

SWELLを子テーマ運用するなら、親テーマと子テーマを両方インストールし、SWELL CHILDを有効化します。導入直後はデザインを作り込む前に、テーマ一覧、HTTPS、管理画面、エラー、表示崩れを確認します。

テーマ導入が終わったら、SEO、GA4、Search Consoleは別工程へ進めます。次はSWELLとSEO SIMPLE PACKの役割分担を確認してください。

公式情報

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

沖縄で事務職を5年経験後、現在はマレーシアでプロンプトエンジニアとして働く「編集部ちえ」です。iPhone、AI、スマートグラス、海外旅行で使うデジタル機器を、実際に試した記録として発信しています。

コメント

コメントする

目次