デザイン見本 Cocoonタブブロックのgrayishスタイル見本
Cocoon ver2.7.3でタブブロックが追加されました。grayishではデフォルトスタイルの他、シンプルに使いまわせそうなスタイルのバリエーションを追加しています。
ブロックエディタの追加CSSクラスに所定のクラス名を入力してご利用いただけます。
フロントページで使えそうなスタイルも追加していますので、サンプルをご覧になっていただき、是非ご利用ください。
デザイン見本
記事内に広告が含まれています。
デザイン見本 
デザイン見本 ブロックエディタ見本 コアブロック
コアブロックの見出し、段落（アイコンボックスのみ）、引用、プルクオート、テーブルについてスキンでスタイルを追加しています。記事作成の際にご参照ください。
デザイン見本 フロントページ設定：フロントページタイプ
Cocoon設定のインデックスタブ内の、フロントページタイプからお好みで選択します。デフォルト、タブ一覧、カテゴリーごと、カテゴリーごと（2カラム）、カテゴリーごと（3カラム）から選択します。この記事では、各タイプの表示見本を載せていますので、選択の参考にしてください。
記事表示数の設定方法についても書いています。
フロントページでは、スキン独自仕様として、スニペット（抜粋）は非表示となります。
ウィジェット見本 ウィジェットの表示場所とスキンスタイル見本
Cocoonのウィジェットは機能が豊富にあり、表示できる場所がたくさんあります。その分、どこに表示されるのか慣れるまで時間がかかります。この記事では、投稿ページで表示される場所を分かりやすく色付けしています。また、フロントページや一覧ページについては動画を用意しました。ウィジェットの表示場所の確認にお役立てください。
また、一部のウィジェットはスキン独自スタイルがあります。そちらの見本としても参照ください。
デザイン見本 ブロックエディタ見本 Cocoonブロック
Cocoonブロックについて、スキン独自のスタイルを当てているものについて見本を載せています。記事作成の際に参考になれば幸いです。一部のブロックは独自スタイルを当てていません。独自スタイルのないブロックは目次の一番最後の項目にリスト化しています。