본문 바로가기
코딩히어로/블로그운영

[블로그] 티스토리 사진 배열하기

by 코딩히어로 2022. 6. 13.
728x90

제목


제가 티스토리 블로그를 운영하면서 가장 불편했던 점이

타 블로그들과 다르게 사진 배열이 한 장씩밖에 안된다는 점이었습니다

그래서 이전 글들을 보면 전부 사진이 한 장씩 길게 나열되어 있어 가독성에 좋지 않았습니다

 

티스토리가 업데이트된 건지 예전부터 있었던 기능인지는 모르겠지만

사진을 여러 장 나열할 수 있는 방법이 있어 포스팅으로 남깁니다

 

 

사진 배열 방법


먼저 사진을 1장만 배열하는 방법은 너무 간단합니다

히어로1

 

사진을 복사해서 글에 붙여 넣기만 하면 위 그림과 같이 한 장만 넣어집니다

그런데 여기서 옆쪽에 한 장을 더 넣고 싶어서 붙여 넣기를 하면 아래와 같이 배열이 됩니다

히어로2
히어로3

제가 원한 건 양옆으로 두장이 겹치는 배열이었는데 되지 않는 것처럼 보입니다

그런데 배열을 옆으로 나열하는 게 생각보다 쉬운 방법이었습니다

바로 이미지를 끌어서 위에 이미지 오른쪽으로 드래그를 하면 이미지 옆쪽으로

커서가 크게 깜박거리는데 그 위치에서 마우스를 놓으면 옆으로 나열이 됩니다

히어로4

위 그림에서와 같이 주황색 커서가 깜박이는데 이곳에 이미지를 놓으면 아래처럼 배열이 됩니다

히어로5히어로6

이미지 배열 방식은 위에처럼 그림과 그림을 겹치면서 만들어줄 수 있습니다

 

 

1장 배열


히어로7

 

2장 배열


히어로8히어로9

 

3장 배열


히어로10히어로11히어로12

 

4장 배열


히어로13히어로14히어로15히어로16

자신이 배열하고자 하는 모양에 따라서 사진의 개수를 맞추어 사용하시면 됩니다

728x90
반응형

댓글