갤러리
Last updated
Last updated
갤러리 카드는 페이지에 최대 15장의 이미지를 한 번에 삽입할 수 있는 카드로, 여러 이미지를 연속적으로 보여주고 싶을 때 유용하게 사용할 수 있습니다. 여러 장의 이미지를 하나의 흐름 안에서 연결된 느낌으로 보여줄 수 있어, 시각적인 스토리텔링이 필요한 콘텐츠에 특히 효과적입니다.
이미지는 일정한 간격으로 정렬되며, 다양한 레이아웃 옵션을 통해 그 배치 방식을 자유롭게 설정할 수 있습니다. 일렬로 나열하거나 슬라이드 형태로 배열하는 등 콘텐츠 분위기나 디자인 스타일에 맞게 구성할 수 있어, 페이지의 시각적 완성도를 높여줍니다.
이미지 목록은 갤러리 카드에 이미지를 추가하는 공간입니다. 이미지는 한 번에 최대 15장까지 추가할 수 있습니다.
이미지 추가 : 이미지 목록에서 ‘+’ 버튼을 눌러 원하는 이미지를 선택하면 목록에 추가되며, 최대 15장까지 이미지를 넣을 수 있습니다.
이미지 변경 및 삭제 : 이미 추가한 이미지를 변경하고 싶다면, 해당 이미지에 마우스를 올려보세요. 파란색 테두리가 활성화되며, 가운데 검정색 ‘변경’ 버튼이 나타납니다. 이 버튼을 클릭하면 다른 이미지로 손쉽게 교체할 수 있습니다. 또한, 이미지를 삭제하고 싶을 때도 마찬가지로, 마우스를 올리면 오른쪽 상단에 빨간색 ‘X’ 버튼이 나타납니다. 이 버튼을 눌러 선택한 이미지를 간단히 삭제할 수 있습니다.
유형 옵션에서는 갤러리에 표시될 이미지의 레이아웃을 선택할 수 있습니다. 각 레이아웃은 콘텐츠의 성격과 원하는 시각적 분위기에 따라 다양하게 활용할 수 있으며, 간단한 이미지 나열부터 이미지 중심의 깔끔한 갤러리 구성까지 유연하게 표현할 수 있습니다.
나열하기 : 이미지를 세로로 순차적으로 배치하는 레이아웃입니다.
넘겨보기 : 이미지를 좌우로 넘겨가며 볼 수 있는 레이아웃입니다. 넘겨보기 옵션에는 ‘내비게이션과 ‘자동 넘김’이 있습니다.
내비게이션 : 좌우로 넘길 수 있음을 나타내는 화살표 아이콘과 이미지 개수를 표시하는 지표입니다. 이러한 내비게이션 요소는 비활성화하면 이미지 위에서 사라집니다.
자동 넘김 : 지정한 시간 간격마다 이미지가 자동으로 전환되는 설정입니다. 전환 시간은 1초부터 4초까지 선택할 수 있으며, 원하는 흐름에 맞춰 조절할 수 있습니다.
그리드 : 이미지를 2단, 3단, 4단으로 나누어 정렬하는 레이아웃입니다.
그리드 슬라이드바 : 그리드 슬라이드바를 통해 레이아웃을 2단, 3단, 4단으로 조절할 수 있습니다.
이미지 비율은 이미지가 갤러리 안에서 어떻게 보여질지를 설정하는 옵션입니다. 선택할 수 있는 비율은 원본, 1:1, 가로, 세로 네 가지입니다. 콘텐츠의 성격이나 레이아웃에 맞게 적절한 비율을 선택해 이미지 갤러리를 더욱 균형 있게 구성할 수 있습니다.
원본 : 이미지의 원래 비율을 그대로 유지합니다.
1:1 : 가로와 세로가 같은 정사각형 형태로 표시합니다.
가로 : 가로로 넓은 형태로 이미지를 표시합니다.
세로 : 세로로 긴 형태로 이미지를 표시합니다.
이미지의 모서리를 각지거나 둥글게 설정할 수 있어, 페이지 디자인에 맞춰 원하는 스타일로 조정할 수 있습니다.
