メニューの「Cocoon設定」をクリックします。

※「Cocoon設定」のサブメニューに表示されている「Cocoon設定」をクリックしても同じ画面になります。

「スキン一覧」に表示されている「モノクロ」を選択して、変更をまとめて保存をクリックすれば完了です。

メニューの「Cocoon設定」をクリック後、設定画面が表示されたら「ヘッダー」タブをクリックします。

「ヘッダーロゴ」の選択をクリックすると、画像のアップロード画面が表示されます。

画像ファイルをアップロードして画像の選択をクリックします。

アップロードした画像を確認後、最下部にある変更をまとめて保存をクリックしたら完了です。

メニューの「外観」から「カスタマイズ」をクリックします。

「メニュー」をクリック後、メニューを新規作成をクリックします。

「メニュー名」に「ヘッダーメニュー」と入力後、「メニューの位置」から「ヘッダーメニュー」にチェックを入れて、「次」をクリックします。

項目を追加をクリックすると、メニュー項目が表示されるので、カスタムリンクの「ホーム」をクリックします。

さらに「カテゴリー」をクリックして、すべてのカテゴリーを追加しましょう。

メニュー名の下部に追加した項目が反映されていれば、公開をクリックして完了です。

メニューの「外観」から「カスタマイズ」をクリックします。

「メニュー」をクリック後、メニューを新規作成をクリックします。

「メニュー名」に「フッターメニュー」と入力後、「メニューの位置」から「フッターメニュー」にチェックを入れて、「次」をクリックします。

項目を追加をクリックするとメニュー項目が表示されるので、カスタムリンクの「ホーム」をクリック後、公開をクリックすれば完了です。

メニューの「Cocoon設定」をクリック後、設定画面が表示されたら「フッター」タブをクリックします。

「フッター表示タイプ」から「メニュー＆クレジット（中央揃え）」を選択します。

「クレジット表記」にある「サイト開設年」を設定します。

次に「独自表記」を選択してから、以下のテキストをコピーして入力欄にペーストします。
※ブログ名の箇所は、運営するブログにあわせて変更してください。

設定を終えたら、変更をまとめて保存をクリックして完了です。

メニューの「ユーザー」から「プロフィール」をクリックします。

「プロフィール情報」に任意のメッセージを入力します。

「プロフィール画像のアップロード」の選択をクリックします。

「ファイルをアップロード」から「ファイルを選択」をクリックして、任意の画像ファイルをアップロードします。

アップロードした画像ファイルに、チェックがついていることを確認したら、選択をクリックします。

ページ最下部にあるプロフィールを更新をクリックして完了です。

メニューの「外観」から「カスタマイズ」をクリックします。

メニューの「ウィジェット」から「サイドバー」をクリックします。

ウィジェットを追加から「[C] プロフィール」をクリックします。

「[C] プロフィール」から、「タイトル」と「肩書きラベル」を入力したら、「完了」をクリックします。

ウィジェットエリアに「[C] プロフィール」が追加されたら、公開をクリックして完了です。

ウィジェットを追加から「[C] 人気記事」をクリックします。

「ランキング表示」と「矢印表示」にチェックを入れて、適用をクリックしてから「完了」をクリックします。

表示方法についてはお好みでカスタマイズしてください。

ウィジェットを追加から「[C] 新着記事」をクリックします。

同名のウィジェットがありますので、「サムネイルつきで表示する」と書かれたウィジェットを選択してください。

「矢印表示」にチェックを入れて適用をクリックしてから、「完了」をクリックします。

表示方法についてはお好みでカスタマイズしてください。

メニューの「外観」から「メニュー」をクリックします。

メニュー画面が表示されたら、「新しいメニューを作成しましょう」をクリックします。

「メニュー名」に「カテゴリーメニュー」と入力後、メニューを作成をクリックします。

最上部にある「表示オプション」をクリックしたら、「詳細メニュー設定を表示」の「CSSクラス」にチェックを入れます。

右欄の「メニュー項目を追加」から「カテゴリー」をクリック後、「すべて選択」にチェックを入れたらメニューに追加をクリックします。

「メニュー構造」の各カテゴリーに設定する「CSS class（オプション）」に、ショートコードを入力する必要があります。
ショートコードを入力するために、以下のアイコンページを確認しましょう。

アイコンページ（Font AwesomeアイコンのWebサイト）

出典：Font Awesome Icons

アイコンページに表示されているアイコン一覧から、任意のアイコンをクリックします。

アイコンの詳細ページにショートコードが表示されているので、コピーします。

※以下ページでは「fa fa-pencil」の部分です。

コピーしたショートコードを、「CSS class（オプション）」にペーストします。

右下のメニューを保存をクリックして完了です。

ウィジェットを追加から「[C]ボックスメニュー」をクリックします。

「タイトル」に任意の名前を入力したら、「メニュー名」から「カテゴリーメニュー」を設定して、「完了」をクリックします。

※ボックスメニューのタイトルが未入力の場合、サイドバーにタイトルは表示されません。

ウィジェットを追加から「アーカイブ」をクリックします。

「ドロップダウンで表示」をチェックして、「完了」をクリックして完了です。

※アーカイブの「タイトル」は、未記入の場合でも自動的に「アーカイブ」と表示されます。

メニューの「投稿」から「投稿一覧」をクリックします。

「Hello world!」のタイトルにカーソルをあてると表示される、「クイック編集」を選びます。

メニューが表示されたら、カテゴリーの全項目にチェックを入れて、「更新」をクリックします。

メニューの「Cocoon設定」から「インデックス」を選択します。

「フロントページタイプ」にある「表示形式」から「タブ一覧」を選択後、「表示カテゴリー」から表示したいカテゴリーをチェックします。

※選択できるカテゴリーは3つまで、4つ目以降はチェックしても無視されます。

「カテゴリー表示の順番を並び替える場合はこちら」の文字リンクをクリックします。

「カテゴリー順の変更」の入力欄が表示されたら、任意のカテゴリー順にカテゴリーIDを入力します。以下の画像を参考にしながら、カテゴリーIDはカンマ区切りで入力してください。

※各カテゴリーのIDについては、カテゴリーページで確認できます。

設定が終わったら、最下部にある変更をまとめて保存をクリックして完了です。

また、「Hello world!」の記事は必要ないため、削除しておきましょう。
①と同様に投稿一覧画面に移動して、「Hello world!」から「ゴミ箱へ移動」をクリックすればOKです。

メニューの「Cocoon設定」をクリック後、設定画面が表示されたら「タイトル」タブをクリックします。

「サイトの説明」の項目欄にメタディスクリプションを入力して、変更をまとめて保存をクリックして完了です。

※上記の入力欄は、1行で横幅固定のため、もしも長文が書きづらいときは、メモ帳などのアプリで下書きを行ってから、コピー・ペーストする方が早いです。

メニューの「外観」から「カスタマイズ」をクリックします。

「サイト基本情報」を選択し、画面下部のサイトアイコンを選択をクリック後、画像をアップロードしたら、選択をクリックします。

※プロフィール画像と同じ画像を使っています。
※推奨画像サイズは512×512pxです。

サイトアイコンに画像が設定されていることを確認したら、公開をクリックして完了です。

メニューの「外観」から「メニュー」をクリックします。

メニュー画面が表示されたら、「新しいメニューを作成しましょう」をクリックします。

「メニュー名」に「おすすめカード」と入力後、メニューを作成をクリックします。

「メニュー項目を追加」に表示されている「投稿」から、任意の記事を選択してメニューに追加をクリックします。

項目が反映されたらメニューを保存をクリックします。

メニューの「Cocoon設定」をクリック後、設定画面が表示されたら「おすすめカード」タブをクリックします。

「おすすめカードの表示」から「フロントページのみで表示」を選択後、「メニュー選択」から「おすすめカード」を選択します。

※フロントページとはトップページのことです。

カードをすっきりと見せる設定

「カード余白」の「おすすめカード毎に余白を設ける」にチェックを入れておくと、カードの間に余白ができて、すっきりとした見栄えになります。

表示内容を確認したら、最下部の変更をまとめて保存をクリックして完了です。

メニューの「Cocoon設定」をクリック後、設定画面が表示されたら「アピールエリア」タブをクリックします。

「アピールエリアの表示」から「フロントページのみで表示」を選択します。

「タイトル」「メッセージ」「ボタンメッセージ」に文言を入力後、「ボタンリンク先」にURLを入力します。

表示内容を確認したら、最下部の変更をまとめて保存をクリックして完了です。