대표 이미지 지정, 이미지 캡션, 멀티그리드 배열하기

<p><b><span style="font-size: 16px;" data-ke-size="size18">대표 이미지 지정</span></b></p><p><i><span style="font-size: 14px;" data-ke-size="size16">더이상! 미방용 이미지를 업로드할 필요가 없습니다. </span></i></p><p>썸네일로 사용되는 대표 이미지를 직접 지정할 수 있으며 한번 지정한 대표 이미지는 언제든지 수정이 가능합니다. </p><p>미리 지정하지 않은 경우엔 이미지 중 가장 처음 업로드한 이미지를 대표이미지로 자동 지정합니다.</p><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthContent"><img src="https://t1.daumcdn.net/cafeattach/15m9h/dfaa255f81136f4a17965d5c420063211c6af148_re_1597133210752" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/15m9h/dfaa255f81136f4a17965d5c420063211c6af148_re_1597133210752" data-orgin-width="788" data-origin-height="673"><div class="figcaption">작은 이미지는 대표 이미지 지정시 깨질 우려가 있으니 되도록 큰 이미지 사용하기!</div></div><p> </p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthContent"><img src="https://t1.daumcdn.net/cafeattach/15m9h/3b77cfe52a20a7888cceff2e57eab1530c57a645_re_1597133210753" class="txc-image" width="332" data-img-src="https://t1.daumcdn.net/cafeattach/15m9h/3b77cfe52a20a7888cceff2e57eab1530c57a645_re_1597133210753" data-orgin-width="322" data-origin-height="575"><div class="figcaption">대표이미지는 모바일 글목록에 쓰일 뿐만 아니라 앨범 게시판의 썸네일용 이미지로 사용됩니다.</div></div><p> </p><p><b><span style="font-size: 16px;" data-ke-size="size18">이미지 캡션</span></b></p><p><span style="font-size: 14px;" data-ke-size="size16">이미지에 부연설명이 필요할 때엔 캡션을 달아보세요. </span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthContent"><img src="https://t1.daumcdn.net/cafeattach/15m9h/fd28f45d893e1704b948933e70048cf33b2aa8e5_re_1597133210752" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/15m9h/fd28f45d893e1704b948933e70048cf33b2aa8e5_re_1597133210752" data-orgin-width="751" data-origin-height="581"></div><p> </p><p><b><span style="font-size: 16px;" data-ke-size="size18">멀티그리드 이미지 배열</span></b></p><p>이미지를 클릭한 후 함께 배열하고 싶은 이미지 위로 이동합니다. 이미지 옆으로 붉은 선이 생기면 멀티그리드가 될 준비 완료!</p><p>drop하면 여러장의 이미지를 조각조각 배열하는 멀티그리드 이미지를 만들 수 있습니다.</p><p>* IE11에서는 사용할 수 없습니다.</p><div class="figure-img" data-ke-type="image" data-ke-style="alignCenter" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/15m9h/b6820135a919b23ece4ab0e2e4c4d3123e6ef0ee" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/15m9h/b6820135a919b23ece4ab0e2e4c4d3123e6ef0ee" data-orgin-width="790" data-origin-height="762"></div><p> </p><p> </p><div class="imagegridblock" data-ke-type="imageGrid"><div class="image-container"><span data-url="https://t1.daumcdn.net/cafeattach/15m9h/cc1accf1fccf000ae6a730767f91cea3b7ba1b49" data-origin-width="2469" data-origin-height="3703" style="width:30.34%; margin-right: 10px;"><img src="https://t1.daumcdn.net/cafeattach/15m9h/cc1accf1fccf000ae6a730767f91cea3b7ba1b49" class="txc-image-grid"></span><span data-url="https://t1.daumcdn.net/cafeattach/15m9h/ab3ba753bc37bb8c1ae0e31ff43c351c4a3aafb3" data-origin-width="4608" data-origin-height="3072" style="width:68.26%; margin-right: 10px;"><img src="https://t1.daumcdn.net/cafeattach/15m9h/ab3ba753bc37bb8c1ae0e31ff43c351c4a3aafb3" class="txc-image-grid"></span><span data-url="https://t1.daumcdn.net/cafeattach/15m9h/e1bba2518968d79070bb003485fa3f6b917df9ff" data-origin-width="6016" data-origin-height="4016" style="width:68.23%; margin-right: 10px;"><img src="https://t1.daumcdn.net/cafeattach/15m9h/e1bba2518968d79070bb003485fa3f6b917df9ff" class="txc-image-grid"></span><span data-url="https://t1.daumcdn.net/cafeattach/15m9h/0177dac7f4091e4c5e80ccb68849ef900fc49a6b" data-origin-width="1932" data-origin-height="2898" style="width:30.36%; "><img src="https://t1.daumcdn.net/cafeattach/15m9h/0177dac7f4091e4c5e80ccb68849ef900fc49a6b" class="txc-image-grid"></span></div><div class="figcaption">멀티그리드 이미지 완성!</div></div><p> </p><p>멀티그리드로 만들어진 이미지는 개별 사이즈를 지정할 수 없으며 이미지 꾸미기 기능만 제공됩니다.</p><p>멀티그리드 이미지를 만들기 전에 작성된 캡션은 사라지게 되며, 전체 이미지 그리드를 대표하는 캡션을 작성할 수 있습니다. </p><p> </p>