포털 스타일 정의하기
페이지는 컨테이너, 열, 행, 위젯 및 위젯 인스턴스로 구성됩니다. 각 구성요소의 CSS를 구성하거나 테마 및 브랜딩에 정의된 CSS를 포털의 전역 정의로 사용할 수 있습니다. 테마 또는 브랜딩에서 CSS를 정의하지 않으면 Bootstrap 기본값이 사용됩니다.
포털의 CSS는 여러 수준에서 정의할 수 있습니다.
- 부트스트랩 기본값
다른 CSS가 정의되지 않은 경우 모든 요소는 Bootstrap 버전 3.3.6 기본값을 사용합니다. CSS를 값으로 허용하는 모든 서비스 포털 필드에서 부트스트랩 CSS 도우미 클래스를 사용할 수 있습니다. 컨테이너를 표시하거나 숨기 서비스 포털 려면
visible-lg또는hidden-md와 같은 부트스트랩 CSS 반응형 유틸리티 도우미 클래스를 사용합니다.- 브랜딩 편집기 테마 색상/포털 CSS
브랜딩 편집기 테마 색상 탭에 정의된 CSS입니다. 브랜딩 편집기에서 테마 색상을 변경하면 포털 테이블 [sp_portal]의 CSS 변수 필드에 표시됩니다. 테마 색상을 사용자 지정하면 Bootstrap 기본값을 덮어씁니다.
- 테마 CSS
테마 테이블 [sp_theme]의 CSS 변수 필드에 정의된 CSS입니다. 테마 CSS를 최대한 많이 사용하여 향후 포털을 보다 유연하게 발전시킬 수 있습니다.
테마를 사용하면 포털 CSS/브랜딩 편집기 테마 색상을 덮어씁니다.
- 페이지 CSS
페이지 테이블[sp_page]의 페이지별 CSS 필드에 정의된 CSS입니다.
페이지별 CSS는 테마 CSS를 덮어씁니다.
- CSS 클래스
각 레코드 내의 페이지에서 CSS 클래스 요소를 정의할 수 있습니다.
- 위젯 CSS
위젯 테이블 [sp_widget]의 CSS 필드에 정의된 CSS입니다.
위젯 CSS는 컨테이너, 열 및 행 CSS를 덮어씁니다.
- 위젯 인스턴스 CSS
인스턴스 테이블 [sp_instance]의 CSS 필드에 정의된 CSS입니다.
위젯 인스턴스 CSS는 다른 모든 CSS 정의를 덮어씁니다.