Cocoonをインストールする4つの方法

インストール

Cocoonのインストールは、公式サイトからダウンロードしたテーマファイルをWordPressにインストールする方法が一般的です。

実は、レンタルサーバーのコントロールパネルでインストールする方法もあるんですよね。

還じい
還じい

レンタルサーバーだと、インストール画面でCocoonを選択するだけなので、簡単にCocoonがインストールできますよ。

2025/2/27現在、Cocoonがインストールできるレンタルサーバーは以下の通り。

  • エックスサーバー(シン・レンタルサーバー)
  • 「ConoHa WING」
  • ロリポップ!
  • お名前.com レンタルサーバー

【エックスサーバー】ブログの始め方(申し込み~ブログ開設まで)

【ConoHa WING】申し込み~ブログ開設まで

【初心者向け】ロリポップでのブログの始め方

還じい
還じい

シン・レンタルサーバーの運営会社は、エックスサーバーと同じなので、サーバーパネルなどの画面もほとんど同じですよ。

この記事では、Cocoonのインストールができる4つの方法について詳しく解説していきます。

該当するレンタルサーバーを利用している人は、レンタルサーバーからCocoonをインストールする方が圧倒的に簡単なのでぜひ参考にしてください!

Cocoonのテーマファイルをインストール

ダウンロードしたテーマファイル(親/子)をWordPressにアップロードしてインストールする方法です。

この手順では、テーマファイル(親/子)がダウンロード済みであることを前提に進めます。

CocoonをインストールするWordPressにログインします。

Cocoonのテーマファイルをインストール

管理メニューの「外観」→「テーマ」(①)をクリック。

Cocoonのテーマファイルをインストール

親テーマをインストール

まずは、親テーマをインストールします。

「新しいテーマを追加」→「テーマのアップロード」をクリック。

Cocoonの親テーマをインストール

「ファイルを選択」をクリック。

Cocoonの親テーマをインストール

ダウンロードしていた親テーマファイルを選択(①)し、「開く」(②)をクリック。
※親テーマファイルを先の画面の赤枠部分にドラッグ&ドロップでもOKです。

Cocoonの親テーマをインストール

「今すぐインストール」をクリック。

Cocoonの親テーマをインストール
Cocoonの親テーマをインストール

これで、親テーマがインストールできました。

子テーマをインストール

子テーマも同様にインストールします。

「ファイルを選択」をクリック。

Cocoonの子テーマをインストール

子テーマファイルを選択(①)し、「開く」(②)をクリック。
※子テーマファイルを先の画面の赤枠部分にドラッグ&ドロップでもOK。

Cocoonの子テーマをインストール

「今すぐインストール」をクリック。

Cocoonの子テーマをインストール

これで、子テーマもインストールできたので、「有効化」をクリック。

Cocoonの子テーマをインストール
Cocoonの子テーマをインストール

これで、子テーマが有効化されます。

次は、「Cocoonを最新版にバージョンアップ」に進んでください。

エックスサーバーでCocoonをインストール

レンタルサーバーのエックスサーバー(シン・レンタルサーバー)のサーバーパネルを使って、Cocoonをインストールする方法です。

エックスサーバーの場合は、Cocoonのインストール方法が2つあるので、状況に合わせた手順に進んで下さい。

WordPressと一緒にCocoonをインストール

サイトを開設する時にWordPressをインストールしますが、その時にCocoonもインストールする方法です。

エックスサーバーまたは、シン・レンタルサーバーのサーバーパネルにログインします。

  • エックスサーバーのサーバーパネル
  • シン・レンタルサーバーのサーバーパネル

メニュの「ホームページ」(①)→「WordPress簡単インストール」(②)とクリックしたら、インストールするドメインを選択し(③)、「+WordPressを追加」(④)をクリック。

エックスサーバーでWordPressと一緒にCocoonをインストール

インストールするドメインを選択することで、他のドメインが表示されなくなるため、間違ったインストールを防ぐことができます。

還じい
還じい

ドメインが2つ以上になったら選択するようにしましょう!

「WordPress追加画面」1/3
正しくドメインを選択していれば、変更する項目はありません。

エックスサーバーでWordPressと一緒にCocoonをインストール

「WordPress追加画面」2/3
ブログ名~メールアドレスを入力します。

エックスサーバーでWordPressと一緒にCocoonをインストール

「WordPress追加画面」3/3
テーマはCocoonを選択し、「子テーマをインストール」にチェックをつけたまま、「インストールする」をクリック。

エックスサーバーでWordPressと一緒にCocoonをインストール
エックスサーバーでWordPressと一緒にCocoonをインストール

これで、WordPressとCocoonがインストールされます。

インストール済みWordPressにCocoonをインストール

インストール済みのWordPressに、Cocoonをインストールする方法です。

エックスサーバーまたは、シン・レンタルサーバーのサーバーパネルにログインします。

  • エックスサーバーのサーバーパネル
  • シン・レンタルサーバーのサーバーパネル

メニュの「ホームページ」(①)→「WordPressテーマ管理」(②)とクリックしたら、インストールするドメインを選択し(③)、「テーマインストール」(④)をクリック。

エックスサーバーでインストール済みWordPressにCocoonをインストール

テーマはCocoonを選択し、「子テーマをインストール」にチェックをつけたまま、「インストールする」をクリック。

エックスサーバーでインストール済みWordPressにCocoonをインストール
エックスサーバーでインストール済みWordPressにCocoonをインストール

これで、インストール済みのWordPressに、Cocoonがインストールされます。

「ConoHa WING」でCocoonをインストール

レンタルサーバーの「ConoHa WING」のコントロールパネルを使って、Cocoonをインストールする方法です。

「ConoHa WING」の場合は、Cocoonのインストール方法が2つあるので、状況に合わせた手順に進んで下さい。

WordPressと一緒にCocoonをインストール

サイトを開設する時にWordPressをインストールしますが、その時にCocoonもインストールする方法です。

「ConoHa WING」のコントロールパネルにログインします。

ログイン|レンタルサーバーならConoHa

Cocoonをインストールするドメインを選択(①)し、「サイト管理」(②)をクリック。

「ConoHa WING」でWordPressと一緒にCocoonをインストール

「+WordPress」をクリック。

「ConoHa WING」でWordPressと一緒にCocoonをインストール

以下①~⑤を入力/選択し、「保存」(⑥)をクリック。

  • 「新規インストール」
  • 「WWWなし」
  • WordPressの情報(サイト名~パスワード)
  • データベースへの接続パスワード
  • 「Cocoon」
「ConoHa WING」でWordPressと一緒にCocoonをインストール

WordPressとCocoonのインストールが完了すると以下の画面になりますが、「SSL有効化」ボタンがグレーから青になるまで、しばらく待ちます。

「ConoHa WING」でWordPressと一緒にCocoonをインストール

メニューの「サイトセキュリティ」をクリックし、「無料独自SSL」にある「利用設定」の「ON」をクリックする。

これで、しばらくすると前の画面で「SSL有効化」のボタンが青くなるはずです。

これで、WordPressとCocoonがインストールされます。

次は、「Cocoonを有効にする」に進みます。

インストール済みWordPressにCocoonをインストール

インストール済みのWordPressに、Cocoonをインストールする方法です。

「ConoHa WING」のコントロールパネルにログインします。

ログイン|レンタルサーバーならConoHa

Cocoonをインストールするドメインを選択(①)し、「サイト管理」(②)をクリック。

「ConoHa WING」でインストール済みWordPressにCocoonをインストール

CocoonをインストールするWordPressを選択し、「Cocoon」が選択されてていることを確認し「インストール」をクリック。

「ConoHa WING」でインストール済みWordPressにCocoonをインストール

「はい」をクリック。

「ConoHa WING」でインストール済みWordPressにCocoonをインストール

これで、インストール済みのWordPress(Webサイト)に、Cocoonがインストールされます。

次は、「Cocoonを有効にする」に進みます。

Cocoonを有効にする

「ConoHa WING」の場合は、Cocoonをインストールしても自動で有効化されないので、有効化します。

WordPressの画面で「管理画面URL」のリンクをクリック。

Cocoonを有効にする

WordPressのログイン画面が表示されるので、ログインします。

Cocoonを有効にする

管理メニューの「外観」→「テーマ」をクリック。

Cocoonを有効にする

Cocoonの子テーマ(Cocoon Child)にマウスを乗せて表示される「有効化」をクリック。

Cocoonを有効にする

これで、Cocoonの子テーマが有効化されます。

次は、「Cocoonを最新版にバージョンアップ」に進んでください。

ロリポップでCocoonをインストール

レンタルサーバーのロリポップ!のユーザー専用ページを使って、Cocoonをインストールする方法です。

ロリポップ!の場合は、「WordPressと一緒にCocoonのインストールする」方法のみ対応しています。

WordPressと一緒にCocoonをインストール

サイトを開設する時にWordPressをインストールしますが、その時にCocoonもインストールする方法です。

ロリポップ!のユーザー専用ページにログインします。

ロリポップ!ユーザー専用ページ

メニュの「サイト作成ツール」(①)→「WordPress簡単インストール」(②)とクリック。

ロリポップ!でWordPressと一緒にCocoonをインストール

「WordPress簡単インストール」画面 1/3
「ドメイン」(①)を入力し、サブディレクトリにインストールする場合はサブディレクトリ名(②)を入力。
利用データベースでは、「新規自動作成」(③)を選択。

ロリポップ!でWordPressと一緒にCocoonをインストール

「WordPress簡単インストール」画面 2/3
④~⑧はWordPressの開設情報を入力。

ロリポップ!でWordPressと一緒にCocoonをインストール

「WordPress簡単インストール」画面 3/3
テーマは「Cocoon](⑨)を選択して、「入力内容確認」をクリック。

ロリポップ!でWordPressと一緒にCocoonをインストール

入力した内容が表示されるので、内容を確認したら「承諾する」にチェックをつけて、「インストール」をクリック。

ロリポップ!でWordPressと一緒にCocoonをインストール
ロリポップ!でWordPressと一緒にCocoonをインストール

これで、WordPressとCocoonが一緒にインストールされます。

続いて、上の画像の「管理者ページURL」をクリックし、WordPressログイン画面にログインします。

ロリポップ!でWordPressと一緒にCocoonをインストール

そのまま、「Cocoonを最新版にバージョンアップ」に進んでください。

Cocoonを最新版にバージョンアップ

Cocoonをインストールしたら、最新版にバージョンアップします。

WordPressの管理メニューで「ダッシュボード」→「更新」とクリック。

Cocoonを最新版にバージョンアップ

以下の画像のように更新対象としてCocoonが表示されていたら、最新版にバージョンアップします。
※Cocoonが表示されていない場合は、すでに最新版になっています。

Cocoonにチェックをつけて(①)→「テーマを更新」(②)をクリック。

Cocoonを最新版にバージョンアップ
Cocoonを最新版にバージョンアップ

更新が完了したら最新版へのバージョンアップが完了です。

まとめ

Cocoonのインストールは、公式サイトからテーマファイルをダウンロードして、WordPressにインストールというのが通常の手順です。

還じい
還じい

でも、この手順だと慣れていてもそれなりに面倒なんですよね。

その点、レンタルサーバーの場合は、テーマファイルを使わずに簡単にCocoonをインストールすることができます。

以下のレンタルサーバーでは、コントロールパネルからCocoonをインストールできるので、該当のレンタルサーバーを利用している場合は、レンタルサーバーからのインストールがおすすめです。

  • エックスサーバー(シン・レンタルサーバー)
  • 「ConoHa WING」
  • ロリポップ!
  • お名前.com レンタルサーバー

コメント

タイトルとURLをコピーしました