포털 환경의 모양 및 동작 사용자 지정
모양 및 동작 설정을 구성하려면 경험을 편집하고 왼쪽 탐색에서 모양 및 동작을 클릭합니다. 다음 설정을 사용할 수 있습니다.
템플릿 설정 구성
템플릿 설정을 구성하려면 왼쪽 탐색 메뉴에서모양 및 동작 > 템플릿 설정을클릭합니다. 템플릿 설정은 사용 중인 템플릿에 따라 달라집니다. 각 템플릿과 관련된 설정에 대한 정보를 보려면 링크를 클릭합니다.
모든 템플릿에 템플릿 설정이 있는 것은 아닙니다.
사용자 정의 머리글/바닥글 HTML 구성
갤러리는 사이트에 대한 사용자 정의 머리글 및/또는 바닥글을 사용하는 옵션을 제공합니다. 이렇게 하면 포털 경험을 사용자 지정하여 회사 사이트의 모양과 느낌에 더 가깝게 맞출 수 있습니다. 사용자 지정 머리글/바닥글도 계정 수준에서 구성할 수 있습니다. 계정 수준에서 사용자 정의 머리글/바닥글을구성하는 방법에 대한 자세한 내용은 갤러리 설정 구성을참조하십시오.
사용자 지정 머리글이나 바닥글을 사용하도록 포털 환경을 구성하려면 다음 단계를 수행합니다.
- 사이트에 사용할 머리글/바닥글을 디자인합니다. 머리글/바닥 글은 유효한 HTML, 자바 스크립트 또는 CSS 코드를 포함 할 수 있습니다.
- 경험을 편집하십시오.
- 왼쪽 탐색 메뉴에서 [ 모양 및 동작] > [머리말 및꼬리말] 을 클릭합니다.
- 헤더 HTML을사용자 정의 헤더 HTML필드에 붙여 넣습니다.
- 사용자 정의 헤더 아래에 기본 헤더 포함옵션을 선택하여 사용자 정의 헤더 아래에 기본 템플릿 헤더를 표시합니다.
- 바닥글 HTML을사용자 정의 바닥글 HTML필드에 붙여 넣습니다.
- 사용자 정의 바닥글 아래에 기본 바닥글 포함옵션을 선택하여 사용자 정의 바닥글 아래에 기본 템플릿 바닥글을 표시합니다.
- 을 클릭합니다.
사용자 정의 머리글 및 바닥글 사용에 대한 참고 사항
- 갤러리가 머리글/바닥 글에 제공된 HTML에 대한 유효성 검사를 수행하지 않습니다.
- 머리글 및 바닥 글 HTML에는 명시 적 문자 제한이 없습니다.
- 외부 CSS 및 자바 스크립트 파일이 지원됩니다
- 코드는 반응 형 디자인 원칙을 따라야하므로 장치간에 적절하게 확장됩니다.
- 사이트에서 부트 스트랩을 사용할 때 CSS 충돌이 발생합니다 (갤러리는 부트 스트랩을 사용합니다). 충돌을 확인하고 해결해야합니다.
사용자 지정 설정 구성
사용자 지정 설정은 사이트의 모양과 느낌을 사용자 지정할 수 있는 기능을 제공합니다. 사용자 지정 설정을 구성하려면모양 및 동작 > 사용자 지정왼쪽 탐색에서.
다음 설정을 사용할 수 있습니다.
- 사용자 정의 CSS URL - 스타일을 사용자 정의하는 데 사용됩니다. 사용자 지정 .css 파일의 위치를 지정하거나 파일 업로드를 클릭하여 업로드할 파일을 찾아보고 선택합니다. 현재 사이트의 스타일을지정하는데 사용 중인 CSS 파일을 보려면 [CSS 보기] 링크를 클릭합니다.
- 사용자 지정 JavaScript URL - 사이트의 스타일 및/또는 동작을 사용자 지정하는 데 사용됩니다. 사용자 지정 .js 파일의 위치를 지정하거나 파일 업로드를 클릭하여 업로드할 파일을 찾아보고 선택합니다.
- 사용자 정의 파비콘 URL - 사이트에 사용할 파비콘의 위치를 지정하는 데 사용됩니다. 파비콘 지원을 제공하는 브라우저는 일반적으로 페이지의 브라우저 탭에 파비콘을 표시하고 북마크 목록의 페이지 이름 옆에 표시합니다.
- 사용자 정의 모바일 앱 아이콘 - 사이트가 장치 홈 화면에 저장될 때 홈 화면 아이콘으로 사용될 이미지를 선택하는 데 사용됩니다. 브라이트코브는 고해상도 (1024 px x 1024 px 권장) 를 업로드하는 것이 좋습니다. 정사각형 이미지를 사용하면 갤러리에서 이미지의 크기를 조정하고 디바이스에 가장 적합한 버전을 사용할 수 있습니다.
- 사용자 지정 응답 헤더 - 포털에 대한 요청에 대한 응답으로 전송될 HTTP 헤더를 입력합니다. 예를 들어, 헤더를 추가하여 CSP (콘텐츠 보안 정책) 또는 HSTS (HTTP 엄격한 전송 보안) 를 추가할 수 있습니다.