Cocoonのカスタマイズ

高機能で高速の無料テーマCocoon。いろいろとカスタマイズしていますので、まとめてみます。 ヘッダーエリア グローバルナビ ヘッダー下アピールエリア おすすめカード トップページ ウィジェット サイ...

Cocoonのコメント欄のカスタマイズ方法です。 コメント欄の設定 コメント欄は、コメント入力エリアがが表示されているタイプと、ボタンで表示させるタイプの２種類あります。 「Cocoon設定」 「コメ...

Cocoonには、記事内に「アコーディオン開閉」するボックス（トグルボックス）を埋め込む機能があり、簡単に挿入して使えます。 閉じた状態   開いた状態 その使い方と、簡単カスタマイズ方法です。 使い...

Cocoonには、記事内に「検索フォーム風」のボタンを埋め込む機能があり、簡単に挿入して使えます。 その使い方と、簡単カスタマイズ方法です。 使い方 記事編集画面で、「タグ」から「検索フォーム風」を選...

Facebookウィジェットとは、記事下などに表示して「いいね！」ボタンを表示できるCocoonのオリジナルウィジェットで以下の２種類あります。 Facebookバルーン Facebookボックス こ...

Cocoon設定から記事内の画像枠や拡大時の表示方法を設定する方法とサンプル一覧になります。 画像枠を設定する 「Cocoon設定」を開きます。 「画像」タブを選択します。 「画像の囲み枠」から装飾な...

Cocoonには、記事の文字数によって自動計算してどのくらいの時間で読めるかを表示する機能があります。 この部分の使い方と、表示したくないページがある場合の設定方法について。 更にデザインカスタマイズ...

Cocoonのグローバルメニューの動きをカスタマイズしてみるサンプルです。 その他のカスタマイズは以下にもまとめています。 カスタマイズ方法 簡単なCSS追記のみです。 CSS追記は以下のいずれかから...

Cocoonのグローバルナビバーをカスタマイズしてみます。 コピペで実装できます。お好きなカラーに色変更してご自由にご利用下さい。 アイコンフォント設定方法や、その他のカスタマイズは以下も参考にして下...

Cocoonで見出しのデザインを好みのものにカスタマイズする方法です。 見出し１（H1)は記事のタイトルで使われますので、記事本文中はH2～を利用します。 デザイン設定する為の指定方法と、まるごとコピ...