3-4. 대표 커버 이미지 설정하기
티스토리 반응형 스킨, 프라치노 공간은 기본적으로 글 페이지일 때 글 제목 영역의 배경을 대표 이미지로 표시하며, 이와 관련된 설정을 제공합니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘대표 커버 이미지’ 항목을 살펴보세요.
‘대표 커버 이미지’ 항목에는 다음과 같은 속성이 있습니다:
- 모드
- 대체 커버 이미지
- 기본 대체 커버
- 대체 커버 2 - 4
- 대체 커버 이미지만 사용
1. 모드
대표 커버 이미지를 어떻게 사용할지 설정합니다. ‘비활성화’, ‘일반’, ‘전체 화면’ 세 가지 모드가 있습니다.

‘일반’은 글 제목 영역에 대표 커버 이미지를 표시하며, ‘전체 화면’은 이를 브라우저 윈도우의 높이만큼 꽉 차게 표시합니다. 대표 커버 이미지를 표시하지 않으려면 ‘비활성화’로 설정합니다.
2. 대체 커버 이미지
읽고 있는 글에 대표 이미지가 없을 때 프라치노 공간은 대체 이미지를 대표 커버 이미지로 표시합니다. 프라치노 공간은 대체 커버 이미지를 총 4개까지 업로드할 수 있는데, 이 중 사용할 이미지 한 개를 선택합니다.
3. 기본 대체 커버
대체 커버 이미지를 사용하려면 이 속성에는 무조건 이미지가 업로드되어야 합니다. 업로드할 이미지는 최소 너비 1920픽셀 이상, 3:2 비율의 JPEG 이미지를 권장합니다.
4. 대체 커버 2 - 4
기본 대체 커버 외에 다른 대체 커버 이미지를 업로드할 수 있습니다. 여기에 업로드된 이미지는 ‘대체 커버 이미지’ 속성에서 선택할 수 있습니다.
5. 대체 커버 이미지만 사용
대표 이미지가 있는 글에서도 대표 커버 이미지를 대체 커버 이미지로 표시하고 싶을 때 이 속성을 켭니다.
반응형
'User Guide' 카테고리의 다른 글
3-6. 개발 언어 하이라이트 설정하기 (4) | 2019.05.06 |
---|---|
3-5. 너비, 컬러 등 글 페이지의 기능 설정하기 (5) | 2019.05.06 |
3-3. 글 목록의 스타일, 기능 설정하기 (0) | 2019.05.06 |
3-2. 블로그 로고 설정하기 (0) | 2019.05.06 |
3-1. 분위기, 컬러 등의 일반 기능 설정하기 (4) | 2019.05.06 |
댓글
이 글 공유하기
다른 글
-
3-6. 개발 언어 하이라이트 설정하기
3-6. 개발 언어 하이라이트 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 highlight.js 플러그인 기반의 개발 언어 하이라이트를 지원합니다. 이것을 사용하면 글 내에 있는 코드 블록의 모양새를 이해하기 쉽게 바꾸어 줍니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘개발 언어 하이라이트 (highlight.js)’ 항목을 살펴보세요. ‘개발 언어 하이라이트 (highlight.js)’ 항목에는 다음과 같은 속성이 있습니다: 사용 코드 자동 감지 번호 사용 번호 사용 시 줄무늬 일부 번호에 줄 바꿈 너비 확장 탭 폭 1. 사용 highlight.js 플러그인 기반의 개발 언어 하이라이트를 사용할 것인지 설정합니다. 만약 별도의 플러그인을 사용한다면 이 속성을 끄세요. 2. 코드 자동 감지 글을 쓸 때 코드 블록의 언어를 … -
3-5. 너비, 컬러 등 글 페이지의 기능 설정하기
3-5. 너비, 컬러 등 글 페이지의 기능 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 글 페이지일 때 사용되는 여러 가지의 기능을 설정할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘글’ 항목을 살펴보세요. ‘글’ 항목에는 다음과 같은 속성이 있습니다: 진행 바 표시 글 작성자 표시 태그 표시 추천 알림 표시 미디어 확장 미디어 좌우 여백 제거 양쪽 정렬 바탕체 권장 너비 제한 · 글, 확장 미디어의 너비 (px) 낮, 노을, 밤일 때 글의 링크 1. 진행 바 표시 이것을 켜면 방문자가 긴 글을 읽을 때 어느 정도 읽었는지 알려주기 위해 진행 바가 표시됩니다. 진행 바는 글이 브라우저 윈도의 높이보다 약 2배 이상 길 때 상단 글로벌 내비게이션 영역에 표시됩니다. 2. 글 작성자 표시 글의 오른쪽 위에 글 작성자를 표시할 수 … -
3-3. 글 목록의 스타일, 기능 설정하기
3-3. 글 목록의 스타일, 기능 설정하기
2019.05.06 -
3-2. 블로그 로고 설정하기
3-2. 블로그 로고 설정하기
2019.05.06
댓글을 사용할 수 없습니다.