티스토리 스킨/T스킨 설명서 2022. 2. 10.
판매/구매 안내
T스킨은 티스토리에 사용할 수 있는 스킨입니다.구매 진행 절차 [구매자] nJo2 미니샵 또는 티스토리 미니샵 에서 구매 신청합니다. [구매자] 지정된 계좌로 무통장 입금 하거나 QR코드를 활용하여 입금합니다. [판매자] 입금 확인 후 다운로드 권한을 승인합니다. [구매자] nJo2 미니샵의 MY탭 또는 티스토리 미니샵의 MY탭이나 상품의 상세보기의 다운로드 탭에서 스킨파일을 다운로드하여 사용합니다. 설치하기스킨 설치에 대해서는 티스토리 스킨 설치하기를 참고하세요.지원안내저작물의 오류에 대해서는 최대한 빠른 시간에 수정하고 배포할 것입니다.오류가 아닌 기능 추가, 코드 변경 등의 수정 요청에 대해서는 공식적으로 지원하지 않습니다. 다만 공통적으로 필요한 기능일 경우 차후 버전에 추가로 기능개발 하도록 하..
티스토리 스킨/T스킨 설명서 2020. 11. 10.
티스토리 관리자 기능 중 수익 적용하기 (애드센스)
[ 2023.09.15 티스토리 공식 애드센스 적용과 개별 애드센스 적용에 대한 충돌 문제 관련 ]티스토리에서 애드센스를 공식 적용하면서 개별적으로 애드센스를 달았던 사람(커스텀 스킨)과 충돌이 발생하고 있었습니다. 저희 Tskin도 충돌이 있었으며 V3.0.1에서 이부분에 대해서 해결을 하였습니다. 에러는 잡았는데, 영향도에 대해서는 좀 더 지켜봐야 할것 같습니다. 관련하여 아래 공지사항을 확인해 주시기 바랍니다. 커스텀 스킨의 애드센스와 티스토리 공식 애드센스의 충돌 문제 해결 했습니다. 바로가기 [ 2020. 11 .4 공지 내용(블로그 이전에 따른 재등록) ]이번에 티스토리에서 카카오 로그인과 수익 기능을 업데이트 했습니다. 수익기능 중 애드센스적용에 대해서 설명하려고 합니다. 추가로 T스킨에 특..
티스토리 스킨/T스킨 설명서 2020. 10. 6.
17. 본문 포스팅에 탭기능 구현하기
T스킨은 부트스트랩을 기본 베이스로 사용합니다. 그 이야기는 무엇이냐 바로 본문에 부트스트랩의 기능을 쉽게 사용할 수 있다는 뜻입니다. 그중에 이번에는 Tab기능을 구현하는 방법을 설명하도록 하겠습니다. 사전지식글쓰기를 하실 때 아래에 대한 약간의 사전지식이 있어야 원활하게 사용하실 수 있습니다. HTMLCSSBootstrap ( https://getbootstrap.com/ )구현된 모습첫번째 탭두번째 탭세번째 탭 첫번째 탭 내용.. 두번째 탭 내용.. 세번째 탭 내용.. 글쓰기 구현하기먼저 글쓰기 창으로 이동합니다. 글쓰기는 새로운 글쓰기를 기준으로 설명하겠습니다. ▲ 우상단에 있는 글쓰기 모드 중에 HTML로 변경을 합니다. HTML 모드에서는 바탕색이 검정색으로 나타납니다. 이 모드에서는 작성하는..
티스토리 스킨/T스킨 설명서 2020. 9. 18.
홈커버 화면에서 카드 리스트보기 기능 설정하기
T스킨의 화면의 홈커버에는 다양한 커버 아이템이 있습니다. 이번 V2.5.0버전부터 Card리스트 형태 아이템을 추가하였습니다. 구현된 화면 참고하기 위해 화면의 위아래에 슬라이더 아이템과 벽돌 리스트 아이템을 넣어놨고 중간에 많이 봐오던 카드 리스트 화면을 추가하였습니다. 설정하는 방법설정은 쉽습니다. 관리자 > 스킨설정 화면으로 이동합니다. 그리고 첫 화면이 홈커버로 설정되어 있어야 합니다. 스킨 설정에서 먼저 커버 탭을 선택합니다. 커버 아이템 추가를 선택합니다. 커버 아이템 중 이번에 새롭게 추가된 카드 리스트를 선택합니다. 카드 리스트를 확인합니다. 글 수는 상관이 없지만 그래도 가능하면 12개를 추천합니다. 화면의 가로 크기에 따라 한 줄에 1 ~ 4개의 카드가 나옵니다. 3개가 나올 때나 4..
티스토리 스킨/T스킨 설명서 2020. 9. 18.
첫화면 카드보기 형태 외에 리스트 보기 형태 설정하기
지금까지는 T스킨의 청 화면은 홈커버, 카드 리스트 보기만 있었습니다. 이번 V2.5.0버전부터 일반 리스트보기화면 설정을 추가하였습니다. 기존 화면 기존 Card 리스트 형태의 화면입니다. 구현된 화면 위와 같이 일반 리스트 형태를 구현했습니다. 썸네일 이미지가 있으면 왼쪽에 표시가 되고 없으면 없는 리스트가 나옵니다. 티스토리에서 우리에게 엄청나게 큰 힘을 주는 애드센스도 빠짐없이 나오게 했습니다. 다만 주의해야 할 점은 애드센스 인피드 광고는 가로형태와 세로 형태로 제공을 하고 있습니다. 기존의 Card리스트 형태는 인피드 광고의 세로 형태와 어울리고 일반 리스트 형태는 인피드 광고의 가로형태와 잘 맞습니다. 그래서 인피드 광고를 최적으로 표시하려면 애드센스에서 가로형태의 인피드 광고를 하나 더 추..
티스토리 스킨/T스킨 설명서 2020. 9. 1.
블로그 포스트의 태그 기능으로 전체화면이미지 적용하기
[대상 스킨 : T스킨BASIC V2 Version 2.3.0 이상]블로그 글에 대해서 태그에 특정태그를 입력하면 특별한 탬플릿이 적용됩니다. 이전에는 포스트 글의 태그에 [@게시판@]을 입력하면 게시판 탬플릿이 적용되게 구혔었는데요. 이번에는 [@전체화면이미지@]태그로 블로그 글의 상단에 전체화면크기의 랜덤이미지가 적용되게 하였습니다.구현된 화면블로그 글의 최상단에 전체화면 이미지가 적용된 탬플릿이 적용됩니다. 작성된 블로그 글에서 모든 이미지를 찾아 지정된 크기(기본크기는 가로 800px)이상의 이미지가 1개라도 있다면 그 이미지들에 대해서 최상단에 랜덤하게 보여줍니다. 만약 그런 이미지가 없다면 무슨일이 있었냐는 듯이 원래의 레이아웃으로 보여줍니다. 적용된 포스트 DEMO 구현방법 구현방법은 블로그..
티스토리 스킨/T스킨 설명서 2020. 8. 26.
로딩 시 사이드바 메뉴의 서브메뉴를 펼침 상태로 표시할지 닫힘 상태로 표시할지 설정하기
사이드바의 2단계 카테고리에 대해서 초기 화면 로딩 시 펼침 상태로 표시할지, 닫힘 상태로 표시할지, 원하는 카테고리에 대해서만 2단계 카테고리를 펼침 상태로 표시할지를 설정 할 수 있습니다. 구현된 화면모두 닫힌 상태로 화면 로딩 카테고리가 모두 닫힌 상태로 로딩되어 1단계 카테고리만 보여집니다. 모두 열린 상태로 화면 로딩 반대로 카테고리가 모두 펼침 상태로 로딩되어 1단계, 2단계 카테고리 모두 보여집니다. 특정 카테고리만 상태로 화면 로딩 지정한 특정 카테고리에 대해서만 2단계 카테고리가 펼침 상태로 보여집니다. 구현방법구현방법은 관리자페이지 > 스킨편집 에서 설정할 수 있습니다. 먼저 스킨편집 화면을 엽니다. 모두 닫힌 상태로 화면 로딩 [카테고리]설정 항목에서 카테고리 펼침에 아무 값도 입력하..
티스토리 스킨/T스킨 설명서 2020. 8. 26.
티스토리 블로그에서 상호 소통 가능한 게시판 만들기
T스킨 V2.1.X버전에 야심찬 새로운 기능을 추가했습니다. 본문의 입력된 태그를 분석해서 [@게시판@]이란 태그가 있으면 본문의 글을 게시판형식으로 보여주는 기능입니다. 이 태그 분석은 지속적으로 다양한 형식의 탬플릿에 적용시킬 수 있게 할 예정입니다. 구현된 화면 티스토리의 댓글기능을 활용하여 최대한 게시판형식으로 보여지게 만들었습니다. 실제 적용된 모습은 아래의 경로에서 확인할 수 있습니다. 스킨 오류/개선 요청 게시판 바로가기 구현방법구현방법은 매우 쉽습니다. 글쓰기 -> 제목(게시판 이름) 작성하기 -> 태그에 [@게시판@] 입력하기 먼저 관리자화면에서 글쓰기를 실행합니다. 제목을 입력합니다. 제목은 게시판의 이름이 됩니다. 태그에 [@게시판@]이란 태그를 입력합니다. [@와 @]사이의 키워드를..
티스토리 스킨/T스킨 설명서 2020. 7. 24.
홈커버 설정하기
홈커버란? 홈커버는 티스토리가 2018년 10월 새로운 공식 스킨을 출시하면서 생긴 기능입니다. 기존에 https://ux.stories.pe.kr 같이 세부 파라미터 없이 도메인 주소로만 접속할 경우 최신 글 리스트가 보여지도록 되어 있었으나 홈커버의 경우는 최신 글 리스트가 보여지는 것이 아니라 여러가지 아이템으로 관리자가 원하는 형태로 꾸밀 수 있게 만든 기능입니다. 이 기능을 잘 활용하면 단순한 블로그로 보여지는게 아니라 포털화면의 첫 페이지 처럼 꾸밀 수 있는 장점이 있습니다. T스킨BASIC에서는 기본 5가지 아이템과 UX공작소애서 개발한 1개의 추가 아이템이 포함되어 있습니다. 적용된 모습 홈커버 설정 진입하기 홈커버는 티스토리 관리자 화면에서 시작합니다. 관리자 화면의 좌측메뉴 중 스킨편집..
티스토리 스킨/T스킨 설명서 2020. 7. 24.
티스토리 스킨 설치하기
티스토리 스킨 기본 설치 방법 아래의 티스토리 스킨 설치 방법은 UX공작소에서 제공하는 스킨에만 특회된 것은 아니고 모든 티스토리 스킨에 대하여 공통적으로 적용되는 방법입니다. 설치 스킨 등록 하기 스킨을 적용하기 위해서는 티스토리 관리자 화면의 꾸미기 메뉴에서 먼저 스킨을 등록해야 합니다. 꾸미기 > 스킨변경 메뉴를 선택합니다. 스킨등록 버튼을 선택합니다. 추가버튼을 클릭 합니다. 압축해제한 스킨파일을 선택합니다. 한번에 images폴더에 있는 것까지 업로드가 되지 않으니 귀찮아도 images폴더 안에 있는 파일을 한번 더 등록을 해야합니다. 저장버튼을 클릭하여 등록을 완료합니다. 실제로 업로드가 되기 전에 스킨명을 입력하라고 합니다. 중복되지 않은 적당한 이름을 입력하고 확인을 선택합니다. 등록한 스..
티스토리 스킨/T스킨 공지사항 2020. 7. 24.
판매/구매 안내
T스킨은 티스토리에 사용할 수 있는 스킨입니다. "내가 지금 뭐하고 있나~~" 라는 자괴감에 지쳐 쓰러질 개발자에게 T스킨을 개발하고 유지보수 할 수 있도록 당근으로 활용하기 위해 유료 판매하고 있습니다. ^^ 구매 진행 절차 [구매자] 티스토리 로그인 후 T스킨샵에서 구매 신청합니다. [구매자] 지정된 계좌로 무통장 입금 하거나 QR코드를 활용하여 입금합니다. [판매자] 입금 확인 후 다운로드 권한을 제공합니다. [구매자] T스킨샵의 MY탭이나 상품의 상세보기의 다운로드탭에서 스킨파일을 다운로드하여 사용합니다. 설치하기 스킨 설치에 대해서는 티스토리 스킨 설치하기를 참고하세요. 지원안내 저작물의 오류에 대해서는 최대한 빠른 시간에 수정하고 배포할 것입니다. 오류가 아닌 기능 추가, 코드 변경 등의 수정..
