VMware Integrated OpenStack ダッシュボード ログイン ページに表示されるカスタム ロゴを指定できます。

手順

  1. カスタム グラフィック ファイルを VMware Integrated OpenStack デプロイの /home/viouser/custom/horizon/ ディレクトリにロードします。

    このディレクトリは、VMware Integrated OpenStack ダッシュボードのグラフィック ファイルのデフォルト ディレクトリです。

  2. テキスト エディタで /home/viouser/custom/horizon/_styles.scss ファイルを変更します。
    1. .login パラメータをコメント解除します。
      .login {
          background-image: url(/static/themes/vmware/CUSTOM_LOGIN_PAGE_LOGO.png);
          color: white;
          background-color: black;
      }
    2. カスタム グラフィック ファイルを参照するように、.login パラメータを変更します。
    3. _styles.scss ファイルを保存します。
  3. custom.yml ファイルを実装します。
    sudo mkdir -p /opt/vmware/vio/custom
    sudo cp /var/lib/vio/ansible/custom/custom.yml.sample /opt/vmware/vio/custom/custom.yml
  4. テキスト エディタで /opt/vmware/vio/custom/custom.yml ファイルを開きます。
    1. custom.yml の設定を有効にするパラメータのコメントを解除して、デフォルト スタイル シートの設定をオーバーライドします。
      # overwrite the _styles.scss file in the VMware theme
      horizon_custom_stylesheet: "/home/viouser/custom/horizon/_styles.scss"
    2. カスタム グラフィック ファイルを格納するカスタム ディレクトリを指定するパラメータのコメントを解除します。
      # copy all custom images (or other files) to be accessible in horizon
      # IMPORTANT: this line must end with a "/" in order to place the files
      # in the right location for horizon
      horizon_custom_directory: "/home/viouser/custom/horizon/" 
    3. custom.yml ファイルを保存します。

タスクの結果

次のセッション開始時にダッシュボード ログイン ページにカスタム ロゴが表示されます。