'Sidebar'에 해당되는 글 3건

Section 8 - 티스토리 반응형 스킨 만들기 - sidebar에 카테고리 넣기

지난 섹션까진 사이드바 개념을 집중적으로 설명했지만 이제부터 본격적인 스킨 작업에 돌입합니다. 그 첫번째로 CATEGORY 입니다. 카테고리는 내 블로그에 어떤 종류의 글이 있는지 확인 및 이동 할 수 있게 해주는 아주 중요한 요소입니다. 이 카테고리를 우리는 사이드바에 넣어 모듈 처럼 언제든지 사이드바에 넣고 빼기가 가능하게 만들겁니다. 본격적으로 소스 작업을 하기 전에 카테고리 종류에 대해서 간단하게 설명드립니다.티스토리에서 지원하는 카테고리는 크게 두가지입니다. 하나는 트리구조형, 또 다른 하나는 리스트형입니다.우리는 이쁘게 이쁘게 만들기 위하여 리스트형으로 하겠습니다.※ 깨알 팁 : 트리구조는 치환해서 아웃풋으로 나오는 html이 기본적으로 table 코드를 출력합니다. 리스트구조는 html ul..

티스토리 스킨만들기/Tistory One | 2017. 9. 28. 23:19

Section 7 - 티스토리 반응형 스킨 만들기 - sidebar element 넌 또 뭐야?

저번 섹션에선 사이드바에 대한 개념 및 영역 지정 방법을 알아봤습니다.이제 우리는 사이드바 영역을 지정했으니 그 안에 모듈을 하나하나 채워나가면 되는 것이죠.우선 간단하게 매번 반복하는 치환자 없이 간단한 배너나 안내글을 html 코드를 이용하여 사이드바 영역에 고정시키는 모듈을 만들어보겠습니다. STEP 1. SIDEBAR element 영역 지정사이드바 영역 지정은 이지만 사이드바 안에 들어가는 모듈들의 영역 지정은 라는 태그를 사용해야 합니다. 말 그대로 사이드바 요소라는 거죵~ 그럼 복습!! 티스토리 치환자가 돌아가는 영역 지정은 사이드바는 사이드바 모듈은 s_ 이게 핵심인듯하네요.구조는 사이드바 모듈 영역 테스트 module one 우선 위처럼 따라 만들어 봅시다. 그 후 관리자 -> 꾸미기 -..

티스토리 스킨만들기/Tistory One | 2017. 9. 28. 18:53

Section 6 - 티스토리 반응형 스킨 만들기 - sidebar 넌 누구냐?

저번 section 5에서는 헤더를 만들었고, 이번에는 sidebar를 만듭니다.그리고 footer까지 완성하면 앞으로 포스트를 담을 그릇이 어느정도 완성이 되는 것이지요. ㅡ/,.ㅡ;; 이번 sidebar는 다른 영역과 다르게 블로그의 글 관련된 정보들을 모아서 보여주는 기능이 들어가므로 많은 티스토리 치환자가 들어가게 됩니다.사이드바 영역에 들어가는 예 : 공지사항, 최근에 올라온 글, 최근에 달린 댓글, 링크, 달력, 태그 클라우드, 글 보관함, 방문자 카운트, 배너 등등 우리가 넣고 싶은것들 모두다 ㅡ/.,ㅡ;;그렇다고 한번에 다 입력하는 것이 아닌 필요한 모듈에 따라 치환자가 달라지므로 부담을 가질 필요는 없습니다.본격적으로 사이드바 작업을 시작하기전에 기초적인 이해를 먼저하고 프론트엔드 작업을..

티스토리 스킨만들기/Tistory One | 2017. 9. 28. 17:35

티스토리툴바