Access Portal 設計をカスタマイズする

Access Portal のデザインは、企業ブランドに合うようカスタマイズすることが可能です。たとえば、ページタイトル、カスタム ロゴ、および背景画像を追加できます。

画像は、2 MB 以下のサイズの .JPG または .PNG ファイルである必要があります。最良の結果を得られるように、以下の画像寸法を使用することをお勧めします：

  • ログイン ロゴ — 最大 300 x 100 ピクセル
  • ヘッダー ロゴ — 最大 200 x 40 ピクセル
  • 背景画像 — 最大 3840 x 2160 ピクセル

アスペクト比を固定するため、ブラウザ ウィンドウのサイズを変更すると背景画像は拡大縮小します。背景画像のデザイン時および確認時には、これを念頭に置いてください。

ボタンやテキスト ボックスなどのページ要素をカスタマイズするには、CSS ファイルをアップロードします。CSS についての詳細は、CSS で Access Portal ページ要素をカスタマイズする を参照してください。

Fireware v12.1.x では、Access Portal の設計をカスタマイズする手順が異なります。Firebox に Fireware v12.1.x が搭載されている場合は、WatchGuard ナレッジ ベースの Fireware v12.1.x で Access Portal 設計をカスタマイズする を参照してください。

ページ タイトルおよび画像を追加する

  1. 登録サービス > Access Portal の順に選択します。
  2. カスタマイズ タブを選択します。
  3. ページ タイトル テキスト ボックスに、ページ ヘッダーで表示するページ タイトルを入力します。
  4. ログイン ページにロゴを追加するには、カスタム ログイン ロゴ を選択します。
    1. ファイルを選択する をクリックします。
    2. ファイルを 参照 します。
    3. アップロード をクリックします。
    4. 以前アップロードした画像に戻すには、画像のリセット をクリックします。
  5. アプリケーション ページにロゴをアップロードするには、カスタム ヘッダー ロゴ を選択します。
    1. ファイルを選択する をクリックします。
    2. ファイルを 参照 します。
    3. アップロード をクリックします。
    4. 以前アップロードした画像に戻すには、画像のリセット をクリックします。
  6. 背景画像をアップロードするには、カスタム 背景画像 を選択します。
    1. ファイルを選択する をクリックします。
    2. ファイルを 参照 します。
    3. アップロード をクリックします。
    4. 以前アップロードした画像に戻すには、画像のリセット をクリックします。

Screen shot of the Customization tab with custom images

  1. 変更をプレビューするには、ログインページのプレビュー または アプリケーションページのプレビュー を選択します。
  2. ボタンやテキスト ボックスなどのページ要素をカスタマイズするには、カスタム CSS ファイル を選択して、CSS で Access Portal ページ要素をカスタマイズする トピックの手順に従います。
  1. 登録サービス > Access Portal の順に選択します。
  2. カスタマイズ タブを選択します。

  1. ページ タイトル テキスト ボックスに、ページ ヘッダーで表示するページ タイトルを入力します。
  2. ログイン ページにロゴを追加するには、カスタム ログイン ロゴ を選択します。
    1. カスタム ロゴのアップロード をクリックします。
    2. ファイルをブラウズし、開く をクリックします。
      カスタム ロゴ のアップロードのログインページが表示されます。

    Screen shot of the Upload Custom Logo dialog box

    1. デバイス管理者認証を持つユーザーのユーザー名とパスワードを入力します。
      アップロードが成功したかどうかを伝えるメッセージが表示されます。

Screen shot of the message for a successful image upload

  1. アプリケーション ページにロゴをアップロードするには、カスタム ヘッダー ロゴ を選択します。
    1. カスタム ロゴのアップロード をクリックします。
    2. ファイルをブラウズし、開く をクリックします。
      カスタム ロゴ のアップロードのログインページが表示されます。
    3. デバイス管理者認証を持つユーザーのユーザー名とパスワードを入力します。
      アップロードが成功したかどうかを伝えるメッセージが表示されます。
  2. 背景画像をアップロードするには、カスタム 背景画像 を選択します。
    1. カスタム 背景画像をアップロードする をクリックします。
    2. ファイルをブラウズし、開く をクリックします。
      カスタム ロゴ のアップロードのログインページが表示されます。
    3. Firebox の管理者びユーザー名、およびパスワードを入力します。
      アップロードが成功したかどうかを伝えるメッセージが表示されます。
  3. ボタンやテキスト ボックスなどのページ要素をカスタマイズするには、カスタム CSS ファイル > カスタム CSS ファイルをアップロードする の順に選択して、CSS で Access Portal ページ要素をカスタマイズする のトピックの指示に従います。

関連情報：

Access Portal について

CSS で Access Portal ページ要素をカスタマイズする

Access Portal を構成する