自訂登入頁面背景

您可以指定要顯示為 VMware Integrated OpenStack 儀表板登入頁面背景的自訂圖形。

程序

1. 將自訂圖形檔案載入 VMware Integrated OpenStack 部署的 /home/viouser/custom/horizon/ 目錄中。
   此目錄是 VMware Integrated OpenStack 儀表板中圖形檔案的預設目錄。
2. 在文字編輯器中開啟 /home/viouser/custom/horizon/_styles.scss 檔案。
   1. 取消 .login-bg 參數的註解。

      .login-bg {
        height: 100%;
        body {
          background: #1D2226 url("/static/themes/vmware/CUSTOM-BACKGROUND-IMAGE.jpg") repeat-x 45% 0 !important;
          background-size: 100% auto !important;
          color: black;
        }

   2. 將 .login-bg 參數修改為參考該自訂背景圖形檔案。
   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. 將指定 custom 目錄的參數取消註解，以取得該自訂圖形檔案。

      # 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 檔案。

結果

下次啟動工作階段時，您的自訂背景影像會顯示在儀表板登入頁面上。