みなさんこんんちは、まろんです。
さて、この記事を開いて下さった方々は、WordPressのテーマ変更を検討しているかと思われます。
でも、テーマの変更って結構不安で勇気がいりますよね。。
この記事を読むと、こんな悩みが解決します
- 記事のレイアウト崩れの修正が大変そう
- アドセンス広告はちゃんと引き継がれるの??
- テーマのダウンロード~有効化までをわかりやすく教えて欲しい!
この記事では、SWELLテーマのダウンロード~有効化までを、実際の画面を見ながらわかりやすく解説していきます!
大まかな手順は以下の通りです。
STEP
SWELLの購入
STEP
SWELLERへの登録
STEP
SWELLのインストール(親テーマ、子テーマ、Cocoon移行用プラグイン)
STEP
テーマの有効化
STEP
作業完了
これを見ながら手順通りに進めていけば、誰でも簡単にSWELLへ移行が出来るようになっています!ほぼ全ての手順に実際の画面を表示しているので、あなたのPCと照らし合わせながら進めていきましょう!
目次
SWELLの購入
- SWELL公式ページへアクセスし、「Download」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/1Download-1-1024x368.jpg)
- 利用規約に同意し、「SWELLを購入する」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/2.利用規約に同意しダウンロードをクリック.jpg)
- 支払い情報を入力し、「支払う」をクリックして、購入完了!
![](https://maronblog-3104.com/wp-content/uploads/2021/03/3.支払者情報入力し支払う-1024x491.jpg)
![](https://maronblog-3104.com/wp-content/uploads/2021/03/4.購入完了ページへ移行-1024x524.jpg)
- 以上でSWELLの購入は完了です。続いて、SWELLERの登録へ移りましょう!
SWELLERの登録
SWELLを導入するにあたって、SWELLのユーザー登録を行う必要があります。
ここではその手順を説明します。
- SWELLの購入を完了すると、以下の様なメールが届くので、「購入者限定パスワード」をコピーしておく。
![](https://maronblog-3104.com/wp-content/uploads/2021/03/5.SWELL初期パスワードメール-1024x605.jpg)
- SWELLページから「フォーラム」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/5.フォーラムをクリック-1024x116.jpg)
- マイページから、「会員登録はこちら」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/6.マイページから会員登録はコチラ-1024x417.jpg)
- 先程コピーした「購入者限定パスワード」をペーストして、「送信」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/7.初期パスをにゅうりょくして送信-1024x437.jpg)
- ユーザー名を決定しメールアドレスを入力後、「登録」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/8.ユーザ名決定とアドレス入力-1024x465.jpg)
- 確認メールが届くので、以下のリンクへアクセスする
![](https://maronblog-3104.com/wp-content/uploads/2021/03/9.パスワード設定のメールが届く-1-1024x356.jpg)
- 任意の新しいパスワードを設定する
![](https://maronblog-3104.com/wp-content/uploads/2021/03/10.新しいパスワードを入力.jpg)
- 新しく設定したパスワードでログイン
![](https://maronblog-3104.com/wp-content/uploads/2021/03/11.ログイン画面に移行するので新たなパスワードを入力-2.jpg)
- 無事にログイン出来れば登録は完了!では、SWELLのインストールを始めましょう!
SWELLのダウンロード
SWELLをダウンロードする際は、以下の3つをインストールする必要があります。
- SWELL 親テーマ
- SWELL 子テーマ
- Cocoonn⇒SWELL移行用プラグイン
それでは手順を説明していきます
- マイページへアクセスし、下の方にある「SWELL製品ページへ」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/13.マイページ下の製品ダウンロード-1024x330.jpg)
- 以下の3つのファイルをダウンロードしましょう!Zipファイルは解凍しなくて大丈夫です!
![](https://maronblog-3104.com/wp-content/uploads/2021/03/14.3つのファイルをダウンロード-1024x458.jpg)
ではいよいよ、SWELLテーマの有効化に進みましょう!いくつか注意点があるので、この記事を見比べながら進めてくださいね!
SWELLテーマの有効化
SWELL親テーマ・子テーマのインストール
- WordPressのダッシュボードへアクセス
- 「外観」⇒「テーマ」から「新規追加」をクリック
- ファイルの選択をクリックし、「SWELL親テーマ」と「SWELL子テーマ」を選択し、今すぐインストールをクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/16.テーマのアップロードからファイルを選択-1024x292.jpg)
![](https://maronblog-3104.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-30-102843-1024x166.jpg)
- 正常にインストールが完了したらOKです
![](https://maronblog-3104.com/wp-content/uploads/2021/03/17.インストール完了.jpg)
ここではまだ、SWELLテーマの有効化は行わないでください!記事崩れの原因になります。
テーマの有効化は、CocoonからSWELL移行用プラグインを有効化してから行います。
Cocoon⇒SWELL移行用プラグインのインストール
- WpordPressダッシュボードへアクセス
- 「プラグイン」⇒「新規追加」から「プラグインのアップロード」をクリック
移行用プラグインのインストールを、SWELLテーマと同様に「外観」⇒「テーマ」からインストールしないでください。インストールエラーとなってしまいます。
![](https://maronblog-3104.com/wp-content/uploads/2021/03/18.5注意、cocon移行プラグインはテーマの新規追加ではない-2.jpg)
- 「ファイルの選択」から「今すぐインストール」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/19.ファイルの選択から今すぐインストール-1024x271.jpg)
![](https://maronblog-3104.com/wp-content/uploads/2021/03/スクリーンショット-2021-03-30-105048-1024x89.jpg)
- 正常にインストール出来たら、「プラグインを有効化」をクリック
![](https://maronblog-3104.com/wp-content/uploads/2021/03/20.インストール完了、プラグインの有効化.jpg)
- 最後に、「SWELL子テーマ」を有効化ましょう!
![](https://maronblog-3104.com/wp-content/uploads/2021/03/21.外観テーマからSWELL-Childを有効化-1024x626.jpg)
- 以上で作業は完了です!お疲れさまでした!
![](https://maronblog-3104.com/wp-content/uploads/2021/03/22.以上でカスタマイズは完了です-1024x393.jpg)