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