블록의 여백을 클릭하면 블록의 옵션 패널이, 콘텐츠 영역을 클릭하면 해당 콘텐츠의 옵션 설정 패널이 나타납니다.
옵션의 종류는 블록의 구성이나 스타일에 따라 상이합니다.
블록 콘텐츠가 여백없이 가득찬 경우, 블록 좌측 상단에 위치한 [블록 옵션] 아이콘을 클릭하여 옵션 설정 패널을 열 수 있습니다.
블록 높이 설정 New
블록 높이는 [자동/직접설정] 중 선택할 수 있습니다.
블록 높이 우측의 [모드 전환] 버튼을 클릭하여 설정할 수 있습니다.
자동 : 별도의 설정없이 높이가 자동으로 조정됩니다. 고정 콘텐츠로 이루어진 경우 사용을 추천합니다.
직접설정 : 블록 높이를 직접 설정할 수 있습니다.
자동
고정 콘텐츠가 포함된 블록의 경우, 블록 높이가 [자동]으로 설정되면 콘텐츠 내용이 추가되면 블록 높이가 자동적으로 늘어나게 됩니다.
콘텐츠의 길이가 길어지거나 짧아지더라도 별도의 높이 설정이 필요하지 않아 편리한 편집이 가능합니다.
블록 안의 콘텐츠에 마우스를 올렸을 때 외곽선이 점선으로 나타나는 콘텐츠는 모두 [고정 콘텐츠]입니다.
고정콘텐츠와 이동콘텐츠에 관련된 상세한 내용은 여기를 참고하여 주세요.
[텍스트형][목록형][갤러리형]
직접설정
정해진 높이로 영역을 디자인 하고 싶은 경우 [직접설정]을 이용할 수 있습니다.
블록 높이를 [직접설정]으로 설정하신 후 원하는 높이를 입력하세요. (설정 가능한 범위는 30 ~ 5000px입니다.) 이동 콘텐츠로 이루어진 블록을 디자인 하는 경우, 유용하게 사용 가능합니다.
이미지/요소/텍스트/업로드 탭에서 삽입하는 콘텐츠는 모두 이동 콘텐츠입니다.
직접설정의 최소 높이는 상하단 여백의 합이 됩니다.
최소 높이를 낮출 수 없는 경우, 여백이 높게 설정된 것이 아닌지 확인 해 보세요.
설정된 블록 높이보다 고정 콘텐츠의 길이가 길어지는 경우, 자동으로 설정 변경을을 권장하는 경고창이 뜹니다.
자동 설정으로 변경하지 않는 경우, 지정된 블록의 높이보다 긴 고정 콘텐츠는 숨김처리됩니다.
여백/간격
여백 : 영역 내부의 상/하/좌/우 여백을 조정할 수 있습니다.
간격 : 다른 콘텐츠와의 간격을 조정할 수 있습니다.
배경색
항목의 배경 색을 설정합니다. 팔레트에서 원하는 색상을 고를 수 있고, 컬러코드가 출력되는 영역에 hex 값으로 삽입할 수도 있습니다.
팔레트 하단에 있는 바를 이용하여 투명도 설정도 가능합니다.
라인색상
라인이 적용된 항목의 경우, 라인색상을 변경할 수 있습니다.
색상 파레트 내의 스포이드 기능을 활용하면 화면 내 어느 곳이던 색상 정보를 추출하여 적용할 수 있습니다.
라운딩
항목의 모서리의 라운딩(곡선) 값을 변경할 수 있습니다.
수정을 원하는 모서리를 체크박스로 선택하고 값을 조정하시면 해당하는 모서리의 라운딩 값이 조정됩니다.
이미지 라운딩
항목 내 포함된 이미지의 라운딩을 설정합니다.
최소값인 0으로 설정하면 각진 모서리가, 최대값인 100으로 설정하면 원형이 됩니다.
(직사각형의 이미지인경우, 짧은 면이 원형으로 적용됩니다)
[이미지 라운딩 0][이미지 라운딩 100]
이미지 비율
이미지 프레임의 가로-세로 비율을 조정합니다.
[고정 콘텐츠] 내에 포함된 이미지의 경우 가로 사이즈는 고정되어 있고 비율 조정을 통해 세로 길이를 원하는 형태로 설정할 수 있습니다.
100으로 설정 시 가로 - 세로 비율이 1:1이 되며,
100보다 작은 경우 가로로 긴 이미지가, 100보다 큰 경우 세로가 긴 이미지가 됩니다.
[이미지 비율 70][이미지 비율 140]
이미지 노출방식
이미지 영역에 설정된 비율과 원본 이미지의 비율이 다른 경우, 이미지를 노출하는 방식을 설정할 수 있습니다.
채우기 : 설정된 영역에 이미지를 가득차게 적용합니다. 설정된 비율과 원본 이미지의 비율이 다른 경우, 남는 이미지를 숨김 처리합니다.
포함하기 : 원본 이미지를 잘리지 않게 모두 적용합니다. 설정된 비율과 원본 이미지의 비율이 다른 경우 이미지 영역에 빈 공간이 생기게 됩니다.
