マニュアル キャッチフレーズの設定
キャッチフレーズは、フロントページのメインビジュアルでサイトタイトルの上または下に表示されます。 サイトの概要として、入力しておきましょう。 ※SEO的にもタイトルタグにサイトタイトルと共に表示されま...
マニュアル 
マニュアル プロフィールボックスの設定
プロフィールボックスの設定方法です。
コンテンツ下部ウィジェットへプロフィールボックスを設置すると、スキン独自スタイルとなり、背景画像を設定可能です。
マニュアル メニュー設定：タブレット・スマホのヘッダー・フッターモバイルボタン
モバイル（タブレット・スマホ）時に画面の上に表示されるハンバーガーメニューアイコン、検索ボタン、画面下に表示されるホームアイコン、トップへ戻るボタンなど、アイコンで表示されるメニューの設定についてです。grayishではデフォルトでヘッダー・フッターモバイルボタンに設定しており、PCグローバルメニューの設定が済んでいれば特に設定しなくてもメニューが表示されます。アイコンの並びをオリジナルにしたい場合や、アイコン下のキャプションを変更したい場合は、専用のメニューを作成し、設定します。
ブログTips メインビジュアルやアイキャッチの画像作成には、Canvaがおすすめ
メインビジュアルやアイキャッチを用意するのに便利なcanva。無料でどなたでも手軽に画像作成が可能です。grayishで推奨する画像サイズでcanvaでメインビジュアルとアイキャッチの作り方を解説しています。
マニュアル サイトタイトルと英字フォント選択
スキンの初期設定として、まずサイトタイトルを決定します。サイトタイトルはロゴ代わりになるだけでなくSEO的にもtitleタグに設定される重要なキーワードとなります。サイトタイトルに使用する英字フォントは、スキン独自チョイスのGoogleFontからお好みで選択可能です。ここで選んだ英字フォントは、サイトタイトルの他にグローバルメニューや見出し部分にも反映されます。
確認・注意事項 Cocoon設定のプレビューについて
Cocoon設定であらゆるタブにプレビュー画面が用意されていると思います。 grayishでプレビュー可能な箇所 grayishでは、「スキン」「全体」「カラム」「モバイル」「404」の設定ページにつ...
確認・注意事項 スキン制御について
grayishはCocoon設定のデザイン・レイアウトに関する項目について、多数箇所スキン制御しています。 Cocoon設定の各タブ内で、以下画像にあるように「スキン制御」が表示され、ピンクの枠で囲ま...
マニュアル メニュー設定：PCグローバルナビ
Cocoonのグローバルナビと作成手順は同じです。grayish独自仕様があります。メニューの最後に検索ボタンが付く、お好みでSNSボタンの追加が可能、サブメニュー表示は3階層下まで、フロントページとその他のページでは表示が異なる、などです。
フロントページでは、ロゴはメニューに含まれません。フロントページ以外では、ロゴとメニューが横一列に表示される仕様になっています。
PCの時、サブメニューはある程度スクロールすると非表示になります。トップに戻ると表示されます。
デザイン見本 ブロックエディタ見本 コアブロック
コアブロックの見出し、段落（アイコンボックスのみ）、引用、プルクオート、テーブルについてスキンでスタイルを追加しています。記事作成の際にご参照ください。
デザイン見本 ブロックエディタ見本 Cocoonブロック
Cocoonブロックについて、スキン独自のスタイルを当てているものについて見本を載せています。記事作成の際に参考になれば幸いです。一部のブロックは独自スタイルを当てていません。独自スタイルのないブロックは目次の一番最後の項目にリスト化しています。
デザイン見本 フロントページ設定：フロントページタイプ
Cocoon設定のインデックスタブ内の、フロントページタイプからお好みで選択します。デフォルト、タブ一覧、カテゴリーごと、カテゴリーごと（2カラム）、カテゴリーごと（3カラム）から選択します。この記事では、各タイプの表示見本を載せていますので、選択の参考にしてください。
記事表示数の設定方法についても書いています。
フロントページでは、スキン独自仕様として、スニペット（抜粋）は非表示となります。