사용설명서
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 비율의 이미지를 권장합니다. 글 목록 글 ..
2. 사이드바 모듈 설정하기
2. 사이드바 모듈 설정하기
2019.05.06티스토리 반응형 스킨, 프라치노 공간은 사이드바 모듈을 지원합니다. 이에 따라 여러분은 입맛에 맞게 모듈을 추가하거나 제거할 수 있습니다. 여기에서는 이것에 대한 설정 방법을 알려 드립니다. 사이드바의 일부 기능 설정 방법을 찾는다면 ‘사이드바의 일부 기능 설정하기’ 가이드를 참조하세요. 사이드바는 총 2개로 구성되어 있으며 각자의 역할이 있습니다. 사이드바 1: 일반 메뉴 글로벌 내비게이션에서 왼쪽에 있는 버튼을 눌렀을 때 나타나는 사이드바를 의미합니다. 카테고리나 공지사항 등 블로그의 기본 역할을 하는 모듈 또는 외부에서 제공하는 플러그인 모듈을 놓을 수 있습니다. 사이드바 2: 블로그 정보 메뉴 글로벌 내비게이션에서 오른쪽에 있는 프로필 이미지 버튼을 눌렀을 때 나타나는 사이드바를 의미합니다. 간략..
1-1. 스킨 업데이트하기
1-1. 스킨 업데이트하기
2019.05.06프라치노 공간을 업데이트할 때에도 ‘1. 티스토리 스킨 설치하기’와 동일한 방법으로 설치하면 됩니다. 그런데 이렇게 하면 컬러나 구성 등의 스킨 설정값이 완전히 초기화될 수 있습니다. 초기화되는 것을 막기 위해 다른 방법으로 스킨을 업데이트하는 법에 관하여 알아봅시다. 따라 하기 전 주의사항 이 방법은 설치된 스킨의 버전이 11.x.y일 때 x는 일치하지만 y는 수가 없거나 다른 작은 업데이트일 때에만 해당되며 x대 주요 업데이트일 경우에는 절대로 따라 하면 안 됩니다. 또한 스킨 설치와 마찬가지로 업데이트하기 전에는 사용하고 있는 스킨을 백업해야 합니다. 이 설명서를 따라 하기 전에 Brackets 등의 코드 편집 앱을 시스템에 설치하세요. 코드를 편집하지는 않지만 HTML 파일을 열어야 하기 때문에 ..