디자인
디자인 설정에 대해 알아봅니다.
디자인 설정은 에디터에 적용이 되는 공통 사항으로 큐샵 에디터의 LNB영역과 같은 역할을 하게 됩니다. 공통 색상, 그리드 간격 폰트 등을 선택하여 디자인을 할 수 있으며 폰트의 크기, 굵기 등은 각각의 콘텐츠 요소를 통해 설정을 할 수 있습니다.
1. 테마
콘텐츠 및 뷰포트의 기본 색상을 설정합니다. 공통적으로 적용이 될 배경, 버튼, 텍스트의 색상을 지정할 수 있으며 테마셔플을 통해 임의 색상을 지정할 수 있습니다. 테마셔플의 이전/다음 테마를 통해 임의로 선택 된 테마들을 다시 확인 할 수 있습니다.
요소에 따라 일부 개별적으로 설정이 가능합니다.
항목 | 설명 |
Background |
|
button | 링크 / 도형 / 라인의 기본 색상을 설정합니다. |
Text main | 텍스트 / 스크롤링의 기본 색상을 설정합니다. |
Text sub | 링크 콘텐츠의 텍스트 / 아이콘의 기본 색상을 설정합니다. |
테마셔플 | 색상을 임의로 지정합니다 셔플 후 이전 테마 / 다음 테마를 통해 적용이 된 색상을 확인할 수 있습니다. |
2. Gap
뷰포트에 적용이 되는 텐츠 사이의 간격을 설정합니다. 최소 0px ~ 최대 10px 까지 설정이 가능합니다.
3. Font
사이트에 적용이 되는 폰트를 선택합니다.
4. Fill / Outline
링크 콘텐의 프레임 모양 및 배경색상 여부를 선택합니다. 투명 디자인을 선택하게 되면, 색상은 배경이 아닌 테두리에 적용이 됩니다.
5. Shodow
링크 콘텐츠의 그림자 여부 및 디자인을 선택합니다.
Last updated
