サイドバーでスキン動作を確認できます。

Cocoonテーマの仕様・初期設定・機能説明など

ショートコード

現在の年齢を計算して表示してくれるageショートコードの使い方

誕生日を入力するだけで、現在の年齢を自動的に計算して出力してくれるショートコードの使い方。
Amazon商品リンク

Amazon商品情報取得API(PA-API)の仕様変更とCocoonでの対応について

新しいAmazon商品情報取得APIのポリシー変更に関する注意点。
2019.03.31
ショートコード

目次をショートコードで好きな場所に表示させる方法

目次をショートコードで強制的に表示させることが可能です。
FAQ

よくある質問と答え(FAQ)

フォーラムに多くある問い合わせと答えのまとめ。
2019.03.24
Tips

Cocoonランキング機能の「詳細ページ」と「公式ページ」の文言を変更するカスタマイズ方法

ランキングボタンラベルのカスタマイズ方法です。
ブロックエディター

ブロックエディター(Gutenberg)を使用しないで旧ビジュアルエディターを利用する方法

投稿画面のGutenbergエディターを無効にして旧式のエディターで編集する方法です。
ブロックエディター

Cocoon Blocksの現在の対応状況

Cocoon Blocksが対応している旧ビジュアルエディタースタイルを紹介しています。
2019.04.11
ブロックエディター

ブロックエディター(Gutenberg)でCocoon用ブロックを利用する方法

Gutenberg対応プラグイン「Cocoon Blocks」インストールして利用する方法の紹介です。
2019.03.18
テーマ設定

不要なウィジェットエリアを非表示にする設定方法。ウィジェット設定画面の操作性向上に。

使用して以来ウィジェットエリアを管理画面や公開画面から
2018.12.15
テーマ設定

不要なウィジェットを非表示にする設定方法。ウィジェット設定画面の操作性向上に。

不要なウィジェットを管理画面上や公開場面上で表示させないようにする設定方法です。整理整頓することでウィジェット管理画面の操作性が上がります。
2018.12.15
テーマ設定

テーマのサムネイルをRetinaディスプレイ対応させる方法

Cocoonテーマ内のサムネイル画像をRetinaディスプレイ対応させる機能の紹介。
テーマ設定

テーマ全体のサムネイル画像の縦横比(アスペクト比)を変更する方法

テーマで利用されているサムネイル画像のアスペクト比を変更したい場合に一括して変更する方法です。
2019.01.26
AMP

子テーマのstyle.cssとamp.cssに重複してスタイルを書いている場合は重複部分の削除をおすすめします

子テーマのstyle.cssとamp.cssでスタイルが重複している場合はコードの削除をおすすめします。
AMP

AMPのインラインスタイルか反映されるように設定をしている方は再設定をお願いします

1.4.2以前のバージョンで、AMPページでインラインスタイルを有効にしていた場合は、再設定してください。
テーマ設定

AMPページでCSSが50,000Byte(約50KB)を超える「無効なCSSエラー」が出た場合の対処方法

スキンスタイルの無効機能と子テーマスタイルの無効機能の説明です。
テーマ設定

楽天ROOMのフォローボタンを作成する方法

楽天のSNSサービス「ROOM」のフォローボタンを設定する方法です。
ショートコード

レーティングスター(評価スター)ショートコードの利用方法

レビューページなどで便利な「評価スター」ショートコードのコード入力例です。
2018.11.25
スキン

Cocoonを少しリッチな見た目に「COLORS」スキン6種作成

サイトに合わせた色を選べるスキンを6色分作成しました。
2018.11.29
スキン

Simplicityのようなスキン「Like Simplicity」を作成しました

SimplicityっぽいCocoonスキンの紹介。
開発者向け

スキン内のJSONファイルでCocoon設定値を制御する方法

Cocoon設定の設定値をoption.jsonファイルからJSON形式のテキストを入力することで制御する方法です。
スポンサーリンク