모두 모아보기
3-11. 사이드바의 일부 기능 설정하기
3-11. 사이드바의 일부 기능 설정하기
2019.07.22티스토리 반응형 스킨, 프라치노 공간은 사이드바의 기능을 켜거나 일부 모듈의 기능을 변경할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘사이드바’ 항목을 살펴보세요. 사이드바 모듈을 설정하는 방법을 찾는다면 ‘사이드바 모듈 설정하기’ 가이드를 참조하세요. ‘사이드바’ 항목에는 다음과 같은 속성이 있습니다: 최근/인기 글 모듈 모드 첫 페이지로 이동 버튼 하위 카테고리 접기 공지 전체 보기 버튼 태그 전체 보기 버튼 1. 최근/인기 글 모듈 모드 ‘최근 글’과 ‘인기 글’ 모듈의 항목에 미리보기 이미지를 보이게 할 수 있습니다. 2. 첫 페이지로 이동 버튼 왼쪽 사이드바(사이드바 1: 일반 메뉴)의 맨 위에 집 모양의 아이콘으로 된 ’첫 페이지로 이동’ 버튼을 표시합니다. 3. 하위..
3-10. 고정형 사이드바의 블로그 로고 설정하기
3-10. 고정형 사이드바의 블로그 로고 설정하기
2019.07.22프라치노 공간은 고정형 사이드바의 상단 영역 또한 자신의 로고 이미지로 표시할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘고정형 사이드바 영역의 블로그 로고’ 항목을 살펴보세요. 이 항목에는 총 3가지 모드의 로고 이미지를 업로드할 수 있습니다: 기본 블로그 로고 이미지 노을 모드일 때 블로그 로고 이미지 밤 모드일 때 블로그 로고 이미지 1. 기본 블로그 로고 이미지 블로그 제목 영역에 블로그 로고를 표시하려면 이 속성에는 무조건 이미지가 업로드되어야 합니다. 업로드할 이미지는 최소 너비 1000픽셀 이상, 정사각형 비율의 투명도 지원 PNG 이미지를 권장합니다. 2·3. 노을, 밤 모드일 때 블로그 로고 이미지 프라치노 공간은 기본 모드인 ‘낮 모드’와 함께 ‘노을 모드’, ..
3-9. 고정형 사이드바 설정하기
3-9. 고정형 사이드바 설정하기
2019.07.22티스토리 반응형 스킨, 프라치노 공간은 페이지의 너비가 1,420픽셀 이상일 때 사이드바를 측면에 고정시킬 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘고정형 사이드바’ 항목을 살펴보세요. ‘고정형 사이드바’ 항목에는 다음과 같은 속성이 있습니다: 사용 기본, 노을, 밤일 때 버튼, 호버, 배경 컬러 기본, 노을, 밤일 때 배경 이미지 배경 이미지 위치, 크기, 반복 사이드바 위치 사이드바 모듈 순서 1. 사용 고정형 사이드바를 사용할 것인지 설정합니다. 2. 기본, 노을, 밤일 때 버튼, 호버, 배경 컬러 고정형 사이드바의 배경 컬러 또는 모듈의 버튼, 버튼이 커서나 손가락이 링크나 버튼 위에 있을 때의 상황인 호버(hover)일 때의 컬러를 설정합니다. 스킨의 모드에 따라 컬러..
3-8. 카테고리별로 다른 모드 설정하기
3-8. 카테고리별로 다른 모드 설정하기
2019.05.07티스토리 반응형 스킨, 프라치노 공간은 스킨의 전반적인 분위기나 글 목록의 모양새, 대표 커버 이미지 등을 카테고리별로 다르게 설정할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘카테고리별 모드’ 항목을 살펴보세요. ‘카테고리별 모드’ 항목에는 프라치노 공간이 지원하는 모드에 관한 속성이 있습니다. 원하는 속성에 지정하고자 하는 카테고리 이름을 입력하면 됩니다. 이때 카테고리는 ,로 구분합니다. 하위 카테고리 선택하기 /, *, **를 사용하여 원하는 하위 카테고리를 선택할 수 있으며, 다음과 같이 조합할 수 있습니다: 상위 카테고리 이름/하위 카테고리 이름은 특정 상위 카테고리에 있는 특정 하위 카테고리를 선택합니다. 상위 카테고리 이름/*는 특정 상위 카테고리에 있는 하위 카테..
3-7. 댓글, 공유 등의 활동 영역 설정하기
3-7. 댓글, 공유 등의 활동 영역 설정하기
2019.05.06활동 영역은 ‘댓글’, ‘공유하기’, ‘다른 글’ 영역을 총칭합니다. 스킨은 글 페이지가 로드되었을 때 활동 영역에 우선으로 표시할 항목과 댓글 관련 설정을 할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘활동 영역’ 항목을 살펴보세요. ‘활동 영역’ 항목에는 다음과 같은 속성이 있습니다: 기본 모드 댓글 개수 표시 댓글 순서 반전 1. 기본 모드 글 페이지가 로드되었을 때 활동 영역에 우선으로 표시할 항목을 설정할 수 있습니다. ‘댓글’, ‘공유하기’, ‘다른 글’ 영역 중 하나를 우선으로 표시할 수 있습니다. 2. 댓글 개수 표시 활동 영역 맨 위에 있는 ‘댓글’ 버튼의 텍스트 옆에 댓글 개수를 표시합니다. 3. 댓글 순서 반전 말 그대로 댓글의 순서를 반전시킵니다. 이 속성을..
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-4. 대표 커버 이미지 설정하기
3-4. 대표 커버 이미지 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 기본적으로 글 페이지일 때 글 제목 영역의 배경을 대표 이미지로 표시하며, 이와 관련된 설정을 제공합니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘대표 커버 이미지’ 항목을 살펴보세요. ‘대표 커버 이미지’ 항목에는 다음과 같은 속성이 있습니다: 모드 대체 커버 이미지 기본 대체 커버 대체 커버 2 - 4 대체 커버 이미지만 사용 1. 모드 대표 커버 이미지를 어떻게 사용할지 설정합니다. ‘비활성화’, ‘일반’, ‘전체 화면’ 세 가지 모드가 있습니다. ‘일반’은 글 제목 영역에 대표 커버 이미지를 표시하며, ‘전체 화면’은 이를 브라우저 윈도우의 높이만큼 꽉 차게 표시합니다. 대표 커버 이미지를 표시하지 않으려면 ‘비활성화’로 설정합니다. 2. 대체..
3-3. 글 목록의 스타일, 기능 설정하기
3-3. 글 목록의 스타일, 기능 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 여러 가지 글 목록의 모양새를 설정할 수 있을 뿐만 아니라 같은 페이지에서 이전 글을 계속 불러오도록 설정할 수도 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘글 목록’ 항목을 살펴보세요. ‘글 목록’ 항목에는 다음과 같은 속성이 있습니다: 모드 목록의 글 제목 숨기기 목록 더 보기 버튼 1. 모드 글 목록의 모양새를 설정합니다. 프라치노 공간은 ‘갤러리형’과 ‘포스터형’, ‘카드형’, ‘텍스트형’ 모양새의 글 목록을 제공합니다. ‘작은, 일반, 큰 갤러리형’은 사진이나 동영상 등의 멀티미디어 관련 콘텐츠를 다룬다면 추천합니다. 너비 1140픽셀의 브라우저 윈도우를 기준으로 작은 갤러리는 4단, 일반은 3단, 큰 갤러리는 2단입니다. ‘포스터형’..
3-2. 블로그 로고 설정하기
3-2. 블로그 로고 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 가운데 위 블로그 제목 영역을 자신의 로고 이미지로 표시할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘블로그 로고 (Trademark)’ 항목을 살펴보세요. ‘블로그 로고 (Trademark)’ 항목에는 총 4가지 모드의 로고 이미지를 업로드할 수 있습니다: 기본 블로그 로고 이미지 노을 모드일 때 블로그 로고 이미지 밤 모드일 때 블로그 로고 이미지 대표 커버 위에 있을 때 블로그 로고 이미지 1. 기본 블로그 로고 이미지 블로그 제목 영역에 블로그 로고를 표시하려면 이 속성에는 무조건 이미지가 업로드되어야 합니다. 업로드할 이미지는 최소 너비 1000픽셀 이상, 4.17:1 비율의 투명도 지원 PNG 이미지를 권장합니다. 2·3. 노을,..
3-1. 분위기, 컬러 등의 일반 기능 설정하기
3-1. 분위기, 컬러 등의 일반 기능 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 스킨의 분위기나 특정 상황일 때 링크나 버튼의 컬러 등을 손쉽게 설정할 수 있습니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하고, ‘일반’ 항목을 살펴보세요. ‘일반’ 항목에는 다음과 같은 속성이 있습니다: 모드 CDN 사용 style.css 사용 테마 컬러 낮, 노을, 밤일 때 링크 호버 1. 모드 스킨의 전반적인 분위기를 설정합니다. ‘낮’, ‘노을’, ‘밤’ 세 가지의 분위기를 설정할 수 있으며 시간대에 따라 스킨의 분위기가 자동으로 바뀌게 하거나 시스템 모드에 따라 바뀌게 설정할 수도 있습니다. ‘낮 모드’는 프라치노 공간의 밝은 느낌으로 기본값으로 설정되어 있습니다. 이것은 하얗고 투명해서 방문자들에게 깨끗하고 신뢰 있는 느낌을 줍니다. ‘노을 모드..
3. 스킨 설정 항목 간략하게 둘러보기
3. 스킨 설정 항목 간략하게 둘러보기
2019.05.06프라치노 공간은 HTML 코드를 편집할 필요 없이 스킨 편집 페이지에서 설정이 가능합니다. 여기에서는 스킨이 어떠한 설정을 지원하는지 스킨 설정 항목에 관하여 간략하게 알아봅니다. 블로그 관리 페이지에서 ‘스킨 편집’으로 이동하면 아래의 스킨 설정 항목을 볼 수 있습니다. 일반 스킨 모드(전반적인 분위기)와 커서를 링크 위에 올렸을 때의 컬러 등을 설정할 수 있습니다. 블로그 로고 페이지의 가운데 위에 위치한 블로그 제목을 로고 이미지로 표시할 수 있습니다. 총 4가지 스킨 모드에 맞춰진 로고 이미지를 업로드할 수 있으며, 별도의 설정 없이 로고 이미지가 적용됩니다. 이미지는 자동으로 최적화되므로 PNG 형식의 초고화질 로고 이미지를 업로드해 주시고 4.17:1 비율의 이미지를 권장합니다. 글 목록 글 ..