Menu Close

4장. 그래픽 사용자 인터페이스 브랜딩 및 검사

Anaconda 사용자 인터페이스의 사용자 지정에는 그래픽 요소의 사용자 지정 및 제품 이름의 사용자 지정이 포함될 수 있습니다.

이 섹션에서는 그래픽 요소 및 제품 이름을 사용자 지정하는 방법에 대한 정보를 제공합니다.

사전 요구 사항

  1. ISO 이미지를 다운로드하여 추출했습니다.
  2. 당신은 당신의 자신의 브랜딩 자료를 만들 수 있습니다.

부팅 이미지 다운로드 및 추출에 대한 자세한 내용은 Red Hat Enterprise Linux 부팅 이미지 추출을참조하십시오.

사용자 인터페이스 사용자 지정에는 다음과 같은 상위 수준 작업이 포함됩니다.

  1. 사전 요구 사항을 완료합니다.
  2. 사용자 정의 브랜딩 자료 만들기 (그래서 그래픽 요소를 사용자 정의하려는 경우)
  3. 그래픽 요소 사용자 지정 (사용자 정의하려는 경우)
  4. 제품 이름 사용자 정의 (사용자 정의하려는 경우)
  5. product.img 파일 만들기
  6. 사용자 정의 부팅 이미지 생성
참고

사용자 지정 브랜딩 자료를 만들려면 먼저 기본 그래픽 요소 파일 유형 및 크기를 참조하십시오. 따라서 사용자 정의 자료를 생성할 수 있습니다. 기본 그래픽 요소에 대한 세부 정보는 4.1절. “그래픽 요소 사용자 정의” 섹션에 제공된 샘플 파일에서 확인할 수 있습니다.

4.1. 그래픽 요소 사용자 정의

그래픽 요소를 사용자 정의하려면 사용자 정의 가능한 요소를 사용자 지정 브랜드 자료로 수정하거나 교체하고 컨테이너 파일을 업데이트할 수 있습니다.

설치 프로그램의 사용자 지정 가능 그래픽 요소는 설치 프로그램 런타임 파일 시스템의 /usr/share/anaconda/pixmaps/ 디렉터리에 저장됩니다. 이 디렉터리에는 다음 사용자 지정 가능 파일이 포함되어 있습니다.

pixmaps
├─ anaconda-password-show-off.svg
├─ anaconda-password-show-on.svg
├─ right-arrow-icon.png
├─ sidebar-bg.png
├─ sidebar-logo.png
└─ topbar-bg.png

또한 /usr/share/anaconda/ 디렉터리에는 기본 UI 요소의 파일 이름 및 매개 변수 - 로고 및 상단 표시줄의 배경을 결정하는 anaconda-$k.css 라는 CSS 스타일시트가 포함되어 있습니다. 파일에는 요구 사항에 따라 사용자 지정할 수 있는 다음 내용이 있습니다.

/* theme colors/images */

@define-color product_bg_color @redhat;

/* logo and sidebar classes */

.logo-sidebar {
   background-image: url('/usr/share/anaconda/pixmaps/sidebar-bg.png');
   background-color: @product_bg_color;
   background-repeat: no-repeat;
}

/* Add a logo to the sidebar */

.logo {
   background-image: url('/usr/share/anaconda/pixmaps/sidebar-logo.png');
   background-position: 50% 20px;
   background-repeat: no-repeat;
   background-color: transparent;
}

/* This is a placeholder to be filled by a product-specific logo. */

.product-logo {
   background-image: none;
   background-color: transparent;
}

AnacondaSpokeWindow #nav-box {
   background-color: @product_bg_color;
   background-image: url('/usr/share/anaconda/pixmaps/topbar-bg.png');
   background-repeat: no-repeat;
   color: white;
}

CSS 파일의 가장 중요한 부분은 해상도에 따라 스케일링을 처리하는 방법입니다. PNG 이미지 배경은 확장되지 않으며 항상 실제 크기에 표시됩니다. 대신 배경은 투명한 배경을 가지고 있으며 스타일시트는 @define 색상 라인에서 일치하는 배경 색상을 정의합니다. 따라서 배경 이미지 "케이드"를 배경색 으로, 즉 이미지 확장 없이도 모든 해상도에서 배경 이미지가 작동합니다.

background-repeat 매개변수를 배경을 타일 타일로 변경하거나 설치하려는 모든 시스템에 동일한 표시 해상도가 있다고 확신하는 경우 전체 표시줄을 채우는 배경 이미지를 사용할 수도 있습니다.

위에 나열된 모든 파일을 사용자 지정할 수 있습니다. 이렇게 하면 2.2절의 지침에 따라 "product.img File"을 생성하여 사용자 지정 그래픽을 사용하여 고유한 product.img를 만든 다음, 섹션 2.3, "사용자 지정 부팅 이미지 생성"을 클릭하여 변경 사항이 포함된 새로운 부팅 가능한 ISO 이미지를 생성합니다.