テーマのダウンロード

2025.03.03

テーマのダウンロード

Cocoonを利用する際は「利用規約」に同意した上でご利用ください。
不具合がありましたらフォーラムにご連絡ください。

当テーマ

無料のWordPressテーマ

無料

  • 活発なフォーラムと充実のサポート体制
  • 多機能でプラグインの削減が可能
  • 定期的なアップデート
  • 費用を掛けずに始められる
  • 利用者が多く情報が豊富
WordPressを利用中なら
Cocoonダウンロードはこちら

Cocoonと同じ開発陣による有料テーマ

サブスク月額

990円／月

買い切り(追加料金なし)

19,800円

  • 活発なフォーラムと充実のサポート体制
  • 多機能でプラグインの削減が可能
  • 定期的なアップデート
  • 直感的に使えるブロックエディタ完全対応
  • ノンコードでサイトのデザインを調整可能
  • プリセット機能やテンプレート機能（共通パーツ）でライティングを効率化
詳しくはこちら
XWRITE公式サイトへ

Cocoonの親テーマと子テーマのダウンロード

Cocoonテーマは「親テーマ」「子テーマ」双方をインストールして、「子テーマ」を有効化して利用することを推奨します。

＼WordPressがインストールされたレンタルサーバーは契約済みですか？／

レンタルサーバー未契約の場合

Cocoonの利用には、サーバーの契約とWordPressのインストールが必要です。
エックスサーバーであれば、WordPressとCocoonのインストールを、難しい操作なしで一括で準備できます。

エックスサーバーでWordPressサイトの開設手順をやさしく解説
レンタルサーバーの「エックスサーバー」にWordPressをインストールし、テーマを反映させてサイトを始める方法です。はじめての方にでも分かりやすいよう、なるべく詳しく解説してあります。
wp-cocoon.com
2023.12.16

レンタルサーバー契約済みの場合

レンタルサーバーをすでに契約済みの場合は、WordPressをインストール後、Cocoonのテーマをダウンロードおよびインストールしてご利用ください。

Cocoonテーマをインストールする方法
WordPressにCocoon親テーマと子テーマをインストールして利用するおすすめのインストール方法です。
wp-cocoon.com
2023.08.24

■Cocoonの推奨環境

  • WordPress 6.1以上、PHP 7.4以上
  • Google Chrome、Firefox、Microsoft Edge、Safari（Internet Explorerはサポート外です）

■注意事項

  • 必ずWordPress 6.1、PHP 7.4以上でご利用ください。
  • Macの場合は、zipが自動で解凍（展開）される場合があります。その際は、zipに再圧縮してインストールしてください。
  • 必ず「子テーマ」もインストールして「子テーマ」の方を有効化してください。インストール方法の詳細はこちら。
Cocoon 親テーマ ダウンロード
Cocoon 子テーマ ダウンロード

上記ファイルでインストールするとサーバーによっては以下のようなエラーメッセージが出ます。

  • アップロードしたファイルは php.ini で定義された upload_max_filesize を超過しています
  • 辿ったリンクは期限が切れています。もう一度お試しください

その場合は以下のファイルでインストールして、子テーマを有効化後しばらくして、ダッシュボードの更新から最新版にアップデートしてください。

Cocoon 低サイズ版（要自動アップデート）ダウンロード
アップデート方法はこちらを参照してください。

アップデートについて

WordPressの更新機能を利用する方法（おすすめ）

WordPress管理画面より簡単にテーマの「自動アップデート」ができます。

■利用方法

  • WordPress管理画面の「ダッシュボード」メニューにある「更新」を選択。
  • アップデートするテーマ（今回はCocoon）を選択し「テーマを更新」ボタンを押下。
  • 「Cocoon の更新に成功しました。」と表示されればテーマのアップデート完了。

テーマファイルをダウンロードして更新する方法

手動でアップデートする場合は、以下の方法で対応できます。

■利用方法

  • CocoonのGitHubから「Code」ボタンを押し、「DownLoad ZIP」を選択してダウンロード。
  • WordPress管理画面 or FTPで更新。
WordPress管理画面で更新する場合はこちら
FTPで更新する場合はこちら

※Cocoonを過去のバージョンに戻す際は、こちらからダウンロードして、上記いずれかの手順で更新してください。

フォーラム

フォーラムで質問やディスカッションを行うことができます。
不明点等はこちらで質問してみてください。

Cocoonのフォーラムへ
ホーム
テーマのダウンロード
タイトルとURLをコピーしました
'); /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': `${threashold}px`, }); /* トップメニュータイプに変更する */ $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap"); $("#header-container").addClass("fixed-header"); $("#header-container").css({ 'position': 'fixed', 'top': '-100px', 'left': '0', 'width': '100%', }); const wpadminbar = document.getElementById('wpadminbar'); const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0; $('#header-container').animate( { top: headerContainerTop, }, 500 ); } } /*固定ヘッダーの解除*/ function staticHeader() { if ($("#header-container").hasClass("fixed-header")) { /*センターロゴタイプに戻す*/ $("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-center-logo"); $("#header-container").removeClass("fixed-header"); $("#header-container").css({ 'position': 'static', 'top': 'auto', 'left': 'auto', 'width': 'auto', }); /* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': '0', }); $("#header-fixed").remove(); } } /* 境界値をヘッダーコンテナに設定 */ var threashold = $('#header-container').height(); var prevScrollTop = -1; var $window = $(window); var mobileWidth = 1023; $window.scroll(function() { var scrollTop = $window.scrollTop(); var s1 = (prevScrollTop > threashold); var s2 = (scrollTop > threashold); var w = $window.width(); /*スクロールエリアの位置調整*/ function adjustScrollArea(selector) { if ($(selector) && $(selector).offset()) { offset = $(selector).offset().top; h = $("#header-container").height(); pt = $(selector).css('padding-top'); if (pt) { pt = pt.replace('px', ''); } else { pt = 0; } if ((scrollTop >= offset - h) && (w > mobileWidth)) { if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) { $(selector).css({ 'padding-top': h + 'px', }); } } else { if (pt > 0) { $(selector).css({ 'padding-top': 0, }); } } } } /*スクロール追従エリアの調整*/ function adjustScrollAreas() { adjustScrollArea('#sidebar-scroll'); adjustScrollArea('#main-scroll'); } /*固定ヘッダーのスタイル決め*/ function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) { if (s1 ^ s2) { if (s2 && (w > mobileWidth)) { stickyHeader(); } } /* 境界値に達したら固定化 */ if (scrollTop <= threashold || w <= mobileWidth) { staticHeader(); } } adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth); adjustScrollAreas(); prevScrollTop = scrollTop; }); /*ウインドウがリサイズされたら発動*/ $window.resize(function () { /*ウインドウの幅を変数に格納*/ var w = $window.width(); if (w <= mobileWidth) { /*モバイル端末の場合*/ staticHeader(); } else { /*パソコン端末の場合*/ var scrollTop = $window.scrollTop(); if (scrollTop >= 50) { stickyHeader(); } } }); })(jQuery);