millviポータルのサイトデザインおよびバナーの設計手順について解説します。
millviポータルではサイトの背景色、ロゴやバナー等、以下の4箇所の画像・テキストを変更することができます。

mp5_2.png

  名称 推奨サイズ・文字数
ロゴ 幅400px、高さ50px
(超過時は自動でリサイズされます)
ローテーションバナー 幅748px、高さ330px(複数枚設定可能)
固定バナー 幅320px、高さ可変(複数枚設定可能)
フッター 100文字まで

 

<目次>
1. サイト名/ロゴの設定
2. 背景色の変更
3. バナーの設定


 

1. サイト名/ロゴの設定

 

  1. 「基本情報管理」>「サイト名とデザイン」をクリックします。
  2. ①〜④の項目を変更し、[編集内容を保存]をクリックします。
    mp5_5.png
      項目名 詳細
    サイト名 ページのタイトルに使用されます。
    ロゴ画像アップロード

    ヘッダー部ロゴ画像の利用有無を選択します。
    ※透過png画像はご利用いただけません。

    ヘッダー画像 [ファイルを選択]をクリックし、ロゴとして使用する画像をアップロードします。
    フッター ページ最下部に表示するテキストを入力します。
    ※ヘッダー、フッターを編集するにはロゴ画像をアップロードします。

 


 

2. 背景色の変更

 

  1. 「サイト名とデザイン」の編集画面で画面下部にスクロールすると、「背景色変更」メニューが表示されます。
    mp5-6-2.png
    カラーはカラーコードを指定するかパレットから選択可能です。
    パレットはカラーコード部分をクリックすると表示されます。
    __________2019-10-25_0.00.22.png
  2. ページ最下部の[編集内容を保存]ボタンをクリックします。

 


 

3. バナーの設定

 

  1. 「素材ファイル管理」>「素材登録・編集」をクリックします。
    ※バナーに設定する画像はあらかじめ素材ファイルに登録しておく必要があります。
  2. [新規登録]>[ファイルを選択]と順にクリックし、バナー画像を選択します。
    ※ファイルは同時に3ファイルまで登録可能です。
    mp5_7.png
  3. [登録]をクリックします。
  4. 「サイト管理」>「バナー設定」をクリックします。
  5. ローテーションバナーまたは固定バナーの[編集]をクリックします。
    5_9.png
  6. ローテーションバナー設定が表示されますので、[素材を選択する]をクリックします。

    _millvi_____________________2022-01-26_11-53-13.png

      項目名 詳細
      設定箇所 設定箇所を表示します。
      素材一覧 バナーに設定している素材一覧を表示します。
      表示順 バナーの表示順を変更します。
    「▼」をクリックした場合、下にある素材と順番が入れ替わります。
    「▲」をクリックした場合、上にある素材と順番が入れ替わります。
      削除 [削除]をクリックすると設定する素材一覧から削除されます。
      素材を選択する クリックすると素材一覧が表示され、バナーとして使用する素材を追加できます。
      下書き保存 クリックするとバナー設定が完了します。
  7. バナーとして設定したい素材を選択し、[追加する]をクリックします。

    _millvi_____________________2022-01-26_11-50-07.png

      項目名 詳細
      素材名検索 素材名を入力し「検索」をクリックすると素材一覧を検索できます。
      素材一覧 素材一覧の件数を表示します。
      素材選択 バナーとして登録したい素材を選択します。
      リンクURL設定 バナーをクリックした際に遷移するURLを入力します。(任意)
      リンク先設定 「新しいタブで開く」をチェックすると、リンクをクリックした際に新しいタブでURLを開きます。
  8. この時点では選択したバナーは下書き保存されています。「バナー設定」画面に戻り、[プレビュー]をクリックし、正しく表示されているか確認します。
    5_12.png
  9. 表示に問題ない場合、[適用]をクリックするとバナーの登録が確定されます。

 

 注意

ローテーションバナー、固定バナーともに登録できるバナーの数は5件までとなっております。

 


 関連

この記事は役に立ちましたか?
1人中1人がこの記事が役に立ったと言っています