이미지 그리드 블록

스타일 가이드로 돌아가기

이미지 그리드 블록은 여러 개의 이미지를 그리드에 표시할 수 있는 반복 가능한 블록입니다. 각 하위 블록에는 위지윅 편집기가 있어 제목, 텍스트 및 버튼을 각 블록에 추가할 수 있습니다. 하위 블록을 하나만 입력하면 전체 콘텐츠 너비로 확장되지만, 두 개 이상 추가하면 모든 블록이 50% 너비로 표시됩니다. 세로 및 가로 여백은 테마 크기 조정에 따라 일관되게 유지됩니다. CMS에서 롤오버 효과를 선택하면 이미지의 크기가 약간 조정됩니다(겹쳐진 콘텐츠는 조정되지 않음). 롤오버 상태를 비활성화하려면 '없음'으로 설정할 수 있습니다.

예제 1

이 이미지 그리드는 4개의 이미지로 구성됩니다. 롤오버 상태, 색조 또는 오버레이 콘텐츠가 없습니다.

예제 2

이 이미지 그리드는 6개의 이미지로 구성됩니다. 첫 번째 이미지는 흰색 오버레이, 검은색 텍스트 및 눈금 롤오버로 구성되며, 네 번째 이미지는 검은색 오버레이, 흰색 텍스트 및 눈금 롤오버로 구성됩니다. 다른 모든 블록은 정적이며 롤오버, 색조 또는 오버레이 콘텐츠가 없습니다.

예제 3

이 이미지 그리드는 하나의 이미지로 구성되며 전체 너비로 확장되어야 합니다.

예제 4

이 이미지 그리드는 홀수에서 어떻게 깨지는지 보여주기 위해 세 개의 이미지로 구성되었습니다.