3.4. 주제 생성

절차

1. 주제의 < THEME TYPE>/resources/css 디렉터리에 파일을 만듭니다.

2. 이 파일을 topic . properties 의 style 속성에 추가합니다.

   예를 들어 mytheme 에 style .css 를 추가하려면 다음 콘텐츠를 사용하여 themes/mytheme/login/resources/css/styles.css 를 생성합니다.

   .login-pf body {
       background: DimGrey none;
   }

   Copy to Clipboard Toggle word wrap

3. 주제/mytheme/login/theme.properties 를 편집하고 다음을 추가합니다.

   styles=css/styles.css

   Copy to Clipboard Toggle word wrap

4. 변경 사항을 확인하려면 영역의 로그인 페이지를 엽니다.

   적용되는 유일한 스타일은 사용자 정의 스타일로 인한 것입니다.

5. 부모 주제의 스타일을 포함하려면 해당 주제에서 스타일을 로드합니다. 주제/mytheme/login/theme.properties 를 편집하고 스타일을 다음과 같이 변경합니다.

   styles=web_modules/@fontawesome/fontawesome-free/css/icons/all.css web_modules/@patternfly/react-core/dist/styles/base.css web_modules/@patternfly/react-core/dist/styles/app.css node_modules/patternfly/dist/css/patternfly.min.css node_modules/patternfly/dist/css/patternfly-additions.min.css css/login.css css/styles.css

   Copy to Clipboard Toggle word wrap
   참고

   부모 스타일 대결에서 style을 재정의하려면 스타일시트를 마지막에 나열해야 합니다.

절차

1. 주제의 < THEME TYPE>/resources/js 디렉터리에 파일을 만듭니다.

2. 파일을 topic .properties 의 scripts 속성에 추가합니다.

   예를 들어 mytheme 에 script.js 를 추가하려면 다음 콘텐츠를 사용하여 themes/mytheme/login/resources/js/script.js 를 생성합니다.

   alert('Hello');

   Copy to Clipboard Toggle word wrap

   그런 다음 themes/mytheme/login/theme.properties 를 편집하고 다음을 추가합니다.

   scripts=js/script.js

   Copy to Clipboard Toggle word wrap

절차

1. 주제 디렉토리에 < THEME TYPE>/Forwarded/ECDHE_<LOCALE>.properties 파일을 만듭니다.

2. 이 파일을 < THEME TYPE>/theme.properties 의 locales 속성에 추가합니다. 사용자의 로그인 영역,계정 및 이메일에 사용할 수 있는 언어를 사용하려면, 주제에서 해당 언어를 지원해야 하므로 해당 주제 유형에 대해 언어를 추가해야 합니다.

   예를 들어, Norwegian 번역을 mytheme topic에 추가하려면 다음 콘텐츠와 함께 themes/mytheme/login/ECDHE_no.properties 파일을 생성합니다.

   usernameOrEmail=Brukernavn
   password=Passord

   Copy to Clipboard Toggle word wrap

   메시지에 대한 번역을 생략하면 영어가 사용됩니다.

3. 주제/mytheme/login/theme.properties 를 편집하고 다음을 추가합니다.

   locales=en,no

   Copy to Clipboard Toggle word wrap
4. 계정 및 이메일 주제 유형에 대해 동일하게 추가합니다. 이렇게 하려면 주제 /mytheme/account/ECDHE_no.properties 및 themes/mytheme/email/ECDHE/knative_no.properties 를 만듭니다. 이러한 파일을 비워 두면 영어 메시지가 사용됩니다.
5. themes/mytheme/login/theme.properties 를 themes/mytheme/account/theme.properties 및 themes/mytheme/email/theme.properties 에 복사합니다.

6. 언어 선택기에 대한 번역을 추가합니다. 이 작업은 영어 번역에 메시지를 추가하여 수행됩니다. 이렇게 하려면 themes/mytheme/account/ECDHE_en.properties 및 themes/mytheme/login/ECDHE_en.properties에 다음을 추가합니다.

   locale_no=Norsk

   Copy to Clipboard Toggle word wrap

   기본적으로 메시지 속성 파일은 ISO-8859-1을 사용하여 인코딩해야 합니다. 특수 헤더를 사용하여 인코딩을 지정할 수도 있습니다. 예를 들어 UTF-8 인코딩을 사용합니다.

   # encoding: UTF-8
   usernameOrEmail=....

   Copy to Clipboard Toggle word wrap

절차

1. 키 패턴 kcLogoIdP-<alias>를 사용하여 로그인she .properties 파일에서 아이콘 클래스를 정의합니다.

2. myProvider 별칭이 있는 ID 공급자의 경우 사용자 정의 주제의 topic.properties 파일에 행을 추가할 수 있습니다. 예를 들면 다음과 같습니다.

   kcLogoIdP-myProvider = fa fa-lock

   Copy to Clipboard Toggle word wrap

절차

1. 템플릿을 기본 주제에서 고유한 주제로 복사합니다.

2. 필요한 수정 사항을 적용합니다.

   예를 들어 mytheme topic에 대한 사용자 지정 로그인 양식을 생성하려면 themes/base/login/login 을 themes/mytheme/login 에 복사하여 편집기에서 엽니다.

   첫 번째 줄(<#import …​> 뒤에 < h1>HELLO WORLD!</h1 >을 추가합니다.

   <#import "template.ftl" as layout>
   <h1>HELLO WORLD!</h1>
   ...

   Copy to Clipboard Toggle word wrap
3. 수정된 템플릿을 백업합니다. 새 버전의 Red Hat Single Sign-On으로 업그레이드할 때 해당하는 경우 원래 템플릿에 변경 사항을 적용하려면 사용자 지정 템플릿을 업데이트해야 할 수 있습니다.