이미지 그리드

[HamMan2118]

이 가이드에서는 이미지 그리드가 무엇인지와 게시물에 어떻게 적용하는지 설명합니다.

필요한 사용자 수준: 신뢰 수준 0

요약

이 문서에서는 다음을 다룹니다:

• 이미지 그리드의 설명
• 게시물에 적용하는 방법 및 수정 방법
• 이미지 그리드의 기본 레이아웃

이미지 그리드 설명

이미지 그리드는 게시물 내의 모든 이미지를 목록이 아니라 깔끔하고 조직적인 그리드로 배치합니다.

아래는 이미지 그리드의 예시입니다.

게시물에 이미지 그리드 추가

게시물에 이미지 그리드를 추가하려면 [grid]...[/grid] 태그로 감싸야 합니다. 아래는 이것이 어떻게 보일 수 있는지에 대한 예시입니다.

[grid]
![그리드 안에 미니 그리드를 만드는 방법을 보여주는 이미지.|690x363](upload://wsGrbtQSbwfrs945kFVFZzK94zj.jpeg)
![이미지는 공항 활주로에서 이륙하는 대형 흰색 Delta 항공기를 보여줍니다. (AI가 작성한 캡션)|690x470](upload://nqFYUjIWIFGYgMNQ3WB2LBLjOgs.jpeg)
![비행 중인 대형 상업용 여객기의 이미지. (AI가 작성한 캡션)|690x459](upload://29xpH4eiMUpwx0xBMQB2wyPM5A9.jpeg)
[/grid]

현재 그리드의 왼쪽 상단 사진에 있는 토글 아이콘을 클릭하여 그리드 안에 "미니 그리드"를 만들 수 있습니다.

이미지 그리드의 기본 레이아웃

기본적으로 이미지 그리드는 다음 패턴으로 배열됩니다:

• 모바일에서는 그리드가 기본적으로 2열로 설정됩니다. 데스크톱에서는 기본적으로 3열로 설정됩니다.
• 그리드에 정확히 4개의 항목이 있으면, 이미지들은 2열로 배열됩니다.
• 이미지 이외의 요소(예: 비디오)도 사용할 수 있지만, 그리드가 완벽하게 정렬되지 않을 수 있습니다.
• 그리드의 항목은 열 높이가 서로 최대한 가깝도록 배열되므로, 작성기 내의 이미지 순서가 항상 유지되지는 않습니다.

이 정보는 기능 발표에서 가져왔습니다.

추가 자료

• Introducing image grids in posts