인터넷을 뒤져보니 티스토리 로그인 체크는 티스토리 툴바(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 태그 ..
티스토리에서 방명록은 수정해야 할 것이 많지 않아서 금방 끝납니다. 거기다 글 본문에서 사용하던 코드들을 가지고 와서 사용하면 되기 때문에 더욱 쉽다!! 설명 방명록 자체가 내용이 별로 없습니다. 글 내용에서 작업했던 내용을 최대한 가지고 와서 사용합니다. 코드 내용이 '글 내용'과 거의 같아서 포인트가 없습니다. ㅎㅎㅎㅎ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 ..
사이드바는 티스토리에 의해 렌더링 되는 부분이므로 '관리 > 사이드 바'에서도 수정이 가능합니다. 설명 카테고리와 같은 구성요소는 티스토리에서 생성해서 보내주기 때문에 CSS도 수정하고 자바스크립트도 이용해야 원하는 모양으로 만드는 것이 가능합니다. html 태그에서 추가했는데 보이지 않는다면 '관리 > 사이드 바'에 들어가 추가해주셔야 합니다. 사이드 바는 ''사이의 구성요소를 사용합니다. 이 안에 구성요소를 만들어야 '관리 > 사이드 바'에도 표시됩니다. 코드 사이드바는 패널을 이용하여 제목을 만들고 내용물을 채워 모양을 잡습니다. 여기서 주의해서 봐야 할 것은 ''입니다. 기본이 되는 카운터 모듈을 살펴보겠습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 방문자 전체 오늘 어제 Colo..
이 프로젝트는 추가적인 CSS작업없이 부트스트랩의 CSS만 이용하는 것을 기본으로 하므로 티스토리에서 직접 생성하는 코드는 제어할 방법이 없습니다. 이러한 코드들은 두 번째 프로젝트에서 수정할 예정이니 여기서는 적용된 스타일 없이 그냥 두겠습니다. 설명 이제 부트스트랩의 CSS를 이용하여 본문을 꾸며보겠습니다. (참고 : bootstrap - CSS, 콤포넌트 ) 본문에서 '패이지 네비게이션 > 현재 패이지'는 CSS를 직접 수정하지 않으면 안 되기 때문에 이번 프로젝트에서는 그냥 두겠습니다. '댓글 리스트'는 ''안에 태그를 꾸며두면 티스토리에서 다시 렌더링을 해줍니다. 앞으로 이런 식으로 렌더링되는 내용을 자주 보게 될테니 신경써주세요~ 콘텐츠 페이지만 꾸미는 거고 방명록과 같은 다른 페이지는 다음 ..