얼마전부터 티스토리 스킨을 뜯어보고 있는데요.
[블로그스킨 배포 & 설명] - 티스토리 블로그 스킨 설명 - 1. 각 부분의 크기 조절
[블로그스킨 배포 & 설명] - 티스토리 블로그 스킨 설명 - 2. 댓글창, 방명록 크기 조절
오늘 세번째 이야기로 블로그 스킨의 사이드바 모듈을 해부해볼까 합니다.
대부분은 사이드바라고 하면 아하~~ 하시겠지만
혹시라도 그게 뭐지? 하시는 분들이 계실까봐 친절하게 설명하고 넘어가겠습니다.
제 블로그의 화면을 캡처했는데요. 오른쪽에 네모로 표시된 부분이 사이드바랍니다.
이곳에는 블로그정보, 검색모듈, 태그구름, 카테고리, 최근글, 최근코멘트.....등의 기본 모듈과 위젯등이 들어가게 되는데요.
다음 view 구독위젯 |
블로그 정보 |
블로그 글 검색모듈 |
블로그 공지 |
태그구름 |
카테고리 |
최근 글 |
최근 코멘트 |
최근 트랙백 |
글 보관함 |
북마크 |
stats |
프로필 레이어 |
rss 구독버튼 |
으~~ 많다... 총 14개의 모듈이 들어가 있네요.
그런데 블로그를 돌아다니다보면 사이드바 모듈의 순서가 다들 제각각이죠.
관리모드의 사이드바 설정 화면입니다.
왼쪽에 기본모듈, 사용자모듈로 구분된 곳은 실제 사용 가능한 사이드바의 모듈이구요.
오른쪽 사이드바 꾸미기에 보이는 모듈들이 실제 사용하고 있는 모듈입니다.
※ 모듈 추가 & 제거
왼쪽창에서 개별모듈 오른쪽에 붙어있는 +버튼을 누르게 되면 오른쪽 창으로 이동하구요.
오른쪽에서 -버튼을 누르게되면 적용되었던 모듈이 빠지게 되는거죠.
사이드바 설정 |
적용화면 |
위에서 블로그정보 모듈을 -버튼으로 빼 볼게요.
블로그정보 제거 |
블로그정보 제거 후 |
이렇게 필요한 모듈은 추가하고 필요없는 모듈은 제거하실 수 있답니다.
※ 모듈 순서변경
그럼 이번에는 모듈의 순서를 변경 해볼까요?
|
사이드바 설정 |
순서변경 전 |
다음 view구독 위젯이 첫번째 순서로 배열이 되어있는데요.
잡고 끌어내려서 세번째 순서로 변경을 해보겠습니다.
구독위젯 세번째로 변경 |
구독위젯 순서 변경 적용화면 |
각각의 모듈은 위에서 설명한 방법으로 순서를 바꿀 수 있답니다.
이건 또 무슨 소리여?
이럴수도 있겠네요. 자 일단 이미지를 한번 더 보시죠.
오른쪽 창을 보시면 모듈에 각각 이름이 붙여져 있는데요.
1. Daum view 구독 위젯
2. 정보
3. Search form
4. 공지
.
.
.
.
다들 이름이 하나씩 붙여져 있죠?
각각의 모듈에 이름이 붙여져 있으니 보기가 편하죠?
이 모듈의 이름은 없앨 수도 이름을 바꿀 수도 있답니다.
※ 모듈 이름 변경
관리모드 -> HTML/CSS 편집 -> skin.html에서 보여지는 화면입니다.
① 사이드바의 시작을 의미하는 태그소스입니다.
② 위치를 찾기 쉽도록 추가한 설명입니다.
- 위, 아래 회색네모 부분이며 모듈 한개의 시작과 끝을 구분하려고 추가했으나 빼도 상관없는 부분입니다.
- <a_sidebar_element>로 시작, </a_sidebar_element>로 끝을 맺게되며 모든 스킨이 시작과 끝은 동일한 소스로 되어있습니다.
위에서 보이는 파란 네모에 표시된 부분이 중요합니다.
위, 아래로 설명을 추가한 것을 보면 아시겠지만 이건 블로그정보 모듈입니다.
사이드바 설정에서 정보라는 이름으로 나오죠?
<!--이름--> 이 태그소스에서 빨간색으로 표시한 이름부분이 실제 사이드바 설정에서 나타나게 되는 것이죠.
그럼 모듈 이름도 한번 바꿔볼게요.
내 블로그 정보로 변경 |
사이드바 설정에 적용됨 |
