Step1. サイトのデザインを設計しよう – millviポータル

millviポータルをスムーズにご利用いただくためのクイックスタートガイドです。
この記事では、はじめてmillviポータルをご利用される方を対象に最低限実施いただきたい基本操作についてわかりやすく解説しています。

本記事では、最初の環境構築に必要なサイトデザインについて説明します。

クイックスタートガイド

あとの章を読み進めることで、millviポータルの運用に必要な基本操作を身に付けることができます。

ポータルサイトをリリースする前の最初のステップとして、サイトのデザインを設計します。会社のイメージカラーやロゴを掲載することで、オリジナルのポータルサイトを構築することができます。

アカウント通知書（初期ID/PASSが記載されています）に記載されたURLにアクセスし、

を入力し、ログインを行います。

ログインをしたら右上の［管理者画面へ］をクリックします。

管理者画面にアクセスしよう.png

管理者画面のトップページ（メインメニュー）が表示されます。トップページの見かたは管理者TOP画面を確認するをご覧ください。

millviポータルでは、標準で以下の部分を変更することができます。
会社のカラーやロゴをセットし、オリジナルのポータルサイトを構築しましょう。

デザインを設計しよう.png

また、ヘッダー・チャンネルエリア・ボディー・フッターの背景色も変更できます（背景色の設定）。

まずは、ポータルサイトのサイト名とロゴを設定していきます。

①サイト名：サイトのタイトルに使用されます。ブラウザのタブに「【サイト名】」の形で表示されます。

　　
②ロゴ画像アップロード：ロゴ画像を使用する場合は「あり」を選択します。
③ヘッダー：サイトヘッダー部に掲載するロゴ画像をアップロードします。
┗ 推奨サイズ：幅400px、高さ50px（超過した場合は自動でリサイズされます）
┗ 対応形式：jpg、jpeg、png、gif（5MBまで）
④フッター：ページ最下部に表示するテキスト（コピーライトなど）を入力します。
┗ ロゴ画像アップロードで「あり」を選択すると表示されます。

画面下部にスクロールすると、「背景色変更」メニューが表示されます。

カラーはカラーコードを指定するかパレットから選択可能です。
パレットはカラーコード部分をクリックすると表示されます。
ページ最下部の［編集内容を保存］ボタンをクリックします。

［初期値を設定］をクリックすると、背景色が初期値（ヘッダー：FFFFFF／チャンネルエリア：5F97CF／ボディー：F5F7FF／フッター：FFFFFF）に戻ります。反映するには［編集内容を保存］をクリックしてください。

バナーを効果的に配置し、ユーザーを特定のアクセス先に誘導することもできます。広告やお知らせしたいコンテンツ画像をサイトに設置します。

ローテーションバナー（B）：視聴者画面のTOPページに表示されます。複数登録すると自動で切り替わります。
┗ 推奨サイズ：幅748px、高さ330px
固定バナー（C）：TOP・チャンネル・カテゴリ・視聴の各ページの左側に表示されます。
┗ 推奨サイズ：幅320px（高さは幅に合わせて変更されます）

※どちらも最大5件まで設置できます。

バナーを設定するには、あらかじめmillviポータルへ素材を登録しておく必要があります。

「サイト管理」＞「バナー設定」をクリックします。

　　
ローテーションバナーまたは固定バナーの［編集］をクリックします。
［素材を選択する］をクリックし、先ほど登録した素材ファイルから設定したい画像を選択し、［追加する］をクリックします。
- リンクURL設定：バナーをクリックした際に遷移するURLを設定できます（任意）。
- リンク先設定：リンクURLをクリックした際に新しいタブで開くかを設定します。
［下書き保存］をクリックします。
この時点では選択したバナーは下書き保存されています。「バナー設定」画面に戻り、［プレビュー］をクリックし、正しく表示されているか確認します。
表示に問題ない場合、［適用］をクリックするとバナーの登録が確定されます。