스킨설명서 2020. 3. 30.
구글 애드센스 댓글 창에 표시하기
오른쪽의 댓글창에도 애드센스 광고를 넣을 수 있습니다. 댓글보기와 댓글쓰기에 방해가 되지 않도록 한정된 영역만을 사용해야 해서 광고의 크기와 딱맞아 떨어지지는 않습니다. 댓글창 광고 댓글을 작성하는 곳과 리스트의 중간부분에 한정된 크기의 디스플레이 광고를 쉽게 붙힐 수 있습니다. 디스플레이 광고 신청하기 댓글창에 사용할 수 있는 광고는 애드센스의 디스플레이 광고 입니다. 먼저 디스플레이 광고를 신청하기위해 애드센스 웹사이트로 이동합니다. 구글 애드센스 바로가기 좌측메뉴 중 광고 > 개요 를 선택합니다. 광고 단위 기준 탭을 선택합니다. 디스플레이 광고를 선택합니다. 먼저 광고의 이름을 임의로 입력합니다. 광고크기는 고정으로 설정합니다. 너비와 높이는 300 X 60 입니다. 만들기를 선택합니다. 만들기가..
공지사항 2020. 2. 1.
V 1.0.2 로 업데이트 했습니다.
본문 목차(TOC) 개선과 공감(좋아요) 버튼에 대한 코드를 정리했습니다. 목차(TOC) 기능 개선 기존 목차(TOC) 기능에 대해서 UI디자인과 기능을 개선했습니다. 기존의 목차(TOC)는 불필요한 스크롤바와 선명하지 못한 글자색상으로 인해 항상 찝찝함이 있었습니다. 개선된 목차(TOC) 기능은 아래와 같습니다. 화면의 가장 상단으로 이동하는 TOP버튼 추가 화면의 가장 하단으로 이동하는 BOTTOM버튼 추가 현재 위치에 해당하는 제목에 강조표시 또한 불필요한 스크롤바는 삭제했습니다. 댓글 창을 열 때 목차(TOC)는 가리고 댓글창을 닫을 때 목차(TOC)가 보이는 기능을 강화 했습니다. 목차(TOC) 기능을 처음부터 꺼 버릴 수 있습니다. Default(기본)값은 보여지게 했습니다. 본문화면 시작 할..
공지사항 2020. 1. 20.
UX공작소 T스킨 BASIC를 배포합니다.
새롭게 시작하는 티스토리 스킨 T스킨 BASIC를 배포합니다 많은 시행착오를 거치면서 티스토리스킨의 가장 기본이 되는 BASIC 버전을 배포합니다. 여러가지 다양한 카테고리의 블로그에 어울리면서 기본 티스토리스킨에 비해 한차원 넘어서는 다양한 기능을 가지고 있습니다. 기능의 설정도 관리자 화면에서 설정 할 수 있도록하여 웹기술을 모르더라도 쉽게 적용할 수 있는 강점이 있습니다. T스킨 BASIC 바로가기 아래의 샘플 블로그에서 기능과 디자인도 확인할 수 있고 구입도 할 수 있습니다. 또한 한번 구입 한 티스토리 유저는 언제든지 해당 샘플 블로그에서 다운로드를 받을 수 있습니다. T스킨 BASIC 구입 화면 바로가기 오류수정, 기능개선 등 계속 릴리즈되어지며 릴리즈 되어지는 정보도 해당 샘플 블로그에서 확..
스킨설명서 2020. 1. 16.
내 SNS 주소를 노출하기
보통 한 사람이 페이스북, 트위터, 카카오톡, 카카오스토리 등 여러 개의 SNS를 가지고 있습니다. 이 다양한 SNS 중 보여주기 원하는 SNS가 있다면 아래의 기능을 사용하시면 됩니다. SNS 설정 하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 중간쯤에 있는 주인장 SNS 설정 (http:// ~ 부터 입력해 주세요) 항목을 찾아서 입력하시면 됩니다. 13개의 SNS주소를 입력하는 칸이 있는데 노출을 원하는 곳의 링크정보를 입력하면 됩니다. 입력되어 있는 요소만 화면에 노출이 됩니다. 결과 확인 하기 이제 결과를 보면 아래와 같이 적용이 된 것을 확인할 수 있습니다. RSS는 기본으로 노출이 되고 나머지 4개의 SNS가 노출 된 것을 확인할 수 있습니다.
스킨설명서 2020. 1. 16.
네이버 이웃추가 기능 사용하기
티스토리의 구독하기처럼 네이버도 이웃추가 기능이 있습니다. 이웃으로 맺어지면 이웃의 포스팅을 쉽게 확인 할 수 있는 장점이 있습니다. 국내에 몇 개의 블로그가 있고 각각의 특징들이 있지만 어찌되었든 네이버 블로그가 가장 많은 파이를 가지고 있는 것은 부인할 수 없습니다. 그렇기 때문에 어떻게든 네이버에 줄을 대는 것은 블로그 활동에 매우 중요한 요소라 할 수 있습니다. 그중에 하나가 네이버 이웃추가입니다. 상대방이 내 블로그를 이웃추가 하면 상대방이 자신의 네이버 me에서 내가 포스팅한 최신의 글들을 볼 수 있게 됩니다. 네이버 블로그 설정 내 티스토리 블로그에 적용하기 전에 먼저 네이버 블로그에서 세팅을 해 줘야 합니다. 그러려면 먼저 네이버에 회원가입이 되어 있어야 합니다. 네이버 블로그 이웃커넥트에..
스킨설명서 2020. 1. 16.
카테고리 명 앞에 아이콘 달기
사이드바에 있는 매인 카테고리 이름 앞에 아이콘을 달 수 있습니다. 아이콘 설정 하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 추가설정 항목의카테고리 아이콘 항목에 아무것도 없으면 카테고리명 앞에는 아이콘이 붙지 않습니다. 이 항목에 아이콘 명을 ,를 구분자로 하여 입력을 하면 위에서 부터 순서대로 카테고리 명 앞에 아이콘이 붙습니다. 아이콘셋은 XEICON에서 제공하고 있는 아이콘을 사용합니다. XEICON는 NAVER가 서포트 하고 있는 Xpress Engine에서 무료로 제공하고 있는 프로젝트 입니다. 다른 아이콘셋은 적용이 되지 않으니 해당 사이트에서 아이콘 명을 확인하여 적용하시면 됩니다. XEICON 바로가기 결과 확인 아래와 같이 카테고리명 ..
스킨설명서 2020. 1. 16.
본문 목차(TOC) 표시하기
목차(TOC)는 Table of Contents로 목차를 의미합니다. T스킨에는 컨텐츠를 분석하여 해딩() 태그가 있는 경우 별도로 목차(TOC)로 뽑아 주는 기능이 있습니다. 해딩으로 뽑아내는 목차(TOC)는 h1~h4로 한정 되어 지고 h5 이하의 목차(TOC)는 제외했습니다. 이 목차(TOC)는 고정적으로 컨텐츠의 오른쪽에 표시가 되면 메신저(댓글) 창과 반대로 움직입니다. 메신저 창이 오픈되면 목차(TOC)는 닫히고 메신저 창이 닫히면 목차(TOC)가 열리는 형태 입니다. 아예 설정에서 목차(TOC) 기능을 꺼 버릴 수도 있습니다. 목차(TOC) 설정 하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 스킨편집 하단에 추가설정 부분에 있는 본문 목차(T..
스킨설명서 2020. 1. 16.
메신저(댓글) 창 닫고 시작하기
메신저(댓글) 창은 기본적으로 화면의 오른쪽에 오픈되어 배치가 됩니다. 하지만 메신저(댓글) 창이 그렇게 중요한 요소가 아닌 경우 화면이 로딩이 될때 닫힌 상태로 블로그가 열리게 할 수 있습니다. 메신저(댓글) 창 설정하기 관리자화면 > 꾸미기 > 스킨편집 메뉴를 선택하면 스킨을 편집할 수 있는 새창이 열립니다. 스킨편집 하단에 추가설정 부분에 있는 시작 시 본문 댓글 창 오픈를 봅니다. 기본값은 true 입니다. 블로그 본문에 접속을 하면 메신저(댓글) 창이 열린다는 의미 입니다. 이 값을 false로 변경을 하고 블로그 본문에 접속을 하면 메신저(댓글) 창이 닫힌 상태로 표시됩니다. 대신 말풍선 아이콘이 건수와 함께 표시되고 이 아이콘을 클릭하면 그때서야 메신저(댓글) 창이 열리게 됩니다. 결과 확인..
스킨설명서 2019. 12. 9.
스킨소개
블로그에 생명을 불어 넣을 수 있는 반응형 스킨을 제작하였습니다. 기본 티스토리 블로그 스킨과 차별화된 기능, 디자인으로 오랜 기간에 걸쳐 제작하고 수정하였습니다. 이 스킨이 여러분의 블로그에 조금이라도 도움이 되었으면 합니다. 특징 이 스킨은 bootstrap 4.3을 기본 프레임워크로 제작 하였기 때문에 크롬, 파이어폭스, 사파리 등 다양한 브라우저와 IE11 이상의 최신 버전에서 정상 동작 합니다. 또한 반응형 으로 디자인하여 다양한 디바이스에서 최적화된 화면을 보여 줍니다. 기능 이 스킨은 여러가지 특징이 있지만 대표적으로 아래와 같이 10개의 특징을 가지고 있습니다. 1. 컨텐츠에 집중할 수 있는 깔끔한 디자인 컨텐츠에 집중할 수 있는 디자인으로 최소의 색상과 면 분할로 주변의 요소 보다 컨텐츠..