GitLab 외형

Tier: Free, Premium, Ultimate Offering: Self-managed

당신은 GitLab Self-managed 인스턴스의 외형과 느낌을 변경하기 위해 설정을 업데이트할 수 있습니다.

외형(Appearance) 설정을 열려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.

홈페이지 버튼 사용자 정의

홈페이지(Homepage) 버튼의 외형을 사용자 정의합니다.

홈페이지(Homepage) 버튼은 왼쪽 사이드바의 왼쪽 위 모서리에 있습니다. 기본 GitLab 로고 를 다른 이미지로 교체할 수 있습니다.

  • 파일 크기는 1 MB 미만이어야 합니다.
  • 이미지 높이는 28 픽셀이어야 합니다. 28 픽셀보다 더 높은 이미지는 크기가 조정됩니다.

홈페이지(Homepage) 아이콘 이미지를 사용자 정의하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 내비게이션 바(Navigation bar) 아래에서 파일 선택(Choose file)을 선택합니다.
  4. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

파이프라인 상태 이메일에는 사용자 정의 로고가 표시됩니다. 그러나 일부 이메일 애플리케이션은 SVG 이미지를 지원하지 않습니다. 사용자 지정 이미지가 SVG 형식이면 파이프라인 이메일에는 기본 로고가 표시됩니다.

파비콘 사용자 정의

파비콘의 외형을 사용자 정의합니다. 파비콘은 브라우저 탭에 표시되는 웹사이트 아이콘입니다. GitLab 로고 가 기본 브라우저 및 CI/CD 상태 파비콘이 됩니다. 기본 아이콘을 .png 또는 .ico 형식의 32 x 32 픽셀 이미지로 교체할 수 있습니다.

파비콘을 변경하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 파비콘(Favicon) 아래에서 파일 선택(Choose file)을 선택합니다.
  4. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

시스템 헤더 및 푸터 메시지 추가

  • GitLab 15.9에서 소개된 이메일의 헤더 및 푸터 활성화 확인란

귀하의 GitLab 인스턴스의 인터페이스에 작은 헤더 메시지, 작은 푸터 메시지 또는 둘 다를 추가합니다. 이러한 메시지는 해당 인스턴스의 모든 프로젝트 및 페이지에서 표시됩니다. 예를 들어 로그인 및 등록 페이지 등이 있습니다.

  • Markdown을 사용하여 메시지를 이탤릭체로 표시하거나 볼드체로 만들거나 링크를 추가할 수 있습니다.
  • 시스템 메시지는 한 줄로 표시되어야 하므로 Markdown 디렉터리, 이미지 및 인용은 지원되지 않습니다.

시스템 헤더, 푸터 메시지 또는 둘 다를 추가하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 시스템 헤더 및 푸터(System header and footer) 섹션으로 이동합니다.
  4. 필드를 완성합니다.
  5. 선택 사항. 이메일의 헤더 및 푸터 활성화(Enable header and footer in emails) 확인란을 선택합니다. GitLab 인스턴스가 전송하는 모든 이메일에 시스템 메시지를 추가합니다.
  6. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

기본적으로 시스템 헤더 및 푸터 텍스트는 주황색 배경에 흰색 텍스트로 표시됩니다. 메시지 색상을 사용자 정의하려면:

  • 시스템 헤더 및 푸터(System header and footer) 섹션으로 이동하여 색상 사용자 정의(Customize colors)를 선택합니다.

로그인 및 등록 페이지 사용자 정의

로그인 및 등록 페이지의 제목, 설명 및 로고를 사용자 정의합니다. 기본적으로 등록 페이지 로고는 페이지의 왼쪽에 있는데, 제목과 설명 사이에 있습니다.

로그인 및 등록 페이지 제목 또는 설명을 사용자 정의하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 로그인 및 등록 페이지(Sign in/Sign up pages) 섹션으로 이동합니다.
  4. 필드를 완성합니다. 페이지 제목(Title) 및 설명(Description)를 Markdown으로 서식 지정할 수 있습니다.
  5. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

로그인 및 등록 페이지 로고를 사용자 정의하려면:

  • 파일 크기는 1 MB 미만이어야 합니다.
  • 이미지 높이는 128 픽셀이어야 합니다. 128 픽셀보다 더 높은 이미지는 크기가 조정됩니다.
  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 로그인 및 등록 페이지(Sign in/Sign up pages) 섹션으로 이동합니다.
  4. 로고(Logo) 아래에서 파일 선택(Choose file)을 선택합니다.
  5. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

또한, 등록 메시지 아래에 사용자 정의된 도움말 메시지를 추가하거나 로그인 텍스트 메시지를 추가할 수 있습니다.

쿠키 기반 언어 선택기 비활성화

  • GitLab 16.10에서 소개된 선호하는 언어 쿠키 비활성화 기능

Self-managed GitLab에서는 기본적으로 이 기능이 사용할 수 없습니다. 사용할 수 있도록 하려면 관리자가 disable_preferred_language_cookie라는 피처 플래그를 활성화해야 합니다. GitLab.com 및 전용 GitLab에서는 이 기능을 사용할 수 없습니다.

disable_preferred_language_cookie 피처 플래그를 활성화하여 쿠키 기반 언어 선택기를 로그인 및 등록 페이지의 푸터에서 제거할 수 있습니다.

Progressive Web App 사용자 정의

  • GitLab 15.9에서 소개된 Progressive Web App(PWA) 사용자 정의 기능

프로그레시브 웹 앱(PWA)의 아이콘, 표시 이름, 짧은 이름 및 설명을 사용자 정의합니다. 자세한 정보는 프로그레시브 웹 앱을 참조하십시오.

프로그레시브 웹 앱 이름 및 짧은 이름을 추가하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 프로그레시브 웹 앱(PWA) 섹션으로 이동합니다.
  4. 필드를 완성합니다.
    • 이름(Name)은 PWA의 표시 이름입니다.
    • 짧은 이름(Short name)은 모바일 장치 및 작은 화면에 표시됩니다.
  5. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

프로그레시브 웹 앱 설명을 추가하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 프로그레시브 웹 앱(PWA) 섹션으로 이동합니다.
  4. 필드를 완성합니다. 설명(Description)을 Markdown으로 서식 지정할 수 있습니다.
  5. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

프로그레시브 웹 앱 아이콘을 사용자 정의하려면:

  1. 왼쪽 사이드바에서 아래쪽으로 이동하여 관리 영역(Admin Area)을 선택합니다.
  2. 설정(Settings) > 외형(Appearance)을 선택합니다.
  3. 프로그레시브 웹 앱(PWA) 섹션으로 이동합니다.
  4. 아이콘(Icon) 아래에서 파일 선택(Choose file)을 선택합니다.
  5. 페이지 하단에서 외형(Appearance) 설정 업데이트(Update appearance settings)을 선택합니다.

멤버 가이드라인

GitLab에서는 그룹 및 프로젝트 멤버 페이지에 멤버 가이드라인을 추가할 수 있습니다. 설명에서 Markdown을 사용할 수 있습니다.

멤버 가이드라인은 다음을 관리할 수 있는 사용자에게 표시됩니다:

  • 그룹 수준에서 그룹 멤버를 관리할 수 있는 권한을 가진 사용자.
  • 프로젝트 수준에서 프로젝트 멤버를 관리할 수 있는 권한을 가진 사용자.

다음 조건 중 하나를 충족하는 경우 멤버 가이드라인을 추가해야 합니다:

  • 개별적으로가 아닌 미리 정의된 그룹을 사용하여 그룹 및 프로젝트 멤버십을 관리하는 경우.
  • 외부 도구를 사용하는 경우.

새 프로젝트 페이지에 가이드라인 추가하기

새 프로젝트 페이지에 가이드라인 메시지를 추가합니다. Markdown으로 메시지 형식을 지정할 수 있습니다. 가이드라인 메시지는 새 프로젝트 메시지 아래와 새 프로젝트 페이지의 왼쪽에 표시됩니다.

새 프로젝트 페이지에 가이드라인 메시지를 추가하려면:

  1. 왼쪽 사이드바에서 아래쪽에 있는 관리 영역을 선택합니다.
  2. 설정 > 외형을 선택합니다.
  3. 새 프로젝트 페이지 섹션으로 이동합니다.
  4. 필드를 작성합니다. Markdown으로 가이드라인을 지정할 수 있습니다.

프로필 이미지 가이드라인 추가하기

프로필 이미지에 대한 가이드라인을 추가합니다.

  1. 왼쪽 사이드바에서 아래쪽에 있는 관리 영역을 선택합니다.
  2. 설정 > 외형을 선택합니다.
  3. 프로필 이미지 가이드라인 섹션으로 이동합니다.
  4. 필드를 작성합니다. 텍스트를 Markdown으로 형식 지정할 수 있습니다.

Libravatar

GitLab은 아바타 이미지에 Libravatar를 지원하지만, GitLab 인스턴스에서 Libravatar 지원을 매뉴얼으로 활성화해야 합니다. 자세한 정보는 서비스 사용을 위해 Libravatar를 참조하세요.