スキン
美しいグレーに統一されたデザインの「grayish」スキンを同梱
Cocoonのテンプレートカスタマイズ情報
カスタマイズ Cocoonテーマのスキン切り換えデモを実装する方法
スキンの切り替えドロップダウンを実装する方法です。
Tips Cocoon設定のプレビュー表示制御フックのサンプルコード
Cocoon設定にあるプレビュー表示の制御デモです。
カスタマイズ 子テーマで多言語対応させるため翻訳ファイルを独自に編集する方法
子テーマ側で言語ファイルを独自に編集して、マルチ言語対応させる方法です。
Tips アフィリエイトタグ管理機能にPCとモバイルで表示を変えるコードを登録する方法
アフィリエイトタグ登録でパソコンとモバイルで表示するタグを切り替える方法。
Tips Cocoonランキング機能の「詳細ページ」と「公式ページ」の文言を変更するカスタマイズ方法
ランキングボタンラベルのカスタマイズ方法です。
CSS 新着・人気・関連記事ウィジェット（ショートコード）で投稿日や更新日を表示させる方法
記事関係のウィジェットで投稿日・更新日を表示させるためのCSSサンプルです。
Tips CocoonのYouTube高速化機能を無効にするカスタマイズコードサンプル
YouTube高速化無効処理。
CSS 拡張スタイル「タブボックス」のラベルを日本語化するカスタマイズ方法
Cocoonの英語表記のタブボックスラベルを日本語化する方法です。
CSS Cocoonの2・3カラムをタブレット幅（481～768px）では1カラムにはしないカスタマイズ方法
タブレット端末では1カラム化しない2カラム、3カラムレイアウトのCSS指定方法です。
Tips ビジュアルエディターの機能のみでリストをボックスで囲む方法
順序リストや非順序リストをビジュアルエディターの機能のみでボックスで囲む方法です。
CSS 吹き出しの文字サイズを端末ごとに切り替えるCSS記述
Cocoonの吹き出し機能の文字サイズを、PC、タブレット、スマホ毎に切り替えるCSSの紹介です。 まずはCocoonを最新版にアップデートしてください。古いバージョンだと、うまくいかない場合がありま...
Tips 新しいアイコンを利用した「吹き出しデモ」を手っ取り早く登録する方法
v0.7.0より、デフォルトの吹き出しアイコンが変わりました。 ただ、以前のバージョン既に使っている方は、新しいアイコンを使用したデモ吹き出しは登録されません。 新しいアイコンを利用する場合は、以下か...
CSS 吹き出しの冒頭を揃えて読みやすさに特化するカスタマイズ方法
吹き出しのセリフ部分の幅を0.6.5以前のように揃える方法。
CSS トップページを固定ページにした際にタイトル、シェア・フォローボタン、投稿日、更新日、投稿者名の表示を切り替えるCSS例
フロント固定ページで、「非表示にしたいGOが需要が高そうなHTML要素」をCSSで見えなくする方法です。
CSS 固定ページのシェアボタン・フォローボタンを消す方法
固定ページのSNSボタンを非表示にするCSS設定方法です。特定のページ毎の設定方法もあります。
CSS CSSでサイトタイトルのフォントサイズ変更するカスタマイズ例
サイトタイトル（テキスト）の微調整用のCSSコードサンプルです。
カスタマイズ 子テーマで上書きカスタマイズ利用できるテンプレートの場所
CocoonテーマのHTMLを変更したかったり、PHP処理を書き加えたかったり、テンプレートファイルを編集する際の基本情報です。