여러 개의 이미지를 보여줄 때 사용합니다.
❶ 이미지 첨부: 원하는 이미지를 업로드하거나 upsplash 버튼을 클릭하여 원하는 이미지를 추가할 수 있습니다.
❷ 이미지 타이틀: 이미지에 대한 제목을 입력합니다. 입력하지 않을 시 이미지만 노출됩니다.
❸ 이미지 설명: 이미지에 대한 설명을 입력합니다. 입력하지 않을 시 이미지만 노출됩니다.
❹ 이미지 추가: 상단 '+이미지 추가' 또는 리스트 하단 '+추가' 버튼을 클릭하여 더 많은 이미지를 추가할 수 있습니다.
❶ 한 줄 이미지 개수: 한 줄에 출력될 이미지 개수를 선택합니다. 2단부터 6단까지 설정 가능합니다.
❷ 전체 넓이 사용
사용함: 적용한 홈페이지 가로 사이즈를 무시하고 이미지 그룹이 가로로 꽉차게 보여집니다.
사용안함: 적용한 홈페이지 가로 사이즈 내에서 이미지 그룹이 보여집니다.
❸ 이미지 확대 사용: 홈페이지에서 이미지를 클릭했을 때 크게 볼 수 있는 기능을 활성화(사용함), 비활성화(사용안함)할 수 있는 기능입니다.
❹ 높이: 슬라이더 또는 직접 픽셀 값을 입력하여 세로 높이를 조정할 수 있습니다. PC, 모바일 화면 각각 설정할 수 있습니다.
❺ 이미지 음영: 이미지 음영을 설정합니다.
❻ 배경색: 구성 요소의 배경색을 설정합니다.
❼ 글자색: 이미지 타이틀, 이미지 설명에 대한 폰트 색상을 설정합니다.
❽ 테두리 라운드: 이미지의 테두리 라운딩을 설정합니다.
❾ 이미지 채움: 이미지의 채움 정도를 설정합니다. 원본을 보여주거나 비율을 유지하면서 꽉 채우는 등 이미지가 어떻게 보여질지 선택할 수 있습니다.
❿ 이미지 간격: 이미지 사이의 간격을 설정합니다.
⓫ 텍스트 정렬: 이미지 하단 텍스트를 왼쪽, 오른쪽, 가운데 정렬로 설정합니다.
이미지 그룹 구성 요소의 위, 아래, 왼쪽, 오른쪽 여백을 각각 설정할 수 있습니다.