섹션 설정하기
섹션에 배경이미지/동영상을 넣거나 배경색, 상하/좌우 여백 및 각종 효과를 섹션 설정에서 설정할 수 있습니다.
1. 섹션 설정 창 열기
- 섹션 위에 마우스를 올립니다. 섹션은 위젯 영역 뒤쪽에 있기 때문에 위젯이 없는 곳이나 가장자리 회색부분에 마우스를 올립니다.
- 마우스 오른쪽 버튼을 클릭합니다.(우클릭)
섹션 설정을 클릭하면 섹션 설정 창이 열립니다.
2. 섹션 설정하기
- 배경에 이미지 또는 동영상 넣기 : 섹션 설정 창의 윗부분에 마우스 커서를 올리면 이미지 찾기, 무료 이미지, 동영상 버튼이 나타납니다. 버튼을 클릭하여 무료 이미지를 넣거나 내가 가진 이미지를 업로드할 수 있습니다. 동영상 버튼을 클릭하면 유튜브 또는 비메오 영상 주소를 넣어 섹션 배경을 동영상으로 설정할 수 있습니다.
- 배경 > 이미지 : 올려진 배경 이미지를 표시하는 방법을 선택합니다. 9칸으로 구성된 네모난 버튼은 이미지가 표시되는 기준위치를 설정합니다.
- 배경 > 배경색 : 배경색을 지정합니다. 업로드 된 이미지가 있는 경우 이미지 위에 겹쳐 보이기 때문에 이미지와 함께 사용하려면 투명도를 조정합니다.
- 배경 > 텍스트 : 섹션에 표시되는 기본 텍스트 색상을 설정합니다. 이 값을 비워두면 공통 디자인 설정의 텍스트 색상을 따릅니다.
- 흑백 이미지 : 업로드된 배경 이미지를 흑백으로 처리합니다.
- 배경 이미지 고정 : 스크롤을 하더라도 배경이 고정된 위치에 표시됩니다.
- 마우스 포인터 움직임 : 마우스 포인터의 움직임에 따라 배경 이미지가 움직입니다.
- 간격 > 상하여백, 좌우여백 : 섹션의 안쪽 여백을 설정합니다.
- 그리드 간격 : 기본 그리드 간격 옵션을 해제하고 그리드 상하 및 좌우 간격을 조정하여 공통 디자인 설정의 그리드 간격을 따르지 않고 해당 섹션에만 위젯간 간격을 조정할 수 있습니다.
- 가로 100% 확장 : 섹션의 본문영역을 브라우저 크기만큼 확장합니다.
- 사이드 : 섹션의 왼쪽이나 오른쪽이 분할된 형태로 이용하려면 분할된 모양의 아이콘을 선택합니다. 사이드 영역의 폭과 본문과의 여백을 조정할 수 있습니다.