본문 바로가기

티스토리 사진 여러장 나란히 배열하는 방법

gracenmose 2024. 5. 17.

티스토리에 글을 쓰다 보면 사진 여러장을 올릴 때 각각의 사진이 따로 보여지는 것도 괜찮지만, 여러장을 나란히 배열하여 배치하는 것도 효율적입니다. 의외로(?) 모르시는 분들이 있어서 간단하게 팁 정리해 봅니다. 

 

사진 배열에 따라 보여지는 모습

 

먼저 시작하기 전 사진 배열에 따라 보여지는 모습을 한 번 보시죠.

 

티스토리 스킨 추천

 

🔻 1장 독립 배치

사진 예시
1장 독립 배치

🔻 2장 나란히 배치

사진 예시사진 예시
2장 나란히 배치

 

🔻 3장 나란히 배치

사진 예시사진 예시
3장 나란히 배치

🔻 4장 배치

사진 예시사진 예시사진 예시사진 예시
4장 이후부터 알아서 레이아웃을 잡아줌

 

 

사진 나란히 배치하는 방법

 

오늘 팁은 모르는 분들이 거의 없을 것을 쓰는 것이라 쓰기 좀 뭐하네요. 아래와 같이 간단하게 사진을 나란히 배치할 수 있습니다. 한마디로 마우스로 사진을 한 장 끌어다가 나란히 놓으려는 사진 옆에 '빨간색 선'이 보일 때까지 드래그한 후 클릭을 해제하면 사진이 나란히 배열됩니다.

 

🔻 2장 배열하는 모습

사진 예시
2장 나란히 배열하는 방법

오른쪽에 붙이고 싶으면 오른쪽으로 끌어가시고, 왼쪽으로 붙이고 싶으면 왼쪽으로 끌고 가면 됩니다.

 

🔻 3장 배열하는 모습

사진 예시
3장 배열 방식

3장을 배열할 때는 이미 2장이 배열된 곳에 다른 한장의 사진을 드래그해서 넣고자 하는 위치 (좌측, 중간, 우측)로 가져간 후 클릭 해제를 하면 사진이 들어갑니다.

 

사진 예시
3장 나란히 배열하는 방법

 

4장 이상도 같은 방식으로 작업할 수 있습니다. 

 

이 방법은 모바일(티스토리 앱)에서는 지원되지 않습니다. PC에서만 가능한 작업이니 여러장을 한 줄로 나란히 넣고 싶으신 분은 중간에 꼭 PC에서 작업을 해 주시는게 편합니다.

 


대부분의 티스토리 유저분들은 아시겠지만, 혹시라도 몰랐던 분들께는 도움이 되는 깨알팁이 되기를 바랍니다. 이상.

그리드형(광고전용)

댓글