ダッシュボード ページのロゴのカスタマイズ

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 ファイルを保存します。

結果

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