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

手順

  1. カスタム グラフィック ファイルを VMware Integrated OpenStack デプロイの /home/viouser/custom/horizon/ ディレクトリにロードします。
    このディレクトリは、 VMware Integrated OpenStack ダッシュボードのグラフィック ファイルのデフォルト ディレクトリです。
  2. テキスト エディタで /home/viouser/custom/horizon/_styles.scss ファイルを変更します。
    1. .topbar パラメータをコメント解除します。
      .topbar {
        h1.brand a {
          background-image: url(/static/themes/vmware/CUSTOM_PAGE_LOGO.png);
        }
      }
    2. カスタム グラフィック ファイルを参照するように、.topbar パラメータを変更します。
    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 ファイルを保存します。

結果

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