現在「イノセンス」スキンを適用中です。

Cocoonテーマをインストールする方法

テーマ全般
この記事は約1分で読めます。

CocoonテーマをWordPressにインストールする方法です。

Cocoonでは、親テーマと子テーマ双方インストールすることをおすすめしています。

スポンサーリンク

推奨インストール環境

Cocoon推奨のPHPバージョンは、7以上です。

PHP5.4とか古いPHPバージョンで利用すると、新しい関数を利用できずエラーが出る可能性があるので必ずサーバーのPHPバージョンをご確認ください。

PHPバージョンの変更方法は、以下のように検索すると出てくると思います。

サーバー名 PHP バージョン変更
検索
スポンサーリンク

テーマのインストール

まずはCocoonのダウンロードページに移動してください。

テーマのダウンロード
Wordpressテーマ「Cocoon」の親テーマと子テーマのダウンロードページです。

「Cocoon親テーマ」と「Cocoon子テーマ」を両方ともダウンロードしてください。

Cocoonから親テーマと子テーマをダウンロード

子テーマは必須ではありませんが、双方ダウンロードしてインストールすることを強くおすすめします。

Cocoon親テーマ・子テーマダウンロードファイル

親テーマのみインストールした場合は、テーマのアップデート時にCSSやテンプレートカスタマイズがリセットされてしまいます。子テーマをインストールすることで、テーマカスタマイズを保持したままアップデートができます。CSSやテンプレートをカスタマイズしない場合でも、子テーマを利用することをおすすめします。

次にWordpress管理画面メニューから「テーマ」を選択します。

「外観→テーマ」メニューを選択

「新規追加」ボタンを押します。

Wordpressテーマの新規追加ボタンを押す

「テーマのアップロード」ボタンを押します。

Wordpressテーマをアップロードボタン

「参照」ボタンから親テーマ「cocoon-master.zip」を選択して「今すぐインストール」ボタンを押してください。

Cocoon親テーマをアップロードしてインストール

親テーマをインストールしたら、テーマページに戻ります。

テーマページに戻り子テーマをインストール

そしてまたテーマのアップロードページを開いて今度は子テーマ「cocoon-child-master.zip」をインストールします。

Cocoon子テーマをアップロードしてインストール

子テーマのインストールを終えたら「有効化」リンクをクリックしてください。

子テーマをインストールしたら有効化リンクをクリック

有効化後、以下のように「Cocoon Child」が有効化されていればOKです。

テーマ画面で子テーマが有効になっている

これで、Cocoonの親テーマ、子テーマのインストールが完了しました。

スポンサーリンク

子テーマを使おう

大事なことなので、もう一度書きますが、Cocoonテーマは「親テーマ」「子テーマ」双方をインストールして、「子テーマ」を有効化して利用することを推奨します。

後から、テーマをカスタマイズしたくなった時に必ず活きてきます。

これをやっておくとやっておかないとでは、後からの手間のかかり具合が全然違います。

わいひら
わいひら

多少面倒でも最初にやっておきましょう。

テーマ全般サイト作成準備
スポンサーリンク
わいひら

無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

わいひらをフォローする
わいひらをフォローする
おすすめサーバー(コスパ重視ランキング)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年9ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2021/6/30まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:2年7ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:5年

Cocoon

コメント テーマの質問はフォーラムへ

  1. あき より:

    わいひら様こんにちは。初歩的な質問なんですが、コクーンの親テーマをインストールできません。なぜかフォルダは存在していますとうい表記が出てしまいます。解決策はないのでしょうか?

  2. いんな〜ぼいす♪ より:

    はじめまして。ダウンロードさせて頂きまして活用させて頂くことにしました。専門知識はありませんが、1年チョッと前からWordPressを使っていますが、これだ!というテーマがありませんでした。神のようなテーマなのに無料で使わせて頂き、本当に感謝致します。細かい設定は今からなのですが、知識がなくても直感的にできそうです。簡単ですが、御礼まで。ありがとうございます。

    • わいひらわいひら より:

      はじめまして。
      「なるべく直感的に設定できるように」と作ったつもりだったので、そう言っていただけるのはかなり嬉しいです!
      ありがとうございます。

  3. あざらし より:

    わいひら様はじめまして。ブログ超初心者でパソコンのことも詳しくないのですがcocoonを使用させていただいております。いつもありがとうございます。
    久しぶりに新規投稿をしようと開きましたら、新規投稿ページの様子が変わってしまっておりました。前は見出しを追加するボタンやマーカーのボタンなどたくさんあったのになくなってしまったんです、、、
    戻す方法はありますでしょうか?年の瀬にすみません。ご回答いただけると嬉しいです。

    • わいひらわいひら より:

      WordPress5.0の公開により、エディターの仕様が変わりました。
      元に戻すには、以下の方法を行う必要があります。
      https://wp-cocoon.com/gutenberg-off/

      • あざらし より:

        わいひら様
        お忙しい中、ご回答いただきありがとうございます!!
        直すことができました!!何か設定をいじってしまったのかと思っていたのですが仕様が変わったのですね。。大変助かりました。
        本当にありがとうございました!

  4. ジェイ より:

    わいひら様

    コメント失礼します。
    ブログを始める超初心者です。
    親テーマと子テーマをそれぞれダウンロードしたのですが、Zip形式ではないためワードプレスにインストールできない状態です。何とか解決策はないでしょうか。

    • わいひらわいひら より:

      zip形式でないとしたら、どういった形式だったでしょうか?
      とりあえず、以下のトピックにあるGitHubへのリンクからダウンロードすると、インストールできますか。

      親テーマがダウンロードできません。 | 不具合報告 | Cocoon フォーラム

    • わさび より:

      ジェイさん、わいひらさん初めまして
      私もCocconを使って見たくてインストールしているところです。
      ジェイさん同様に私もダウンロードしたファイルがZip形式ではなく、なぜかフォルダになっていました(勝手に解凍された???)。

      環境:Mac book air、macOS Mojave 10.14.2、Safariからダウンロード

      私の場合、ダウンロードフォルダにできていた「cocoon-master」フォルダを右クリックして、「cocoon-masterを圧縮」を選ぶと、「「cocoon-master.zip」が出来上がりました。
      これを使えば無事インストールできましたよ♩

  5. ジェイ より:

    わいひらさま、わさびさま

    コメントありがとうございます。
    私も同じくMacだったので、出来ませんでした。
    右クリック→圧縮でできました!
    ありがとうございました!

  6. 絵音 より:

    わいひら様、コメント失礼します。
    上の方同様にブログ初心者です。
    cocoonの親テーマと子テーマをダウンロードをして子テーマを有効化しました。
    ですが、さっきまで開けたサイトが開けなくなりました。
    原因がわかりません、解決策はないでしょうか?

    • わいひらわいひら より:

      PHPのバージョンは7以上になっていますか?

      「サイトが開けない」といっても、いろいろな症状があります。詳しい情報がないので確かな方法はわからないのですが、PHPバージョンの変更でも改善されない場合は、症状に合わせて以下に書かれている内容を試してみてください。
      よくある質問と答え(FAQ) | Cocoon

      • 絵音 より:

        返信ありがとうございます。
        現在のバージョンがPHP7.2.6みたいです。
        サイトには記事が反映されるのですが、そのサイトが開けません。
        サイトを開こうとしても何も開けません。開いてもホームに戻ってしまいます。

        • わいひらわいひら より:

          サイトには記事が反映されるのですが、そのサイトが開けません。

          申しわけないのですが、上記の意味がちょっとわからないです。

          できれば案内にもあるようにトピックを立てて詳しく書き込んでいただいてよろしいでしょうか。
          というのも、コメントだと機能が貧弱なので、キャプチャ画像とかが貼り付けられないからです。
          言葉での説明が難しいようであれば、キャプチャ画像を貼り付けていただければ、ある程度問題点を推測できると思うので。

          加えて、以下の環境情報も添えていただけると助かります。
          https://wp-cocoon.com/theme-report/

  7. ゆき より:

    超初心者で恐縮です。
    親テーマ、子テーマのダウンロードまで完了しました。
    管理画面からテーマまで行きましたが、新規追加のボタンがなく、テーマのアップロードができません。
    どうしたらよいか教えてください。

    • わいひらわいひら より:

      コメントの案内にもあるように、よろしければ、フォーラムの方に、新規追加ボタンがない状態の画面のキャプチャとともに書き込んでいただいてよろしいでしょうか。
      https://wp-cocoon.com/community/cocoon-theme/
      コメントだと、画像のアップロード機能がないので、ちょっと状態が把握しづらくて。

  8. amekai より:

    親テーマと子テーマの違いを教えていただけませんか?初心者なんですが、説明には子テーマの方がいいと書いてありましたが違いを詳しく教えていただけないでしょうか?

  9. WAA より:

    全くの初心者で恐縮ですがこのページ通りに有効化まで行いましたら以下のようなエラーが表示されました。

    Warning: require_once(/home/qqqqqqq/fxtradeinvestor.com/public_html/wp-content/themes/cocoon-master/blocks/plugin.php): failed to open stream: No such file or directory in /home/qqqqqqq/fxtradeinvestor.com/public_html/wp-content/themes/cocoon-master/lib/_imports.php on line 121

    Fatal error: require_once(): Failed opening required ‘/home/qqqqqqq/fxtradeinvestor.com/public_html/wp-content/themes/cocoon-master/blocks/plugin.php’ (include_path=’.’) in /home/qqqqqqq/fxtradeinvestor.com/public_html/wp-content/themes/cocoon-master/lib/_imports.php on line 121

    何もできなくなってしまったのですがこれは、何か問題なのでしょうか?

    ワードプレスを初期化するしかない感じでしょうか?

    初めての作業なので初歩的なことでしたら申し訳ありません。

  10. 福田 より:

    はじめまして。cocoonを利用させていただきたく、インストールを試みているのですが、下記のようなメッセージが出てしまい、何度トライしてもダメです。
    https://gyazo.com/da0822793bea8d89854f4dcf1e42c91f

    解決策をご教示いただけないでしょうか。

  11. ゆう より:

    初めまして。
    Conoha Wing にデフォルトで親テーマがインストールされていましたので、
    子テーマのみインストールしようとしましたが、

    「親テーマが見つかりません。「cocoon-master」の親テーマをインストールしてください。」

    とメッセージが出てしまいました。
    親テーマも再度インストールする必要がございますでしょうか。

    • ゆう より:

      すみません。自己解決しました。
      Cocoonの更新をしたら、Cocoon Child がテーマに出てくるように
      なりました。
      大変失礼いたしました。

  12. ブログ初心者ですが、無料のテーマでオススメされてたのでダウンロードさせていただきました。
    大変綺麗でびっくりしました。ありがとうございます。
    世の中に貢献できるものを発信してまいります。

  13. あきら より:

    はじめまして

    cocoon小を有効化した時だけ「投稿」の「記事一覧」のタイトルとタイトル名が縦書きになります。他のテーマを有効化すると、横書きに戻ります。再びcocoon小を有効化すると、タイトルとタイトル名が縦になります。「固定記事」の「記事一覧」のタイトルとタイトル名は横書きのままです。

    縦長になって非常に不便です。
    横書きにするにはどうしたら良いですか。

    • わいひらわいひら より:

      大変申し訳ないですがコメントの案内にありますようにテーマへの質問は、お手数ですがフォーラムの方に書き込んでいただけると助かります。

      こちらから、「トピックを追加」ボタンを押してコピペで同様のことを書き込んでいただければ幸いです。

      ※フォーラムの書き込みは登録不要です。

      コメント機能だと機能が貧弱で、画像アップロード機能などがなく、対応(案内)が大変なのでご協力よろしくお願いいたします。

  14. みん より:

    すみません、初心者で色々と分からない部分が多いのでこちらで質問をさせていただきます。
    ヘッダーロゴを使用せずに、ヘッダー背景画像をパソコンとモバイルを別々の画像に設定する事は可能でしょうか?
    また、ヘッダー背景画像をクリックしますとトップページに飛ぶように設定する方法はありますでしょうか?

    ご教授していただければ幸いです。

    宜しくお願い致します。

    • わいひらわいひら より:

      大変申し訳ないですがコメントの案内にありますようにテーマへの質問は、お手数ですがフォーラムの方に書き込んでいただけると助かります。

      こちらから、「トピックを追加」ボタンを押してコピペで同様のことを書き込んでいただければ幸いです。

      ※フォーラムの書き込みは登録不要です。

      コメント機能だと機能が貧弱で、画像アップロード機能などがなく、対応(案内)が大変なのでご協力よろしくお願いいたします。

  15. りんご より:

    すみません、はじめての利用でほかの方の質問事項も確認しましたが、なかなか解決できなかったので、こちらで質問させてください。

    SSLのことです

    初期登録時に「httpページを簡単https化(SSL対応)する方法」を参考に設定ができました。パソコンから見ると保護されているのですが、スマホやタブレットから検索すると、「保護されていません」という表示が出てしまいます。
    スマホやタブレットから閲覧する際に、保護できるようにするには、どうしたらよいのでしょうか?
    どうぞよろしくお願いいたします。

    • わいひらわいひら より:

      申し訳ないですが、一つ前のコメントを参考にフォーラムの方に書き込んでいただいてよろしいでしょうか。

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