커버 이미지 사용하기

커버 이미지로 글의 주제를 시각적인 언어로 명확하게 표현해 보세요. 이것은 티스토리 반응형 스킨, 프라치노 공간의 강력한 기능 중 하나입니다. 커버 이미지는 본문의 대표 이미지로 작동되므로 여러분은 이것을 지정하는 것만으로도 커버 이미지를 사용할 수 있습니다.

사용하기 전에

스킨의 기능 중 커버 이미지가 활성화되어 있는지 확인하세요. images 폴더에 있는 preferences.js 파일을 열고 아래의 코드를 확인합니다. 값은 enable로 되어 있어야 합니다.

articleCover = "enable",

비활성화되어 있다면 이를 활성화하고 파일을 업로드한 뒤 브라우저의 캐시를 초기화합니다.

사용하기

처음에 말했던 것처럼 커버 이미지는 본문의 대표 이미지로 작동됩니다. 이는 글 작성 페이지에서 원하는 이미지를 대표 이미지로 지정하면 된다는 것을 의미합니다.

본문에 이미지 업로드

오른쪽 사이드바에 있는 파일 보관함에서 ‘파일 첨부’ 버튼을 눌러 본문 대표로 사용할 이미지를 업로드합니다. 너비는 1920 픽셀, 높이는 1080 픽셀 이상인 가로 크기의 이미지를 권장합니다. 그리고 업로드한 이미지를 대표 이미지로 설정합니다. 대표로 설정된 이미지는 본문에 그 이미지가 없어도 제거되지 않습니다.

꿀팁

preferences.js 파일에서 커버 이미지가 비활성화되어 있는 상태에서도 특정 글에서 이를 사용할 수 있습니다. 글 작성 페이지에서 HTML 모드로 전환한 후 맨 밑 줄에 아래의 코드를 추가하세요.

<div class="fraccino-enabledcover"></div>

반대로 활성화되어 있는 상태라면 특정 글에서 이를 비활성화할 수 있습니다.

<div class="fraccino-disabledcover"></div>

코드를 추가했다면 글을 발행한 뒤 본문을 확인합니다.

참고사항

커버 이미지는 복잡하지 않고 본문과 연관되는 실제 사진이어야 합니다. 제목 텍스트를 넣어 임의로 제작한 이미지를 커버 이미지로 사용할 경우 본문을 혼돈으로 몰아갈 수 있습니다. 품질 좋은 무료 이미지는 Pixabay 등의 다양한 웹 사이트에서 찾을 수 있습니다.

본문이 이미지로 시작하는 경우 글 읽기에 방해가 되는 것을 막기 위해 커버 이미지는 자동으로 비활성화됩니다. 이를 사용하고 싶다면 본문이 문단으로 시작되어야 합니다. 또한 글은 비보호 공개 상태여야 합니다.

티스토리 툴바