サイトのデザインを設定する

サイト管理ツールのメニュー「設定・管理 ＞ デザイン管理」または「配信 ＞ バナー」より、サイトのデザインを設定してください。
 

■デザイン管理画面上の表示

• 「適用中」タブ
  各項目のサイト適用（反映）状況を確認することができます。
   
• 「準備中」タブ
  公開される前の設定です。
  公開設定にて時間を予約してデザイン設定を適用させることができます。
   
• 「準備中を編集」ボタン
  下書き保存された内容を編集することができます。
   

■設定項目

▼トップページ/メインビジュアル

• 表示形式
  メインビジュアルの表示形式を下記から選択できます。
  デフォルト/フルスクリーン/ビッグバナー

• フルスクリーン時ロゴ（表示形式で「フルスクリーン」選択時のみ表示）
  ファーストビューで表示するロゴです。
  解像度：5MBまで / 短辺350px以上 / 対応フォーマット：jpg, png, svg

• フルスクリーン時メニューカラー（表示形式で「フルスクリーン」選択時のみ表示）
  ファーストビューのヘッダーのボタン等のアイテムの色を指定します。

• PC向け画像/映像
  PCでサイトを開いた際にトップページの上部に表示される画像/映像です。

  デフォルト時
  【画像】5MBまで / 解像度：1920px × 960px / 対応フォーマット：jpg, png
  【動画】20MBまで / 解像度：1920px × 960px / 対応フォーマット：mp4
  【スライドショー】5MBまで / 解像度：1920px × 960px / 対応フォーマット：jpg, png

  フルスクリーン時
  【画像】5MBまで / 解像度：1920px × 1080px / 対応フォーマット：jpg, png
  【動画】20MBまで / 解像度：1920px × 1080px / 対応フォーマット：mp4
  【スライドショー】5MBまで / 解像度：1920px × 1080px / 対応フォーマット：jpg, png

• SP向け画像/映像
  SPでサイトを開いた際にトップページの上部に表示される画像/映像です。

  デフォルト時
  【画像】5MBまで / 解像度：1920px × 960px / 対応フォーマット：jpg, png
  【動画】20MBまで / 解像度：1920px × 960px / 対応フォーマット：mp4
  【スライドショー】5MBまで / 解像度：1920px × 960px / 対応フォーマット：jpg, png

  フルスクリーン時
  【画像】5MBまで / 解像度：1920px × 1080px / 対応フォーマット：jpg, png
  【動画】20MBまで / 解像度：1920px × 1080px / 対応フォーマット：mp4
  【スライドショー】5MBまで / 解像度：1920px × 1080px / 対応フォーマット：jpg, png
   

▼トップページ/その他

• レイアウト
  トップページに表示されるコンテンツリストなどの設定です。
  各アイテムごとに任意の見出しが設定可能です。
   
• 「一覧へ」 リンク
  トップページコンテンツエリアの「一覧へ」ボタンをカスタマイズできます。
   
• 背景（PC）
  PCでサイトを開いた際にトップページの背景に表示される画像/映像です。
  解像度：1920px × 1080px / 対応フォーマット：jpg, png, mp4
   
• 背景（SP）
  SPでサイトを開いた際にトップページの背景に表示される画像/映像です。
  解像度：1080px × 1920px / 対応フォーマット：jpg, png, mp4
   
• アイキャッチボタン
  メインビジュアル上、またはスクロール追従する形でリンク付きの画像を挿入できます。
  解像度：長辺400px以上 / 対応フォーマット：jpg, png

▼共通

• ロゴ
  各ページの左上に表示される画像です。
  推奨サイズ：短辺350px以上
  対応フォーマット：svg, jpg, png
   
• サイトアイコン
  ポータル等において、各サイトを表す際に使用される画像です。
  推奨解像度：解像度: 400x400px(1:1)
  フォーマット： jpg, png
  ※丸くトリミングされて表示されます。
  ※サイトの提供形式・提供機能によっては必要となる場合があります。
   
• メニューアイコン
  サイト右上のハンバーガーメニューのデザインを設定します。
   
• SNSアカウント
  各ページのフッターなどに表示されるSNSアカウントへのリンクを管理します。
   
• ヘッダーメニュー
  各ページの画面上部に表示されるヘッダーメニューを管理します。
  動画・生放送・記事の他、カスタムメニューより設定いただけます。
  各アイテムごとに任意の見出しが設定可能です。
  ※カスタムメニューのみ、URLを設定してください
   
• フッターメニュー
  各ページの画面下部に表示されるフッターメニューを追加します。

▼子ページ

• ページ見出し
  各アイテムごとに子ページの見出しが設定可能です。

▼スタイル

以下の項目を、プレビューを見ながら設定いただけます。

• 背景色
• カラーテーマ
• 見出しのフォント
• シェイプ
• スタイル

※ニコニコチャンネルプラスでは、スタイル設定のご利用はお控えください。サイト管理ツール上では設定可能な状態となっておりますが、設定されていた場合は審査の際にデフォルト値に変更させていただきますので、あらかじめご了承ください。

▼公開設定

デザイン設定後は以下いずれかにチェックを入れ、右上の「保存」を押してください。

• スケジュール更新
  指定の日時にデザインが更新されます。
   
• いますぐ更新
  すぐにデザインが更新され、取り消しはできません。
   
• 下書き保存
  デザインを保存しますが、更新はされません。

※保存ボタンを押さないと更新はされません。忘れずに保存してください。
※更新された設定の確認は、サイト管理ツールのメニュー「サイトへ」よりご確認ください。

■バナー設定

サイトTOPページに表示するバナーを設定できます。以下を登録してください。

• バナー画像
  サイズ：5MBまで / 解像度：1920px × 768px (5:2) / 対応フォーマット： jpg, png
   
• タイトル
  画像の読み込みがうまくいかなかった場合にユーザーに表示されます。
   
• 公開期間
  バナーの表示期間です。
   
• URL
  バナー画像からの遷移先となります。
  ※YouTubeのURLを設定する場合、「＠」が含まれるURL（ハンドルURL）を設定するとエラーが表示されます。
  ハンドルURLは設定不可となっているため、「＠」が含まれないURLをご利用ください。