トップページのデザインを設定する

この記事では、受講者向けトップページのヘッダー・メイン画像・バナーのデザイン設定方法を説明します。

自社ロゴの配置やカラー変更、スライドバナーの設置などが行えます。

はじめる前に

  • 操作には、コミュニケーション管理権限が必要です。

  • ヘッダーロゴの対応サイズは 113 × 23 px(jpeg / png)です。

  • メイン画像の対応サイズは 1200 × 430 px(jpeg / png)、

    バナーは 230 × 90 px(jpeg / png)です。

  • 設定しない項目は何も表示されません。

トップページ(ヘッダー)の設定

自社のロゴ及びサービスのロゴなどを設定できます。

手順

  1. コミュニケーション管理 > トップページデザイン設定から、「ヘッダー&バナー表示」を選択します。

  2. 「ヘッダー」の「ロゴ画像ファイル」で、ロゴ画像を選択します。 
      対応サイズ:113 x 23 px    対応ファイル形式:jpeg、png

  3. 画像をクリックした際の、リンク先を登録します。
    ※空欄の場合は、etudesのトップ画面にリンクされます。

  4. 「ヘッダー」の「ヘッダーカラー」で、色が選択できます。
    カラーコードの指定もできます。

  1. ページ下部の「登録」をクリックします。

トップページ(メイン画像)の設定

メイン画像を最大4枚設定し、画像を遷移させることができます。設定しない場合は何も表示されません。

手順

  1. コミュニケーション管理 > トップページデザイン設定から、「ヘッダー&バナー表示」を選択します。

  2. 「メイン画像」の「画像ファイル1」で、メイン画像を選択します。

  対応サイズ:1200 x 430 px    対応ファイル形式:jpeg 、png

  1. 任意でリンク先URLを設定できます。空欄の場合は、トップ画面にリンクされます。また、「別ウィンドウで表示する」にチェックを入れると、リンク先が別ウィンドウで表示されます。

トップページの設定方法
  1. ページ下部の「登録」をクリックします。

トップページ(バナー)の設定

バナー画像を最大4枚設定し、画像を遷移させることができます。設定しない場合は何も表示されません。

手順

  1. コミュニケーション管理 > トップページデザイン設定から、「ヘッダー&バナー表示」を選択します。

  2. 「バナー画像」の「画像ファイル1」で、バナー画像を選択します。

  対応サイズ:230 x 90 px    対応ファイル形式:jpeg、png

  1. 任意でリンク先URLを設定できます。空欄の場合は、トップ画面にリンクされます。

      また、「別ウィンドウで表示する」にチェックを入れると、リンク先が別ウィンドウで表示されます。

  1. ページ下部の「登録」をクリックします。

トップページの設定方法

ワンポイント

上記設定を行うと、以下のようなトップページになります。

トップページの設定方法

次のステップ・関連記事

このページはお役に立ちましたか?