메인 배너 섹션

[ 이미지 배너 추가하기 ] Step 1. 패널 하단의 '+' 버튼을 눌러 이미지를 업로드 하고 이미지를 드래그 하여 배너의 순서를 변경할 수 있습니다.

Step 2. 업로드한 이미지 위에 마우스를 올리면 보이는 톱니바퀴 모양의 설정 버튼을 눌러주세요.

Step 3. 아래 이미지 설정 패널에서 배너에 포함할 내용을 지정해주세요.

설정 항목
제목 배너에 노출할 제목 글입니다.
설명 배너에 노출할 설명 글입니다.
버튼 글자 전환을 위해 버튼을 추가하고자 할 때 글자를 입력해주세요. 버튼을 노출하고 싶지 않은 경우 입력란을 비워두세요.
링크 주소 배너 혹은 버튼을 누르면 이동할 경로를 지정할 수 있습니다. 새 탭에서 열기 사용 [✔︎] 을 선택하면 브라우저 내 새 탭으로 해당 링크를 열어줍니다.

4-3. 메인 배너 섹션 공통 스타일 설정하기

공통 스타일 설정 패널로 이동하거나 섹션 태그의 파레트 모양 아이콘을 눌러 메인 배너 섹션의 공통 스타일을 설정할 수 있습니다.

설정 항목
종류 메인 배너 섹션의 크기를 지정하는 방식을 설정할 수 있습니다. 높이 고정 모니터 화면의 너비와 높이 중 높이를 기준으로 메인 배너의 크기를 정할 수 있습니다. 높이 고정 선택 시 메인 배너 섹션에 글자를 입력할 수 있습니다. 비율 고정 메인 배너 섹션의 너비/높이 비율로 메인 배너의 크기를 정할 수 있습니다. 비율 고정 선택 시 메인 배너 섹션에 글자를 입력할 수 없습니다. 머리글과 합치기 사용 [✔︎] 을 선택하면 머리글이 메인 배너 위로 투명하게 얹어져서 화면에 보여집니다.
스타일 밝은 메인 배너 섹션의 종류를 '높이 고정'으로 했을 때 배너 위에 출력되는 글자를 흰색으로 출력합니다. 어두운 메인 배너 섹션의 종류를 '높이 고정'으로 했을 때 배너 위에 출력되는 글자를 검은색으로 출력합니다.
높이 메인 배너 섹션의 높이를 지정할 수 있습니다. 첫 페이지 상점 웹사이트의 첫 페이지(홈)에 보여질 메인 배너 섹션의 사이즈를 지정할 수 있습니다. 그 외 페이지 상점 웹사이트의 첫 페이지(홈)를 제외한 다른 페이지에 보여질 메인 배너 섹션의 사이즈를 지정할 수 있습니다. 2/5 모니터 화면의 2/5 사이즈로 배너의 높이가 지정됩니다. 절반 모니터 화면의 절반 사이즈로 배너의 높이가 지정됩니다. 2/3 모니터 화면의 2/3 사이즈로 배너의 높이가 지정됩니다. 전체 화면 모니터 화면을 꽉 채우도록 배너의 높이가 지정됩니다.
정렬 메인 배너 섹션의 종류를 '높이 고정'으로 했을 때 배너 위에 출력되는 글자의 정렬 방식을 지정할 수 있습니다. 왼쪽 / 가운데 / 오른쪽
배경 메인 배너 섹션의 배경색을 지정할 수 있습니다. 색상 메인 배너 섹션의 배경색을 지정할 수 있습니다. 불투명도 메인 배너 섹션의 배경 색상 투명도를 지정할 수 있습니다. 0%는 완전 투명 100%는 완전 불투명한 상태입니다. 스크롤할 때 배경 고정하기 사용 [✔︎] 설정 시 화면 내에서 스크롤할 때 배경은 고정되고 콘텐츠만 위・아래로 이동합니다.
제목 메인 배너 섹션의 종류를 '높이 고정'으로 했을 때 배너 위에 출력되는 글자 중 제목글의 속성을 지정할 수 있습니다. 글꼴 서체를 지정할 수 있습니다. 굵기 글자 굵기를 지정할 수 있습니다. 크기 글자 크기를 지정할 수 있습니다. 자간 글자의 자간을 지정할 수 있습니다.
설명 메인 배너 섹션의 종류를 '높이 고정'으로 했을 때 배너 위에 출력되는 글자 중 설명글의 속성을 지정할 수 있습니다. 글꼴 서체를 지정할 수 있습니다. 굵기 글자 굵기를 지정할 수 있습니다. 크기 글자 크기를 지정할 수 있습니다. 자간 글자의 자간을 지정할 수 있습니다.
버튼 메인 배너 섹션의 종류를 '높이 고정'으로 했을 때 배너 위에 출력되는 버튼의 속성을 지정할 수 있습니다. 글자 크기 버튼 안에 보여지는 글자의 크기를 지정할 수 있습니다.
네비게이션 메인 배너 섹션에 여러 이미지가 보여질 때 이전/다음 이미지로 이동할 수 있는 버튼 유형을 지정할 수 있습니다. 없음 네비게이션을 보여주지 않습니다. 화살표 화살표 모양의 네비게이션을 보여줍니다. 점 점(도트) 모양의 네비게이션을 보여줍니다.
전환 효과 메인 배너 섹션에 여러 이미지가 보여질 때 이전/다음 이미지로 이동 시 적용할 전환 효과를 지정할 수 있습니다. 밝기 변화 자동 재생하기 사용 [✔︎] 설정 시 지정한 재생 간격(초) 마다 다음 이미지로 이동합니다. 마우스 올릴 때 일시 정지하기 사용 [✔︎] 설정 시 메인 배너 섹션에 마우스를 올리면 자동 재생을 잠시 멈춥니다.