티스토리 가이드에 보면 '' 치환자는 필수라는 내용이 나옵니다. 참고 : 티스토리 스킨 가이드 - 공통 치환자 다른 포스트에서도 언급했었지만 ''와 같은 치환자는 티스토리 전용 기능을 위해 이것저것 잔뜩 불러온다는 문제가 있습니다. 이런 기능들을 사용하지 않는다면 사이트 속도만 느려지게 만들죠. * 주의 * 이 치환자를 제거한 이후에 나오는 에러들은 상당한 자바스크립트(javascript) 지식이 있어야 해결할 수 있는 문제입니다. 자신이 없다면 제거하지 마시길 바랍니다. 제거로 인한 책임은 모두 자신에게 있음을 명심하세요. 기초적인 자바스크립트에 관한 질문은 받지 않습니다. 1. 제거해보기 일단'' 을 제거하고 블로그로 들어가 봅시다. 제일 눈에 띄는 건 댓글 관련 동작과 티스토리 단축키 기능입니다. ..

티스토리 스킨을 보면 '인덱스(index)'와 '퍼머링크(permalink)' 라는 것이 있습니다. (참고 : 티스토리 스킨 가이드 - 글 ) 이 둘은 뭔지 알아보겠습니다. 1. 인덱스(index) 페이지 인덱스 페이지는 '목록 구성 요소'가 '목록 + 내용' 혹은 '내용'일 때 나오는 페이지를 의미합니다. 홈을 이렇게 설정하면 아래와 같이 목록(포스트 리스트)과 포스트 내용이 함께 나옵니다. 빨간 네모를 보면 인덱스 페이지 치환자가 동작한 것을 알 수 있습니다. 2. 퍼머링크 (Permalink) '고유 주소'라는 의미가 있는데..... 그냥 포스트 내용을 의미합니다. 포스트를 클릭해서 들어가거나 주소를 입력해서 들어가면 볼 수 있는 페이지입니다. 3. 필요한가? 이런 이유로 구분되어 있지만 보통은 퍼..

블로그를 이전할 계획 중이라 티스토리 스킨을 만질 생각이 없었는데..... 티스토리의 몇 가지 개편들과 부트스트랩의 다음 버전이 나오면서 손을 안 댈 수 없는 상황이 되었네요. 그래서 일단 기존 '부트스트랩(bootstrap) + 티스토리(tistory)' 샘플을 업데이트하고 있습니다. 참고 : 티스토리 부트스트랩 테스트 부트스트랩 기본 예제인 "Carousel" 티스토리 기본 스킨인 "Whatever"를 기반으로 작업하였습니다. 1. 부트스트랩 5 에서 변경된 내용 1) 5버전으로 버전업 되면서 기본 아이콘 세트가 제외되었습니다. 용량도 많이 차지하면서 다른 아이콘 세트를 사용하는 사람이 많아서 제외된 거 같네요. 원하는 아이콘 세트가 있으면 자유롭게 넣을 수 있지만 일단 이 샘플에서는 아이콘을 모두 ..

인터넷을 뒤져보니 티스토리 로그인 체크는 티스토리 툴바(tistory toolbar)를 체크하는 방법 아니면 모든 페이지에 일관되게 체크할 수 있는 방법이 없는거 같습니다. 기존에 많은 분이 만든 코드가 있지만 마음에 드는 게 없어서 만들어 봅니다 ㅎㅎㅎ 0. 티스토리 툴바 표시 티스토리에서 '2차주소'를 사용할 때 '메뉴바 감추기'라는 옵션이 있는데 이 옵션이 체크되어 있으면 툴바 자체가 바인딩 되지 않습니다. 관리 > 기본 정보 > 주소설정 에서 확인 가능합니다. 툴바를 화면에 표시하고 싶지 않다면 css를 이용해야 합니다. css에 다음 코드를 추가합니다. 1 2 3 4 /* 티스토리 메뉴바 가리기*/ #tistorytoolbarid { display:none; } cs 1. 티스토리 툴바 분석 티..

제목이 좀 이해하기 힘들겠지만.... 티스토리에서 제공되는 치환자는 특정 데이터를 바인딩하는 기능 외에도 티스토리 자체에서 제공하는 스크립트를 로드하는 역할도 합니다. 예를 들면 바디영역에 선언하게 되어 있는 ''의 경우 '댓글 펼침'기능이 들어있는 자바스크립트를 로드하게 됩니다. 만약 ''를 제거한다면 댓글 펼침 시 에러가 나는 걸 볼 수 있습니다. 티스토리 스크립트에 'toggleLayerForEntry'함수가 들어있는 스크립트가 'common.js'인데 ''가 있고 없고에 따라 다른 스크립트를 불러온다는 것을 알 수 있습니다. 다른 사람의 티스토리 코드를 사용할 때 이것을 주의해야 합니다. 에러 내용을 잘 확인해서 치환자를 사용해야 하죠. 티스토리의 자체 스크립트를 제거하고 자신이 새로 구축하려면 ..

티스토리의 페이징 처리는 자동으로 바인딩해주기 때문에 css만 신경 쓰면 되는데.... '...'은 따로 노는 현상이 있습니다. 오노!!! 1. 원인 html을 확인하면 '...'만 'li'태그가 없는 것을 확인할 수 있습니다. 아마도 티스토리 쪽에서 '...'은 바인딩 처리를 하지 않는 거 같네요. 2. 해결 방법 css를 조작할 수 있다면 '.interword'를 재정의 하여 처리하시면 됩니다. 다른 방법은 자바스크립트(javascript)를 이용하는 방법입니다. css를 조작하는 건 html작업과 연관 있으니 각자 처리해야 합니다. 저는 제이쿼리(jquery)를 이용하여 '...'을 ''로 감싸는 방법을 사용하겠습니다. ''로 감싸주기만 하면 상속받은 스타일이 먹힐 테니 별도의 작업이 필요 없다는 ..

티스토리에서 스킨을 수정하면서 다루기 가장 귀찮을 요소를 꼽으라면 '카테고리'를 첫 번째로 꼽을 수 있습니다. 원하는 구조로 만들어서 나오는 게 아니라서 직접 수정해야 하는데....그마저도 사용 가능한 클래스 이름은 오버라이드해서 사용해야 하고 그마저도 없으면 css트리로 해결해야 해서 짜증이 증폭되죠 ㅎㅎㅎㅎ 1. 티스토리의 카테고리 알아보기 티스토리에서 카테고리는 2가지 치환자로 제공됩니다. (참고 : 티스토리 가이드 - 치환자 3-5. 카테고리) 1-1. 폴더 형식의 카테고리 치환자는 '' 입니다. 테이블 형태로 제공되며 접고 펼치는 기능이 붙어있는 체로 나옵니다. 1-2. 리스트 형식의 카테고리 치환자는 '' 입니다. '' 형태로 출력됩니다. 하위카테고리도 ''형태로 나옵니다. 2. html 분석..

처음 계획은 푸터를 화려하게 꾸미는 거였는데...... 푸터의 역할상 깔끔한 게 더 의미가 있어서 그냥 중앙정렬만 하고 넘어가겠습니다. 설명 부트스트랩의 그리드 시스템에서 푸터는 하단에 12칸을 혼자 사용하도록 하겠습니다. 이렇게 하면 항상 하단에 나오게 되죠. 중앙정렬은 'text-center'로 처리하면 됩니다. 설명 코드는 스타일에 부트스트랩 스타일만 적용했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 지역로그 : 태그 : 방명록 : 관리자 : 글쓰기 's Blog is powered by Daum / Designed by Tistory Colored by Color Scripter cs

위치로그는 구조가 독특해서 뭔가 작업할 수 있는 것이 없습니다. 설명 위치로그의 태그를 보면 주소를 표시하는 ''와 제목을 표시하는 ''로 되어 있습니다. 이 두개가 각각 있는데...... 이것은 티스토리 쪽에서 같은 지역은 뭉쳐서 표시하기 때문에 그렇습니다. 각 주소는 일정크기 왼쪽에서 밀어서 구분하게 됩니다. 밀어서 표시하기 위한 왼쪽 마진값은 ''와 ''로 넘겨주게 됩니다. 결국 스크립트를 사용해서 처리하지 않는 한 무언가 할 수 있는 작업이 없습니다-_-;;; 스크립트가 없더라도 약간의 꼼수를 사용하면 css만으로도 처리할 수는 있습니다. 마진값을 css이름으로 사용하면 됩니다 ㅎㅎ 이 시리즈에서는 css도 수정하지 않으므로 그냥 목록 처리만 하겠습니다. 코드 부트스트랩에 있는 목록을 그대로 적용..

태그 목록은 스타일 시트 없이는 수정할 수 없습니다. 일단 스타일 시트 없이 적용만 시켜서 사용합니다. 설명 태그 박스의 태그 사용빈도는 ''치환자를 써서 가지고 옵니다. 사용빈도가 높으면 'cloud1', 사용빈도가 낮으면 'cloud5'로 해서 'cloud1 ~ cloud5' 까지 넘어옵니다. (참고 : 티스토리 가이드 - 4.치환자 - 3-6. 태그 박스 ) 그러다 보니 스타일시트를 직접 수정하지 않으면 사용할 방법이 없습니다. 우리는 일단 레이아웃만 적용하고 스타일 시트는 다음 시즌(?)을 기대해 봅시다 ㅎㅎㅎ 코드 스타일에도 치환자를 넣는 거 빼고는 다른 코드들과 같습니다. 기존 코드는 ''로 처리했는데 전 그냥 그리드로 처리했습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 태그 ..