User Guide
글의 커버 이미지 사용하기
2019.02.11 22:09글의 커버 이미지는 글 페이지에서 글의 제목 뒤에 표시되는 배경 이미지를 말합니다. 프라치노 공간은 글의 대표 이미지를 글의 커버 이미지로 사용합니다. 대표 이미지가 없는 경우 대체 이미지로 표시되게 할 수 있습니다. 글의 커버 이미지를 사용하면 글의 느낌을 시각적으로 간략하게 설명할 수 있습니다. 이것은 스킨 옵션의 ‘글의 커버 이미지’ 속성을 통하여 설정합니다. 설정이 완료되면 오른쪽 상단의 ‘적용’ 버튼을 눌러 설정값을 저장합니다. 글의 커버 이미지는 비활성화, 일반, 꽉 찬 커버의 설정값이 있습니다. 비활성화 이 속성값은 말그대로 커버 이미지를 사용하지 않습니다. 단일 사진 등의 멀티미디어 콘텐츠를 다루는 경우 이 속성값이 좋을 수 있습니다. 일반 이 속성값은 글의 커버 이미지를 흐림 효과와 함께..
개발 코드 하이라이터 사용하기
2019.02.08 22:09소프트웨어, 또는 웹 개발과 관련된 글을 올리는 블로거이신가요? 그런 분들을 위해 준비했습니다. 최신 버전의 프라치노 공간은 개발 코드 하이라이터를 공식 지원합니다. 어떠한 개조 없는 순수한 highlight.js 플러그인으로 작동되기 때문에 원한다면 여러분이 플러그인 사이트에서 사용자화한 자바스크립트 파일 또는 다른 스타일이 적용된 CSS 파일로도 대치할 수 있습니다. 기능 켜기 개발 코드 하이라이터를 켜려면 스킨 옵션에서 ‘개발 언어 하이라이트’ 속성을 켜면 됩니다. 사용하기 개발 코드 하이라이터를 적용하려면 글을 쓸 때 코드 블럭을 사용합니다. 만약 HTML 모드로 글을 쓴다면 와 를 입력합니다. 그리고 그 사이에 보여주고자 하는 개발 코드를 입력하세요. 예를 들면 아래와 같습니다.
SEO의 기본, 메타 태그를 스킨에 등록하기
2019.02.08 22:09HTML의 요소 중 하나인 메타() 태그는 사이트의 정보가 포함되어 있는 태그로, 네이버(Naver), 구글(Google), 빙(Bing) 등의 검색 엔진은 메타 태그를 통하여 사이트의 정보를 알아냅니다. 검색 엔진은 고유의 검색 로봇이 있는데 사이트 검색을 돕기 위해 네이버 웹마스터 도구(Naver Webmaster Tools), 구글 서치 콘솔(Google Search Console) 등 엔진별로 도구가 제공되고 있습니다. 이 때에도 사이트를 식별하기 위해 메타 태그가 사용됩니다. 네이버 블로그 등의 국내 블로그 서비스와는 달리 티스토리는 스킨의 HTML을 편집할 수 있고 메타 태그를 입력할 수 있습니다. 그렇기 때문에 티스토리 블로그는 다양한 검색 엔진 도구 등록, 다시 말해 사이트를 검색 엔진에 ..
글 목록의 모양새 설정하기
2018.12.03 22:09티스토리 반응형 스킨, 프라치노 공간은 다양햔 글 목록의 모양새를 지원합니다. 스킨 옵션에서 다양한 크기의 갤러리부터 텍스트형까지, 총 6가지의 모양새를 손쉽게 설정할 수 있습니다. 3가지 크기의 갤러리형 사진이나 동영상 등의 멀티미디어 관련 콘텐츠를 다룬다면 갤러리형 글 목록을 추천합니다. 너비 1,140 픽셀의 윈도우를 기준으로 일반은 3단, 큰 갤러리는 2단, 작은 갤러리는 4단입니다. 포스터형 영화나 인물사진 등의 콘텐츠를 다룬다면 포스터형 글 목록을 추천합니다. 2대 3의 비율은 세로형 사진을 더 돋보이게 합니다. 이것은 너비 1,140 픽셀의 윈도우를 기준으로 3단으로 표시됩니다. 카드형 글의 대표 이미지와 본문의 내용이 적절한 비율로 표시되게 하고 싶다면 카드형 글 목록을 추천합니다. 이것은..
커버 사용자를 위한 스킨 업데이트 설명서
2018.11.28 22:092018년 10월 말에는 티스토리에 많은 변화가 있었습니다. 그중 하나는 블로그의 첫 페이지를 여러분의 입맛에 맞게 꾸밀 수 있는 커버이죠. 프라치노 공간도 버전 11부터 이 기능을 완벽하게 지원하기 시작했습니다. 그러나 운영자는 스킨을 최신 버전으로 업데이트하기 위해 ‘티스토리 스킨 설치하기’ 설명서를 따라 스킨을 다시 설치하면 기존에 사용자화했던 커버 설정이 초기화되는 현상을 발견했습니다. 이 현상을 막기 위해 여기서는 커버 기능을 사용할 경우 스킨을 어떻게 업데이트해야 하는지에 관하여 알아볼 것입니다. 단 이 방법은 버전 0.0.1대 작은 업데이트일 경우에만 해당되며 주요 업데이트일 경우에는 따라하면 안 됩니다. 또한 스킨을 업데이트하기 전에는 사용하고 있는 스킨을 백업해야 합니다. 스킨을 구입했을..
다크 모드를 포함한 여러 컬러 적용하기
2018.11.27 22:09블로그의 컬러를 잘 사용하면 콘텐츠를 더욱 돋보이게 할 수 있습니다. 이 뿐만 아니라 글의 가독성을 향상시켜 방문자의 시각적 피로감을 낮출 수도 있죠. 프라치노 공간은 이를 간편하게 바꿀 수 있으며 흔히 말하는 다크 모드를 여기서 설정할 수 있습니다. 한 번 알아보도록 합시다. 블로그의 전반적인 컬러를 바꾸려면 스킨 옵션에서 모양새 속성값을 변경하면 됩니다. 프라치노 공간은 총 4개의 모양새가 준비되어 있습니다. 하나하나씩 톺아볼까요? 1. 낮 프라치노 공간의 밝은 느낌으로 기본값으로 설정되어 있습니다. 이것은 하얗고 투명해서 방문자들에게 깨끗하고 신뢰있는 느낌을 줍니다. 2. 노을 프라치노 공간의 따뜻한 느낌으로 마치 새벽 노을같죠. 색온도가 낮기 때문에 가독성이 높고 눈이 편안합니다. 3. 밤 프라치..
스킨과 어울리는 애드센스의 스타일
2018.11.25 22:09티스토리 반응형 스킨, 프라치노 공간은 낮이나 노을, 밤의 전반적인 컬러를 바꿀 수 있습니다. 컬러를 설정했고 구글 애드센스(Google AdSense)를 사용한다면 스킨과의 조화를 위해 애드센스도 해당 컬러에 맞추어 설정해야 합니다. 각 모양새에 따른 설정값을 알아봅시다. 컬러가 낮일 때 스킨의 컬러를 낮으로 설정했다면 애드센스의 스타일은 아래와 같이 설정합니다. 테두리: #f4f4f4 텍스트: #222222 제목 / 링크: #349aff URL: #666666 배경: #f4f4f4 글꼴: 최적화 컬러가 노을일 때 스킨의 컬러를 노을로 설정했다면 애드센스의 스타일은 아래와 같이 설정합니다. 테두리: #e3d9cc 텍스트: #22201e 제목 / 링크: #2284d9 URL: #5b5752 배경: #e3..
바탕체 사용하기
2018.11.25 22:09바탕체는 방문자에게 마치 책을 읽는듯한 감성을 줄 수 있습니다. 이것은 소설이나 수필 등의 문학 콘텐츠에 어울리며 바탕체는 이러한 콘텐츠에 몰입감을 더해주죠. 티스토리 반응형 스킨, 프라치노 공간은 문단 요소에 한하여 바탕체를 사용할 수 있습니다. 스킨의 바탕체는 ‘Source Serif Pro’와 ‘나눔명조’를 혼합하여 사용합니다. 이 두 개의 서체는 서로 조화로우며 영문은 영문대로, 한글은 한글대로 아름답게 보입니다. 사용하기 스킨 옵션에서 바탕체를 활성화하기만 하면 됩니다. 정말 간단하죠? 카테고리별로 바탕체 설정하기 프라치노 공간은 카테고리별로 바탕체를 설정할 수 있습니다. 스킨 옵션의 중간을 보면 ‘바탕체 사용 카테고리’, ‘고딕체 사용 카테고리’ 2개의 속성이 있을 것입니다. 원하는 속성에 적..
구글 애드센스 광고 설치하기
2018.11.25 22:09프라치노 공간은 티스토리에서 제공하는 반응형 애드센스(AdSense) 플러그인을 완벽하게 지원합니다. 이것을 사용하면 애드센스 광고를 손쉽게 장착할 수 있으며 모바일 환경에서는 좌우 여백 없이 꽉 찬 광고를 표시합니다. 또한 티스토리 앱 내에서도 광고가 표시되기 때문에 효율적입니다. 장착하기 전에 반응형 애드센스 플러그인을 사용하려면 광고 단위를 생성해야 합니다. 애드센스 페이지에서 블로그에 사용할 반응형 광고를 생성하세요. 예를 들어 글 상단과 하단에 애드센스를 장착하고 싶다면 두 개의 반응형 광고 단위를 생성하면 됩니다. 광고 단위를 생성할 때 스타일은 프라치노 공간의 모양새에 맞추어 설정하기 바랍니다. 스타일 설정 방법에 관한 자세한 내용을 보려면 여기를 누르세요. 장착하기 블로그 관리 페이지에서 ..
글과 이미지의 너비 설정하기
2018.11.23 22:09블로그의 생명은 콘텐츠입니다. 방문자에게 콘텐츠를 잘 보여주는 것이 블로거의 숙명이기도 하죠. 여러분은 글을 주로 다루나요, 아니면 사진 등의 미디어를 주로 다루나요? 또는 이 모두를 다루지는 않으신가요? 적당한 글의 너비와 이미지의 크기는 콘텐츠의 가독성을 향상하고 방문자의 만족 또한 향상한답니다. 티스토리 반응형 스킨, 프라치노 공간은 스킨 옵션에서 글의 너비를 쉽게 설정할 수 있습니다. 물론 글의 너비를 유지한 채 이미지의 크기를 키우는 것도 가능하죠. 하나하나씩 살펴볼까요? 글의 너비 (px) 글의 너비는 말 그대로 콘텐츠의 가로 폭을 몇으로 지정할 것인지를 의미합니다. 이는 픽셀 단위를 사용하며 기본값은 728입니다. 적당한 폭은 728 내지 860으로, 너무 넓거나 좁으면 가독성이 심하게 떨어..
네이버 이웃 맺기 버튼 만들기
2018.11.23 22:09블로그를 잘 운영하는 방법 중 하나는 구독자를 모으는 것입니다. 그러나 티스토리의 기본적인 시스템으로 구독자를 모으기에는 한계가 있습니다. 티스토리 블로거와 블로거를 연결해주던 ‘내 링크’는 티스토리 개편 이후 역할이 축소되어 구독자 늘리기에는 무용지물이 되어버렸기 때문이죠. 대부분의 티스토리 블로거는 네이버 블로그의 ‘이웃’ 시스템을 부러워할 것입니다. 이웃은 네이버 블로거와 블로거 또는 네이버 회원 사이를 연결하고 교류하는 기능을 제공합니다. 이것은 블로그에 새로운 글을 발행하면 이웃을 맺은 사람에게 새 글이 올라왔다는 것을 알려주기 때문에 블로그 운영에 아주 큰 도움이 되죠. 그런데 알고 있나요? 네이버 이웃은 네이버 블로그에서만 사용하는 것이 아니라 티스토리를 포함한 타사 서비스의 블로그에도 사용..
사이드바 모듈 설정하기
2018.11.22 22:09티스토리 반응형 스킨, 프라치노 공간은 사이드바 모듈을 지원합니다. 이에 따라 여러분은 입맛에 맞게 모듈을 추가하거나 제거할 수 있습니다. 여기에서는 이것에 대한 설정 방법을 알려 드립니다. 사이드바는 총 2개로 구성되어 있으며 각자의 역할이 있습니다. 사이드바 1: 일반 메뉴 글로벌 내비게이션에서 왼쪽에 있는 버튼을 눌렀을 때 나타나는 사이드바를 의미합니다. 카테고리나 공지사항 등 블로그의 기본 역할을 하는 모듈 또는 외부에서 제공하는 플러그인 모듈을 놓을 수 있습니다. 사이드바 2: 블로그 정보 메뉴 글로벌 내비게이션에서 오른쪽에 있는 프로필 이미지 버튼을 눌렀을 때 나타나는 사이드바를 의미합니다. 간략한 블로그의 정보가 포함되어 있으며 구독 버튼, 외부 링크 등의 모듈을 놓을 수 있습니다. 사이드바..