【手順7】SWELLをWordPressにインストールする手順～親・子テーマ設定

この記事は「開設手順6」の続きです。

初めて行うWordpressテーマのインストール作業。間違えずにSWELLをインストールできるか不安ですよね。

しかし、心配無用です。

なぜなら、コノハウィングには簡単セットアップ機能があるからです。

そこでこの記事は、WordpressにSWELLをセットする手順をお伝えします。

この記事を読むことで、5分でSWELLをインストールできます。

コノハウィングにSWELLをインストールする手順

コノハウィングにSWELLをインストールする手順は、3ステップで完了します。

コノハウィングの「簡単インストール機能」を使うので、ブログ初心者でもラクに設定できます。

STEP1：親テーマと子テーマ（SWELL）を用意する

まず、手順6でダウンロードした「swell_child（子テーマ）」「swell-2-5-11（親テーマ）」をデスクトップに用意します。

まだ、SWELLを購入していない方はこちら。

SWELL管理画面から「親、子テーマ」をダウンロードする手順は、こちらの記事を確認ください。

STEP2：簡単インストール

コノハウィングの「簡単インストール」を使って、SWELLをインストールします。

コノハウィングの管理画面にログインします。

コノハウィング公式

画像を参考に、①～④を、順番にクリックします。

1. 「サイト管理」をクリック
2. 「サイト設定」をクリック
3. 「Wordpress」をクリック
4. 「Wordpress」ボタンをクリック

④をクリックすると、「簡単インストール」画面が移ります。

上記画像は、簡単インストールの画面です。①～⑤を任意で入力します。

テーマは選択しないでOKです。なぜなら、コノハウィングは、SWELLと提携してないからです。Wordpress管理画面から別途SWELLをインストールします。

③ユーザー名④パスワードは、ワードプレス管理画面のログインで使用します。必ずメモしておきましょう。

メモをしたら保存をクリック。

上記画像が表示されたら、簡単セットアップは完了しています。

続いて、画像内の①～④を設定。

1. ワードプレスの管理画面URLをコピーしておきます。
2. SSLを有効にします。
3. コノハウィングとSWELLを連携させるプラグイン。インストールをオススメします。
4. コノハウィングの自動キャッシュプラグイン。コノハウィングとSWELLのキャッシュは別なので、インストールをオススメ。

ここまで終わったらあと少しです。STEP3にて、SWELLテーマを、ワードプレスにインストールします。

STEP3： 親テーマ、子テーマをインストール

最後に、SWELLをワードプレスにインストールします。

「簡単セットアップの設定」でコピーした「管理画面URL」を、ブラウザのアドレスバーにペースト。

簡単セットアップにて作成されたワードプレスのログイン画面が表示されます。

「簡単セットアップの設定」でコピーした「③④コノハウィングのIDとパスワード」を入力。ワードプレス管理画面にログイン。

画像①「サイト名」をクリックします。

すると、サイトのトップページが表示されます。

トップページを表示した理由は、コノハウィングで設定したSSLが反映されているか確認するためです。

画像赤枠「この接続は保護されてます」になっていれば、SSLが反映されています。

コノハウィングSSL設定については、以下記事をご参考ください。

SSLが反映されていたら、ワードプレス管理画面に戻り、SWELLをインストールします。画像①「外観」をクリック。画像②「＋マーク」をクリックします。

デスクトップに用意した、①「親テーマ」②「子テーマ」をアップロードします。

1. 画像①「外観」をクリック。
2. 画像②「テーマのアップロード」
3. 画像③「ファイルを選択」から「親テーマ」をインストールします。
4. 画像④「今すぐインストール」をクリック。

「子テーマ」も「親テーマ」同様にインストールします。（①～④を繰り返します）

親テーマと子テーマをインストールできたら、子テーマ（SWELL CHILD）だけを有効化します。親テーマは、有効にしないでください。

なぜなら、テーマのアップデートがあったときに、カスタマイズした内容がすべて消えてしまうからです。

親テーマは、家で例えると柱（サイト）、子テーマは家具（記事）です。柱が崩れたら家（サイト）が崩れてしまいます。

一方、子テーマを更新することで、家具（記事）の更新しかされません。親テーマが更新されても影響を受けません。カスタマイズした状態を保ったまま、親テーマを最新バージョンに更新できます。

レイアウトやデザインをいじりたい人は、子テーマをメインにして、編集しましょう。

親、子テーマをインストールしたら、再びサイトのトップページを表示します。

お疲れ様でした。手順8では、SWELLのオススメ設定をお伝えします。