この記事は「開設手順6」の続きです。
初めて行うWordpressテーマのインストール作業。間違えずにSWELLをインストールできるか不安ですよね。
しかし、心配無用です。
なぜなら、コノハウィングには簡単セットアップ機能があるからです。
そこでこの記事は、WordpressにSWELLをセットする手順をご紹介します。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
ConoHaWING(コノハウィング)歴3年目の筆者が、画像を使ってわかりやすくお伝えします。
この記事を読んでいただくことで、コノハウィングにSWELLを5分でインストールできます。
この記事を書いている人
![筆者のプロフィール画像](https://www.blog-start.org/wp-content/uploads/2023/11/myprofile-image.png)
![筆者のプロフィール画像](https://www.blog-start.org/wp-content/uploads/2023/11/myprofile-image.png)
- ConoHaWINGユーザー4年目
- SWELLユーザー3年目
- SEO検定一級合格
- 月収6ケタ(プラチナランク)
- 某ASPの社員
![A8プラチナ会員](https://www.blog-start.org/wp-content/uploads/2023/10/platinum-1.jpg)
![A8プラチナ会員](https://www.blog-start.org/wp-content/uploads/2023/10/platinum-1.jpg)
スクロール&拡大できます
![SEO検定1級](https://www.seo-study.jp/wp-content/uploads/2023/01/SEO-Level1.jpg)
![SEO検定1級](https://www.seo-study.jp/wp-content/uploads/2023/01/SEO-Level1.jpg)
![登場人物](https://www.blog-start.org/wp-content/uploads/2023/12/character-main.png)
![登場人物](https://www.blog-start.org/wp-content/uploads/2023/12/character-main.png)
【まずは結論】コノハウィングにSWELLをインストールする手順
![SWELLをワードプレスに乗っける](https://www.blog-start.org/wp-content/uploads/2023/03/conoha-swell-install-1024x853.jpg)
![SWELLをワードプレスに乗っける](https://www.blog-start.org/wp-content/uploads/2023/03/conoha-swell-install-1024x853.jpg)
コノハウィングにSWELLをインストールする手順は、3ステップで完了します。
コノハウィングの「簡単インストール機能」を使うため、ブログ初心者でも簡単に設定できます。
![親テーマ 子テーマ](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-00-min.jpg)
![親テーマ 子テーマ](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-00-min.jpg)
STEP1:親テーマと子テーマ(SWELL)を用意する
まず、手順6でダウンロードした「swell_child(子テーマ)」「swell-2-5-11(親テーマ)」をデスクトップに用意します。
まだ、SWELLを購入していない方はこちら。
SWELLを購入後「親、子テーマ」をダウンロードする手順は、以下記事を確認ください。
STEP2:簡単インストール
次に、コノハウィングの「簡単インストール」を使って、SWELLをインストールします。
コノハウィングの管理画面にログインします。
コノハウィング公式![コノハウィング サイト設定](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-01-min-1024x352.jpg)
![コノハウィング サイト設定](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-01-min-1024x352.jpg)
画像を参考に、①~④を、順番にクリックします。
- 「サイト管理」をクリック
- 「サイト設定」をクリック
- 「Wordpress」をクリック
- 「Wordpress」ボタンをクリック
④をクリックすると、「簡単インストール」画面が移ります。
![コノハウィングの簡単インストール](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-02-min.jpg)
![コノハウィングの簡単インストール](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-02-min.jpg)
上記画像は、簡単インストールの画面です。①~⑤を任意で入力します。
③ユーザー名④パスワードは、ワードプレス管理画面のログインで使用します。必ずメモしておきましょう。メモしたら保存をクリック。
![簡単セットアップ完了画面](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-03-min.jpg)
![簡単セットアップ完了画面](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-03-min.jpg)
上記画像が表示されたら、簡単セットアップは完了しています。
続いて、画像内の①~④を設定。
- ワードプレスの管理画面URLです。コピーしておきます。
- SSLは必ず有効にしてください。
- 「コントロールパネルプラグイン」は、インストール不要です。
- 「自動キャッシュクリアプラグイン」は、インストール不要です。
※③④のプラグインは必要に応じて対応ください。個人的には不要でした。
STEP3: 親テーマ、子テーマをインストール
![ワードプレスログイン](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-04-min.jpg)
![ワードプレスログイン](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-04-min.jpg)
最後に、SWELLをワードプレスにインストールします。
「簡単セットアップの設定」でコピーした「管理画面URL」を、ブラウザのアドレスバーにペースト。
すると、ワードプレスのログイン画面が表示されます。「簡単セットアップの設定」でコピーした「③④コノハウィングのIDとパスワード」を入力。
ワードプレス管理画面内にログインします。
![ワードプレス管理画面トップ](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-05-min-1024x614.jpg)
![ワードプレス管理画面トップ](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-05-min-1024x614.jpg)
画像①「サイト名」をクリックします。
すると、サイトのトップページが表示されます。
![まだSWELLインストールされていない](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-06-min-1024x554.jpg)
![まだSWELLインストールされていない](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-06-min-1024x554.jpg)
トップページを表示した理由は、コノハウィングで設定したSSLが反映されているか確認するためです。
画像赤枠「この接続は保護されてます」になっていれば、SSLが反映されています。
コノハウィングSSL設定については、以下記事をご参考ください。
![Wordpress管理画面](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-07-min-1024x483.jpg)
![Wordpress管理画面](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-07-min-1024x483.jpg)
SSLが反映されていたら、ワードプレス管理画面に戻り、SWELLをインストールします。画像①「外観」をクリック。画像②「+マーク」をクリックします。
![](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-08-min.jpg)
![](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-08-min.jpg)
デスクトップに用意した、①「親テーマ」②「子テーマ」をアップロードします。
![](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-10-min-1024x309.jpg)
![](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-10-min-1024x309.jpg)
- 画像①「外観」をクリック。
- 画像②「テーマのアップロード」
- 画像③「ファイルを選択」から「親テーマ」をインストールします。
- 画像④「今すぐインストール」をクリック。
![今すぐインストール](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-11-min.jpg)
![今すぐインストール](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-11-min.jpg)
「子テーマ」も「親テーマ」同様にインストールします。(①~④を繰り返します)
![](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-12-min-1024x322.jpg)
![](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-12-min-1024x322.jpg)
親テーマと子テーマをインストールできたら、子テーマ(SWELL CHILD)だけを有効化します。親テーマは、有効にしないでください。
なぜなら、テーマのアップデートがあったときに、カスタマイズした内容がすべて消えてしまうからです。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-worry-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-worry-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-worry-150x150.jpg)
アップデートしたら、ワードプレスがバグってしまった経験、ありませんか?これは、親テーマを利用していると起きる現象です。
親テーマは、家で例えると柱(サイト)、子テーマは家具(記事)です。柱が崩れたら家(サイト)が崩れてしまいます。
一方、子テーマを更新することで、家具(記事)の更新しかされません。親テーマが更新されても影響を受けません。カスタマイズした状態を保ったまま、親テーマを最新バージョンに更新できます。
レイアウトやデザインをいじりたい人は、子テーマをメインにして、編集しましょう。
![SWELL:さあ、始めよう](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-13-min-1024x501.jpg)
![SWELL:さあ、始めよう](https://www.blog-start.org/wp-content/uploads/2021/11/f-Swell-13-min-1024x501.jpg)
親、子テーマをインストールしたら、再びサイトのトップページを表示します。
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
![](https://www.blog-start.org/wp-content/uploads/2022/06/writer-good-min-150x150.jpg)
「さぁ、始めよう。」と表示されていればOK。SWELLがインストールされている証拠です。
お疲れ様でした。
手順8では、SWELLのオススメ設定をご紹介します。
\前回・次回の記事はこちら/