マニュアル フッターのウィジェット設定
PC時とモバイル時で別に設定が必要です。
マニュアル 
ウィジェット見本 ウィジェットの表示場所とスキンスタイル見本
Cocoonのウィジェットは機能が豊富にあり、表示できる場所がたくさんあります。その分、どこに表示されるのか慣れるまで時間がかかります。この記事では、投稿ページで表示される場所を分かりやすく色付けしています。また、フロントページや一覧ページについては動画を用意しました。ウィジェットの表示場所の確認にお役立てください。また、一部のウィジェットはスキン独自スタイルがあります。そちらの見本としても参照ください。
マニュアル 投稿・固定ページ：サイドバーのウィジェット初期設定
WordPressインストール、テーマ（Cocoonの親テーマ、子テーマをインストール）設定後にサンプルページを表示させると、サイドバーにいくつかウィジット（最近の投稿、最近のコメント、カテゴリー、アーカイブ）が設定されています。これはブロックウィジットで、Cocoonでは使えないようになっていますので注意が必要です。ブロックウィジェットを削除しないままご利用になっている方をよく見かけます。スキンのスタイルも当たりませんし、マニュアルで説明しているウィジェットの動作と異なります。まずはブロックウィジェットを削除しましょう。削除後、Cocoonの利用できるウィジット一覧にあるウィジットを設定し直します。Cocoonのウィジェットである新着記事、コアのウィジェットのカテゴリーやアーカイブを設定するようにしましょう。
マニュアル メニュー設定：【ご注意】モバイルメニューは使用できません
Cocoonのメニュー設定で、モバイルメニューがあると思います。タブレット・スマホ時（画面幅1023px以下の端末）にのみ表示される、グローバルナビのことです。↓上記の参考記事より引用です。grayi...
マニュアル サイトフォントの設定（※24/03/26 Macでの游ゴシック体表示について追記）
grayishでは、Noto Sans JP (Webフォント)をおすすめしていますが、表示速度の面でデバイスフォントをお好みの方が多い印象を持っています。Cocoonのフォントの選択肢は豊富にあるのですが、利用者が多そうなデバイスフォント（游ゴシック体, ヒラギノ角ゴとヒラギノ角ゴ, メイリオ（Cocoonインストール後の初期設定））について重点的に表示確認を行っています。Cocoon ver2.7.2からMacについても游ゴシック体が適用されるようになりましたが、デバイスやブラウザによって表示されないケースがあります。この点について注意書きを追記しました。
マニュアル キャッチフレーズの設定
キャッチフレーズは、フロントページのメインビジュアルでサイトタイトルの上または下に表示されます。サイトの概要として、入力しておきましょう。※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の時、サブメニューはある程度スクロールすると非表示になります。トップに戻ると表示されます。