Cocoonが見つからない時の対処法｜ダウンロード・インストール・子テーマ有効化まで解説

CocoonがWordPress管理画面で見つからない理由

Cocoonは、WordPress管理画面の「外観」→「テーマ」→「新規追加」で検索しても、表示されないことがあります。

そのため、管理画面で「Cocoon」と検索して見つからなくても、操作を間違えているわけではありません。Cocoon公式サイトからテーマファイルをダウンロードし、WordPressへアップロードしてインストールする流れで進めます。

Cocoonを手動で入れる場合は、「親テーマ」と「子テーマ」の2つをダウンロードし、最終的に子テーマを有効化するのが基本です。

Cocoonをインストールする方法は大きく2通り

Cocoonを使う方法は、WordPressをこれから作る場合と、すでにWordPressを作成済みの場合で少し変わります。

これからWordPressを始める方は、サーバー契約と同時にWordPressを作成する方法も確認しておくとスムーズです。

Cocoonの親テーマと子テーマの違い

Cocoonを手動でインストールする時は、「親テーマ」と「子テーマ」の2つが出てきます。

親テーマは、Cocoon本体です。デザインや機能の土台になるテーマファイルで、Cocoonを使うために必ず必要です。

子テーマは、カスタマイズ用のテーマです。親テーマを土台にしながら、追加したCSSやテンプレートの変更を管理できます。

Cocoonをカスタマイズする可能性がある場合は、親テーマと子テーマの両方をインストールし、子テーマを有効化して使うのが安心です。

CocoonをWordPressにインストールする流れ

Cocoonの手動インストールは、公式サイトから親テーマと子テーマをダウンロードし、WordPress管理画面から順番にアップロードしていく流れです。

Cocoonを入れる前に確認しておくこと

すでに運用中のWordPressサイトでテーマを変更する場合は、デザインやウィジェット、メニューの表示が変わることがあります。

手順1. Cocoon公式サイトから親テーマをダウンロードする

まずはCocoon公式サイトのダウンロードページを開きます。

⇒Cocoonのダウンロードページ

ダウンロードページを開いたら、まずはCocoonの親テーマをダウンロードします。親テーマはCocoon本体です。

ダウンロードしたzipファイルは、解凍せずにそのまま残しておきます。WordPressへアップロードする時に、このzipファイルを選択します。

手順2. Cocoonの子テーマもダウンロードする

続いて、Cocoonの子テーマもダウンロードします。

親テーマと子テーマの2つのzipファイルをダウンロードできれば準備完了です。

• 親テーマ：Cocoon本体
• 子テーマ：カスタマイズ用テーマ

2つともzipファイルのまま、WordPress管理画面からアップロードします。

手順3. WordPressのテーマ追加画面を開く

次に、WordPress管理画面へログインします。

左メニューから「外観」→「テーマ」を開き、「新規追加」をクリックします。

テーマ追加画面を開いたら、「テーマのアップロード」をクリックします。

手順4. Cocoonの親テーマをアップロードする

「ファイルを選択」から、先ほどダウンロードしたCocoonの親テーマのzipファイルを選択します。

ファイルを選択したら、「今すぐインストール」をクリックします。

親テーマのインストールが完了したら、この時点では有効化せずに「テーマのページに戻る」を選びます。

ここで親テーマを有効化してしまっても大きな問題ではありませんが、カスタマイズする前提なら、最終的には子テーマを有効化します。

手順5. Cocoonの子テーマをアップロードして有効化する

親テーマをインストールできたら、同じ手順でCocoonの子テーマもアップロードします。

「テーマのアップロード」→「ファイルを選択」から、子テーマのzipファイルを選び、「今すぐインストール」をクリックします。

子テーマのインストールが完了したら、今度は子テーマを有効化します。

有効化するのは、親テーマではなく子テーマです。

管理画面上では「Cocoon Child」などの名前で表示されます。子テーマを有効化できれば、Cocoonの導入はほぼ完了です。

手順6. サイトの表示を確認する

子テーマを有効化したら、実際にサイトを開いて表示を確認します。

トップページ、投稿ページ、固定ページ、メニュー、サイドバー、スマホ表示などを確認しておきましょう。

新規サイトであれば大きな問題は起きにくいですが、すでに公開済みのサイトでテーマを変更した場合は、ウィジェットやメニュー、見出し、余白などが変わることがあります。

Cocoonインストール後にやること

Cocoonのインストールが終わったら、必要に応じて初期設定を進めます。

Cocoonの初期設定については、以下の記事も参考にしてください。

⇒Cocoonの初期設定についての記事はこちら

Cocoonをうまくインストールできない時の確認ポイント

Cocoonをアップロードできない、子テーマを有効化できない場合は、以下を確認してみてください。

特に多いのは、zipファイルを解凍してしまうケースです。WordPressのテーマアップロードでは、ダウンロードしたzipファイルをそのまま選択します。

また、子テーマは親テーマを土台にして動くため、親テーマが正しく入っていない状態では子テーマが使えません。先に親テーマ、次に子テーマの順番で進めましょう。

Cocoonのインストールでよくある質問

CocoonがWordPress管理画面のテーマ検索で見つかりません。

Cocoonは、管理画面のテーマ検索で見つからないことがあります。その場合は、Cocoon公式サイトから親テーマと子テーマをダウンロードし、WordPress管理画面の「テーマのアップロード」からインストールします。

親テーマと子テーマは両方必要ですか？

カスタマイズする可能性がある場合は、親テーマと子テーマの両方を入れて、子テーマを有効化するのがおすすめです。親テーマはCocoon本体、子テーマはカスタマイズ用のテーマです。

有効化するのは親テーマと子テーマのどちらですか？

通常は子テーマを有効化します。親テーマはインストールしておき、Cocoon Childなどの子テーマを有効化して運用します。

zipファイルは解凍してからアップロードしますか？

解凍せず、zipファイルのままアップロードします。解凍してしまった場合は、もう一度Cocoon公式サイトからzipファイルをダウンロードして進めると分かりやすいです。

すでにエックスサーバーでCocoonを選んでWordPressを作成した場合も、この手順は必要ですか？

WordPress作成時にCocoonと子テーマを選択済みで、すでにCocoon Childが有効化されている場合は、改めて手動インストールする必要はありません。管理画面の「外観」→「テーマ」で、現在有効なテーマを確認してください。

公開済みサイトでCocoonに変更しても大丈夫ですか？

テーマ変更自体はできますが、デザイン、メニュー、ウィジェット、余白、見出しなどの表示が変わる場合があります。公開済みサイトで変更する場合は、事前にバックアップを取り、変更後にPC・スマホ両方で表示確認を行いましょう。

まとめ：Cocoonは公式サイトから親テーマ・子テーマを入れて子テーマを有効化しましょう

CocoonがWordPress管理画面のテーマ検索で見つからない場合は、Cocoon公式サイトからテーマファイルをダウンロードして、WordPressへアップロードします。

手動でインストールする場合は、親テーマと子テーマの両方をダウンロードし、先に親テーマ、次に子テーマの順番でアップロードします。最後に有効化するのは子テーマです。

テーマのインストール自体は難しくありませんが、公開済みサイトでテーマを変更する場合は、デザインやメニューが変わることがあります。バックアップを取り、表示確認をしながら進めてください。