デフォルトのCocoonは、CSSでカスタマイズがしやすいようにシンプルな構成になっています。
けれど、Cocoonにはテーマ独自のカスタマイズ機能も充実しています。これにより、CSSやPHPなどを必要とせずに、オリジナリティーのあるサイトを作成することも可能です。
わいひら
必要な機能は、ほぼほぼ揃っているかと思います。
スキン Cocoonを少しリッチな見た目に「COLORS」スキン6種作成
Cocoon独自のテーマ変更機能のまとめ
テーマ設定
投稿・固定ページ文章に挿入した拡張インラインスタイルを解除する方法【ブロックエディター】
Cocoonで文章に装飾したインラインスタイルタグを削除する方法。
Amazon商品リンクAmazon・楽天商品リンクが切れていた時にメール通知を行う設定方法
Amazon商品リンク、楽天商品リンクの商品情報が取得できない際にメールでメッセージを送信する機能です。
ショートコード楽天商品リンクショートコードのリンク切れを知る方法
楽天商品リンクのリンク切れ対策。
ショートコードAmazon商品リンクショートコードのリンク切れを知る方法
Amazon商品リンクのリンク切れ対策。
テーマ設定PWA設定を行ってモバイル環境の高速化を行う方法
Cocoonを「PWA（Progressive Web Apps）」に対応させて、よりスマホからのアクセスをしやすくする方法の紹介です。
投稿・固定ページ本文の「行の高さ」と「行間の余白」を変更する方法
本文中の余白を変更して読みやすさを調整できます。
Amazon商品リンクAmazon商品情報取得API（PA-API）の仕様変更とCocoonでの対応について
新しいAmazon商品情報取得APIのポリシー変更に関する注意点。
テーマ設定不要なウィジェットエリアを非表示にする設定方法。ウィジェット設定画面の操作性向上に。
使用して以来ウィジェットエリアを管理画面や公開画面から
テーマ設定不要なウィジェットを非表示にする設定方法。ウィジェット設定画面の操作性向上に。
不要なウィジェットを管理画面上や公開場面上で表示させないようにする設定方法です。整理整頓することでウィジェット管理画面の操作性が上がります。
テーマ設定テーマのサムネイルをRetinaディスプレイ対応させる方法
Cocoonテーマ内のサムネイル画像をRetinaディスプレイ対応させる機能の紹介。
テーマ設定テーマ全体のサムネイル画像の縦横比（アスペクト比）を変更する方法
テーマで利用されているサムネイル画像のアスペクト比を変更したい場合に一括して変更する方法です。
AMP子テーマのstyle.cssとamp.cssに重複してスタイルを書いている場合は重複部分の削除をおすすめします
子テーマのstyle.cssとamp.cssでスタイルが重複している場合はコードの削除をおすすめします。
AMPAMPのインラインスタイルか反映されるように設定をしている方は再設定をお願いします
1.4.2以前のバージョンで、AMPページでインラインスタイルを有効にしていた場合は、再設定してください。
テーマ設定AMPページでCSSが50,000Byte（約50KB）を超える「無効なCSSエラー」が出た場合の対処方法
スキンスタイルの無効機能と子テーマスタイルの無効機能の説明です。
テーマ設定楽天ROOMのフォローボタンを作成する方法
楽天のSNSサービス「ROOM」のフォローボタンを設定する方法です。
スキンCocoonを少しリッチな見た目に「COLORS」スキン6種作成
サイトに合わせた色を選べるスキンを6色分作成しました。
スキンSimplicityのようなスキン「Like Simplicity」を作成しました
SimplicityっぽいCocoonスキンの紹介。
開発者向けスキン内のJSONファイルでCocoon設定値を制御する方法
Cocoon設定の設定値をoption.jsonファイルからJSON形式のテキストを入力することで制御する方法です。
開発者向けスキン内のCSVファイルでCocoon設定値を制御する方法
Cocoon設定の設定値をoption.csvファイルからCSV形式のテキストを入力することで制御する方法です。
開発者向けスキン内のfunctions.phpファイルでCocoon設定値を制御する方法
Cocoon設定の設定値をfunctions.phpファイルからPHPコードを入力することで制御する方法です。