5-1. 글에 사용된 이미지의 별도 여백 설정하기

티스토리 반응형 스킨, 프라치노 공간은 블로그 글에 사용된 일부 이미지의 여백을 다르게 설정할 수 있습니다. 글을 편집할 때 원하는 이미지의 치환자를 찾아 짧은 코드를 편집하면 됩니다.

---

별도 여백을 설정할 이미지는 그룹화되지 않고, 가운데 정렬이어야 합니다. 글을 편집할 때 HTML 모드로 전환하고, 원하는 이미지의 치환자를 찾아보세요. 치환자는 아래와 비슷합니다:

[##Image|kage@filepath/img.jpg|alignCenter|data-filename="img.jpg" data-origin-width="xxxx" data-origin-height="yyyy"|||##]

해당 치환자에서 alignCenter를 자신이 원하는 별도 여백의 코드로 대치하여 사용합니다. 대치 가능한 코드는 두 가지로, 아래부터는 대치하여 사용 가능한 코드를 설명합니다.

1. 페이지 좌우 여백에 맞는 여백 생성

이미지의 너비가 페이지의 너비보다 40픽셀 적은 값과 같아졌을 때, 이미지의 좌우 여백을 페이지의 좌우 여백만큼 생성합니다. 페이지의 좌우 여백은 각각 20픽셀입니다. 이는 스크린샷, 캡처 등 좌우 여백이 없으면 어색한 이미지에 적용할 수 있으며, 사용하려면 alignCenter를 alignCenter no-edge로 대치합니다.

2. 페이지 너비에 맞추어 꽉 차게 표시

브라우저 윈도우의 너비와 상관없이, 이미지를 페이지 너비에 맞추어 꽉 차게 표시합니다. 파노라마 또는 크게 보여주고 싶은 이미지에 적용할 수 있으며, 사용하려면 alignCenter를 alignCenter edge로 대치합니다.

이 기능이 작동되지 않을 경우 지정된 이미지의 원본 너비가 너무 작지 않은지 확인하기 바랍니다.