포털 환경의 모양 및 동작 사용자 지정

이 항목에서는 포털 경험의 모양과 동작을 사용자 지정하는 방법에 대해 알아봅니다.

모양 및 동작 설정을 구성하려면 경험을 편집하고 왼쪽 탐색에서 모양 및 동작을 클릭합니다. 다음 설정을 사용할 수 있습니다.

템플릿 설정 구성

템플릿 설정을 구성하려면 왼쪽 탐색 메뉴에서모양 및 동작 > 템플릿 설정을클릭합니다. 템플릿 설정은 사용 중인 템플릿에 따라 달라집니다. 각 템플릿과 관련된 설정에 대한 정보를 보려면 링크를 클릭합니다.

모든 템플릿에 템플릿 설정이 있는 것은 아닙니다.

갤러리는 사이트에 대한 사용자 정의 머리글 및/또는 바닥글을 사용하는 옵션을 제공합니다. 이렇게 하면 포털 경험을 사용자 지정하여 회사 사이트의 모양과 느낌에 더 가깝게 맞출 수 있습니다. 사용자 지정 머리글/바닥글도 계정 수준에서 구성할 수 있습니다. 계정 수준에서 사용자 정의 머리글/바닥글을구성하는 방법에 대한 자세한 내용은 갤러리 설정 구성을참조하십시오.

사용자 지정 머리글이나 바닥글을 사용하도록 포털 환경을 구성하려면 다음 단계를 수행합니다.

  1. 사이트에 사용할 머리글/바닥글을 디자인합니다. 머리글/바닥 글은 유효한 HTML, 자바 스크립트 또는 CSS 코드를 포함 할 수 있습니다.
  2. 경험을 편집하십시오.
  3. 왼쪽 탐색 메뉴에서 [ 모양 및 동작] > [머리말 및꼬리말] 을 클릭합니다.
  4. 헤더 HTML을사용자 정의 헤더 HTML필드에 붙여 넣습니다.
  5. 사용자 정의 헤더 아래에 기본 헤더 포함옵션을 선택하여 사용자 정의 헤더 아래에 기본 템플릿 헤더를 표시합니다.
  6. 바닥글 HTML을사용자 정의 바닥글 HTML필드에 붙여 넣습니다.
  7. 사용자 정의 바닥글 아래에 기본 바닥글 포함옵션을 선택하여 사용자 정의 바닥글 아래에 기본 템플릿 바닥글을 표시합니다.
  8. 저장을 클릭합니다.

사용자 정의 머리글 및 바닥글 사용에 대한 참고 사항

  • 갤러리가 머리글/바닥 글에 제공된 HTML에 대한 유효성 검사를 수행하지 않습니다.
  • 머리글 및 바닥 글 HTML에는 명시 적 문자 제한이 없습니다.
  • 외부 CSS 및 자바 스크립트 파일이 지원됩니다
  • 코드는 반응 형 디자인 원칙을 따라야하므로 장치간에 적절하게 확장됩니다.
  • 사이트에서 부트 스트랩을 사용할 때 CSS 충돌이 발생합니다 (갤러리는 부트 스트랩을 사용합니다). 충돌을 확인하고 해결해야합니다.

사용자 지정 설정 구성

사용자 지정 설정은 사이트의 모양과 느낌을 사용자 지정할 수 있는 기능을 제공합니다. 사용자 지정 설정을 구성하려면모양 및 동작 > 사용자 지정왼쪽 탐색에서.

다음 설정을 사용할 수 있습니다.

  • 사용자 정의 CSS URL - 스타일을 사용자 정의하는 데 사용됩니다. 사용자 지정 .css 파일의 위치를 지정하거나 파일 업로드를 클릭하여 업로드할 파일을 찾아보고 선택합니다. 현재 사이트의 스타일을지정하는데 사용 중인 CSS 파일을 보려면 [CSS 보기] 링크를 클릭합니다.
  • 사용자 지정 JavaScript URL - 사이트의 스타일 및/또는 동작을 사용자 지정하는 데 사용됩니다. 사용자 지정 .js 파일의 위치를 지정하거나 파일 업로드를 클릭하여 업로드할 파일을 찾아보고 선택합니다.
  • 사용자 정의 파비콘 URL - 사이트에 사용할 파비콘의 위치를 지정하는 데 사용됩니다. 파비콘 지원을 제공하는 브라우저는 일반적으로 페이지의 브라우저 탭에 파비콘을 표시하고 북마크 목록의 페이지 이름 옆에 표시합니다.
  • 사용자 정의 모바일 앱 아이콘 - 사이트가 장치 홈 화면에 저장될 때 홈 화면 아이콘으로 사용될 이미지를 선택하는 데 사용됩니다. 브라이트코브는 고해상도 (1024 px x 1024 px 권장) 를 업로드하는 것이 좋습니다. 정사각형 이미지를 사용하면 갤러리에서 이미지의 크기를 조정하고 디바이스에 가장 적합한 버전을 사용할 수 있습니다.
  • 사용자 지정 응답 헤더 - 포털에 대한 요청에 대한 응답으로 전송될 HTTP 헤더를 입력합니다. 예를 들어, 헤더를 추가하여 CSP (콘텐츠 보안 정책) 또는 HSTS (HTTP 엄격한 전송 보안) 를 추가할 수 있습니다.