この記事には広告が含まれています。

Cocoon(コクーン)のインストール方法:初心者向け簡単ガイド

お勧めWordPress無料テーマ「Cocoon(コクーン)」のインストール方法

この記事では人気の無料テーマCocoon(コクーン)をインストールして使えるようにする方法を初心者向けに解説しています。

Cocoon(コクーン)をインストールする前の準備

この記事をご覧になっている方の多くはすでにWordPressを始めている方だと思うので問題ないと思いますが、Cocoon(コクーン)を含めたWordPressテーマを利用するにはレンタルサーバーとWordPressのインストールが必要になります。

「WordPressでブログを始めよう!」

と思ってまだ何も準備されていない方は、まずレンタルサーバーに契約してWordPressを始められるように準備しましょう。

WordPressでブログを始める方法を初心者向けに簡単解説していますので、そちらを参考にしてみてください。

関連記事

Cocoon(コクーン)のインストール方法

Cocoon(コクーン)を利用するまでの流れは次のようになります。

  • Cocoon(コクーン)の公式サイトでテーマをダウンロードする
  • ダウンロードしたテーマをWordPressにインストールする

とても簡単なので詳しく説明していきます。

STEP.1  公式サイトで親テーマをダウンロードする

まず、Cocoonの公式サイトにアクセスしてください。

※ インストール方法は公式ページからも確認できます。

Cocoon(コクーン)公式サイト

トップページの「ダウンロード」をクリックします。

Cocoon公式トップページ

まず、親テーマをダウンロードします。

Cocoon親テーマのダウンロード画面

ダウンロードした親テーマはPCのダウンロードフォルダーに保存されますので確認してみてください。

下のような圧縮フォルダが保存されると思いますが、解凍はしないでください。

ダウンロードしたCocoon親テーマ圧縮フォルダー

STEP.2  公式サイトで子テーマをダウンロードする

次に同じページにて子テーマをダウンロードします。

Cocoon子テーマのダウンロード画面

ダウンロードした子テーマはPCのダウンロードフォルダに保存されますので確認してみてください。

下のような圧縮フォルダが保存されると思いますが、解凍はしないでください。

ダウンロードしたCocoon子テーマ圧縮フォルダー

これでCocoon(コクーン)のダウンロードは完了しました。

次にダウンロードしたCocoon(コクーン)をWordPressにインストールします。

STEP.3  親テーマをインストールする

ワードプレスの「外観」→「テーマ」→「新規追加」をクリックします。

ワードプレスの「外観」→「テーマ」→「新規追加」をクリック

「テーマのアップロード」→「ファイルの選択」からダウンロードした親テーマを選択してインストールします。

「テーマのアップロード」から「ファイルの選択」から親テーマをインストールする

インストールの完了画面で表示されたら「テーマページへ移動」でテーマページに戻ります。

アップロード完了画面で「テーマページへ移動」をクリック

注意:親テーマは有効化しないでください。

STEP.4  子テーマをインストールし、有効化する

親テーマの手順と同様にダウンロードした子テーマをインストールします。

ダウンロード完了画面で「有効化」をクリックします。

アップロード完了画面で「有効化」をクリック

Cocoon(コクーン)は親テーマだけをインストールして有効化し、利用することもできます。

ですが、子テーマを利用することで、テーマがアップデートした際に自分がカスタマイズした箇所への上書きを防ぐことができるので子テーマを利用するのがお勧めです。

以上でCocoonのインストールは終了です。

無料テーマの中で非常に使いやすいCocoon(コクーン)ですが、有料テーマを選ぶとより機能性を充実させることができます。

例えば、このブログでは有料テーマのAFFINGER6(アフィンガー6)を利用しています。

機能性やカスタマイズ性能が高いだけでなく、初心者にとっても使いやすいです。

私は知識ゼロの状態でAFFINGER6(アフィンガー6)を利用してブログ作成を本当にスムーズに行うことができました。

AFFINGER6(アフィンガー6)について詳しく知りたい方はこちらの記事をご覧になってください。

関連記事

その他、有料テーマのSWELL(スウェル)も初心者が使いやすく人気の有料テーマです。

パパくま
パパくま

SWELL(スウェル)も現在進行形で利用しています。

AFFINGER6(アフィンガー6)とSWELL(スウェル)を実際に使ってみて、より初心者向けなのはSWELL(スウェル)の方かなと思います。

SWELL(スウェル)について詳しく知りたい方はこちらの記事をご覧になってください。

関連記事

このブログではCocoon(コクーン)の使い方などもまとめていますので、参考にしてみてください。

Cocoon:記事一覧

Cocoon(コクーン)の特徴を徹底解説!-初心者向け-

2024/9/28  

この記事では無料テーマ「Cocoon(コクーン)」の特徴について初心者向け解説しています。 また、別記事でCocoon(コクーン)の使い方やカスタマイズ方法についても解説していますので、参考にしてみて ...

     Cocoonの設定関係

    お勧めWordPress無料テーマ「Cocoon(コクーン)」のインストール方法
    Cocoon(コクーン)のインストール方法:初心者向け簡単ガイド

    2024/12/30    

    この記事では人気の無料テーマCocoon(コクーン)をインストールして使えるようにする方法を初心者向けに解説しています。 Cocoon(コクーン)をインストールする前の準備 この記事をご覧になっている ...

    Cocoon(コクーン):お勧めのプラグインとお勧めしないプラグイン
    Cocoon(コクーン):お勧めのプラグインとお勧めしないプラグイン

    2024/7/19    

    この記事がお勧めな方 Cocoon(コクーン)に最初に導入すべきプラグインを知りたい方 Cocoonと相性の悪いプラグインを知りたい方 Cocoonにお勧めのプラグイン Cocoon(コクーン)にお勧 ...

    Cocoon(コクーン):グーグルアナリティクスを導入する方法
    Cocoon(コクーン):グーグルアナリティクスを導入する方法

    2024/7/19    

    この記事ではWordPressテーマ「Cocoon(コクーン)」を利用している方向けにグーグルアナリティクスを導入する方法を解説しています。 グーグルアナリティクスを導入する手順 Googleアカウン ...

    Cocoon(コクーン)のステマ規制対策
    Cocoon(コクーン)のステマ規制対策

    2024/7/19    

    この記事ではCocoon(コクーン)のステマ規制対策について初心者向け解説しています。 ステマ規制とは2023年10月から開始された「ステルスマーケティング」に対する景品表示法による規制です。 この規 ...

       Cocoonの使い方

      Cocoonの使い方
      Coccon(コクーン)の使い方-初心者に解りやすく解説-

      2024/7/19    

      この記事では、Coccon(コクーン)の使い方について初心者向け解説しています。 見出しの作成方法 記事作成の基本である「見出し」の作成方法について解説しています。 基本的な記事作成機能 基本的な記事 ...

       Cocoonのデザインカスタマイズ

      Cocoonカスタマイズ
      Coccon(コクーン)のカスタマイズ方法-初心者に解りやすく解説-

      2024/7/19    

      この記事ではCoccon(コクーン)のカスタマイズ方法について初心者向け解説しています。 全体設定 メニューの作成方法 カテゴリーの作成と並び替えをする方法 ヘッダーカスタマイズ ヘッダーメニューの位 ...