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