手順7：ConoHaWINGにSWELLをインストール│親・子テーマ設定

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

WordPressのテーマを初めて入れるときは、誰でも失敗しないか不安になるものです。ですがConoHaWINGのセットアップ機能を使えば、驚くほどスムーズに作業が進みます。

やたろう

ConoHaWING４年目の筆者が、画像を使ってわかりやすくご紹介します。

本記事を読めば、わずか5分でインストール完了です。

SWELL

¥17,600（税込）

マウス操作だけで「プロみたいな美しいサイト」に変身。「速くて・キレイで・読みやすい」ブログが完成します。「せっかく書いたのに読まれない…」を解決するテーマです。

SWELL公式サイトデモサイトを見る

【まずは結論】コノハウィングにSWELLをインストールする手順

SWELLの導入は、たった3つの工程を進めるだけで終わります。

専用の簡単インストール機能を活用すれば、WordPressを触り始めたばかりの人でも、操作に迷うことなく設定を完了できます。

STEP1：SWELLの親テーマと子テーマを準備する

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

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

SWELLをはじめる（公式）

SWELLを購入後「親、子テーマ」をダウンロードする手順は、以下記事を確認ください。

STEP2：簡単インストール

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

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

コノハウィング公式

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

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

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

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

テーマは選択しないでOKです。コノハウィングは、SWELLと提携してないので、Wordpress管理画面からSWELLをインストールする必要があります。

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

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

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

1. ワードプレスの管理画面URLです。コピーしておきます。
2. SSLは必ず有効にしてください。
3. 「コントロールパネルプラグイン」は、インストール不要です。
4. 「自動キャッシュクリアプラグイン」は、インストール不要です。

※③④のプラグインは必要に応じて対応ください。個人的には不要でした。

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

最後の手順として、SWELLをWordPressへインストールします。

簡単セットアップ設定の際にコピーした管理画面URLをブラウザに貼り付けると、ログイン画面が開きます。そこで事前に控えておいた③④ConoHaWINGのIDとパスワードを入力し、WordPressのダッシュボードへ進みましょう。

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

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

トップページを表示したのは、ConoHaWINGで行ったSSL設定が正しく反映されているか確かめるためです。画像にある「この接続は保護されています」という表示が出ていれば、暗号化は無事に完了しています。

ConoHaWINGのSSL設定に関する具体的な手順は、以下記事にまとめました。

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

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

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

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

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

親テーマを直接使っていると、テーマが更新された際に、それまで積み上げたカスタマイズが全て消えてしまうからです。

やたろう

更新後にWordPressの表示が崩れたり不具合が起きたりするのは、親テーマをそのまま利用している際によく起こる現象です。

家に例えるなら、親テーマは建物の骨組みにあたり、子テーマは内装や家具のような役割を担っています。

骨組みそのものを不用意にいじれば家全体が傾いてしまいますが、子テーマを介して運用していれば、土台が最新版にアップデートされても手塩にかけたデザインや設定が損なわれることはありません。

独自のレイアウトや細かな調整を加えたい時こそ、子テーマを主軸に据えて編集を進めるのが鉄則です。

親テーマと子テーマの導入が済んだら、改めてサイトのトップページを開いてみてください。

画面に「さぁ、始めよう。」という言葉が表示されていれば、SWELLが正しく反映されている状態です。

これで初期のインストール作業は一通り完了しました。次のステップでは、SWELLをより使いやすく整えるための推奨設定について見ていきましょう。