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 파일을 저장합니다.

결과

다음에 세션을 시작할 때 사용자 지정 로고가 각 대시보드 페이지의 왼쪽 상단에 표시됩니다.