Step03 : 치환자 (skin.html)
시작하기전에
- 브라우저에 블로그 타이틀과 현재 보고 있는 페이지 제목을 나타내 주려면 다음과 같은 코드를 <head></head> 태그 안에 넣어 주면 됩니다.
<title>[##_title_##] :: [##_page_title_##]</title> - 브라우저에 RSS 버튼을 활성화시키기 위해서는 다음과 같은 코드를 <head></head> 태그 안에 넣어 주면 됩니다.
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" /> - 자바스크립트를 지정해줄 영역을 선언하기 위해서 <body>안에 <s_t3></s_t3>를 넣어줘야 합니다
header 영역
- 해당영역
- <div id="header"> ... </div>
- 이미지 보기
-
블로그 제목
- 사용 치환자
- [##_blog_link_##] : 블로그 주소
[##_title_##] : '관리자 > 환경설정 > 기본설정'에서 입력된 블로그 제목
- 사용예
- <h1><a href="[##_blog_link_##]">[##_title_##]</a></h1>
-
블로그 메뉴
- 사용 치환자
- [##_localog_link_##] : 위치로그로 이동할 수 있는 주소
[##_taglog_link_##] : 태그로그로 이동할 수 있는 주소
[##_guestbook_link_##] : 방명록으로 이동할 수 있는 주소
- 사용예
- <div class="blogMenu">
<ul></div><li class="tab_localog"><a href="[##_localog_link_##]">위치로그</a> </li></ul>
<li class="tab_taglog" ><a href="[##_taglog_link_##]">태그</a></li>
<li class="tab_guestbook" ><a href="[##_guestbook_link_##]">방명록</a></li>
content 영역
- 해당영역
- <div id="content"> ... </div>
-
검색 결과 리스트
- 이미지 보기
- 사용 치환자
- <s_list>, </s_list> : 검색시 보여줄 글목록을 출력할 영역입니다
<s_list_rep>, </s_list_rep> : 글목록을 반복하여 출력하는 기능을 수행합니다
[##_list_conform_##] : 검색어
[##_list_count_##] : 검색된 글의 갯수
[##_list_rep_link_##] : 글의 고유 주소
[##_list_rep_regdate_##] : 글이 작성된 날짜
[##_list_rep_title_##] : 글의 제목
[##_list_rep_rp_cnt_##] : 댓글 수
[##_list_rep_author_##] : 작성장 이름 (*팀블로그용 치환자)
- 사용예
- <s_list>
<div class="searchList"><h3>'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</h3></div>
<ol><s_list_rep></ol>
<li><span class="date">[##_list_rep_regdate_##]</span></li>
<a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a>
<span class="cnt">[##_list_rep_rp_cnt_##]</span>
</s_list_rep>
</s_list>
-
검색 결과 댓글 리스트
- 이미지 보기
- 사용 치환자
- <s_rplist>, </s_rplist> : 검색시 보여줄 댓글목록을 출력할 영역입니다
<s_rplist_rep>, </s_rplist_rep> : 글목록을 반복하여 출력하는 기능을 수행합니다
[##_rplist_conform_##] : 검색어
[##_rplist_count_##] : 검색된 댓글의 갯수
[##_rplist_rep_link_##] : 댓글의 고유 주소
[##_rplist_rep_regdate_##] : 댓글이 달린 날짜
[##_rplist_rep_body_##] : 댓글 내용의 일부
[##_rplist_rep_name_##] : 댓글을 쓴 사람의 이름
- 사용예
- <s_rplist>
<div class="searchRplist"><h3>'[##_rplist_conform_##]'에 해당되는 댓글 [##_rplist_count_##]건</h3></div>
<ol><s_rplist_rep></ol>
<li><span class="date">[##_rplist_rep_regdate_##]</span></li>
<a href="[##_rplist_rep_link_##]">[##_rplist_rep_body_##]</a>
<span class="cnt">[##_rplist_rep_rp_cnt_##]</span>
<span class="name">[##_rplist_rep_name_##]</span>
</s_rplist_rep>
</s_rplist>
-
위치 로그
- 이미지 보기
- 사용 치환자
- <s_local>, </s_local> : '위치로그'메뉴를 클릭시 보여줄 위치로그를 출력할 영역입니다
<s_local_spot_rep>, </s_local_spot_rep> : '위치로그'의 위치 반복열입니다
[##_local_spot_depth_##] : 왼쪽부터의 깊이
[##_local_spot_##] : 장소 이름
<s_local_info_rep>, </s_local_info_rep> : '위치로그'의 글의 반복열입니다
[##_local_info_depth_##] : 왼쪽으로부터의 깊이
[##_local_info_link_##] : 글의 고유 주소
[##_local_info_title_##] : 글의 제목
[##_local_info_author_##] : 작성자 이름 (* 팀블로그용 치환자)
- 사용예
- <s_local>
<div class="localog"><h3>위치로그</h3></div>
<s_local_spot_rep><div class="spot" style="margin-left: [##_local_spot_depth_##]px"></s_local_spot_rep>[##_local_spot_##]</div>
<s_local_info_rep><div class="info" style="margin-left: [##_local_info_depth_##]px"></s_local_info_rep><a href="[##_local_info_link_##]">[##_local_info_title_##]</a></div>
</s_local>
-
태그 클라우드
- 이미지 보기
- 사용 치환자
- <s_tag>, </s_tag> : '태그'메뉴를 클릭시 보여줄 태그를 출력할 영역입니다
<s_tag_rep>, </s_tag_rep> : '태그'의 반복열입니다
[##_tag_link_##] : 개별 Tag 들에 관련된 글을 출력하기 위한 URL
[##_tag_class_##] : Tag Cloud 의 크기나 색깔을 설정할 수 있도록 해줍니다. 총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다. 이 기능을 가지고 style 을 조정하시여 원하시는 스타일의 Tag Cloud 를 만드실 수 있습니다
[##_tag_name_##] : 태그의 이름
- 사용예
- <s_tag>
<div class="taglog"><h3>태그</h3></div>
<ul><s_tag_rep></ul>
<li><a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a></li>
</s_tag_rep>
</s_tag>
-
방명록
- 해당영역
- <div class="guestbook"></div>
- 이미지 보기
- 사용 치환자
- <s_guest>, </s_guest> : '방명록'메뉴를 클릭시 보여줄 방명록을 출력할 영역입니다
- 사용예
- <s_guest>
<div class="guestbook"><h3>방명록</h3></div>
<div class="guestWrite">15-1 글쓰기</div>
<div class="guestList">15-2 리스트 </div>
</s_guest>
15-1. 방명록 글쓰기
- 사용 치환자
- <s_guest_input_form>, </s_guest_input_form> :
<s_guest_member>, </s_guest_member> :
<s_guest_form>, </s_guest_form> :
[##_guest_input_name_##] : 이름입력 박스 이름
[##_guest_name_##] : 이름
[##_guest_input_password_##] : 비밀번호 입력 박스 이름
[##_guest_password_##] : 비밀번호
[##_guest_input_homepage_##] : 홈페이지 입력 박스 이름
[##_guest_homepage_##] : 홈페이지
[##_guest_textarea_body_##] : 글 내용 입력박스 이름
[##_guest_onclick_submit_##] : 입력 완료 온클릭 이벤트
- 사용예
- <s_guest_input_form>
<div class="guestWrite"><s_guest_member></div><s_guest_form></s_guest_member><p></s_guest_form>
<input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" /> <label for="name"> : 이름 </label>
</p>
<p>
<input type="password" maxlength="8" name="[##_guest_input_password_##]" value="[##_guest_password_##]" /> <label for="password"> : 패스워드 </label>
</p>
<p>
<input type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" /> <label for="homepage"> : 홈페이지 </label>
</p>
<p>
<textarea name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea>
</p>
<p>
<input type="submit" value="안부 남기기" onclick="[##_guest_onclick_submit_##]"/>
</p>
</s_guest_input_form>
15-2. 방명록 리스트
- 사용 치환자
- <s_guest_container>, </s_guest_container> : 등록된 '방명록' 리스트를 출력할 영역입니다
<s_guest_rep>, </s_guest_rep> : '방명록' 리스트의 반복열입니다
<s_guest_reply_container>, </s_guest_reply_container> : '방명록'의 댓글 리스트를 출력할 영역입니다.
<s_guest_reply_rep>, </s_guest_reply_rep> : '방명록' 댓글 리스트의 반복열입니다
[##_guest_rep_id_##] :
[##_guest_rep_class_##] :
[##_guest_rep_name_##] : 글쓴사람 이름
[##_guest_rep_date_##] : 글쓴 날짜
[##_guest_rep_desc_##] : 글 내용
[##_guest_rep_onclick_delete_##] : 답글 삭제 온클릭 이벤트
[##_guest_rep_onclick_reply_##] : 답글 수정 온클릭 이벤트
- 사용예
- <s_guest_container>
<div class="guestList"><ol></div>
<s_guest_rep><li id='[##_guest_rep_id_##]'></s_guest_rep><div class="[##_guest_rep_class_##]"></li><span class="name">[##_guest_rep_name_##]</span></div>
<span class="date"> [##_guest_rep_date_##]</span>
<span class="control">
<a href="#" onclick="[##_guest_rep_onclick_delete_##]">MODIFY/DELETE</a>
<a href="#" onclick="[##_guest_rep_onclick_reply_##]">REPLY</a>
</span>
<p>[##_guest_rep_desc_##]</p>
<s_guest_reply_container><ul></s_guest_reply_container><s_guest_reply_rep></ul>
<li id='[##_guest_rep_id_##]'><div class="[##_guest_rep_class_##]"></li><span class="name">[##_guest_rep_name_##]</span></div>
<span class="date"> [##_guest_rep_date_##]</span>
<span class="control">
<a href="#" onclick="[##_guest_rep_onclick_delete_##]">
MODIFY/DELETE </a>
</span>
<p>[##_guest_rep_desc_##]</p>
</s_guest_reply_rep>
</ol>
</s_guest_container>
-
공지사항 글
- 이미지 보기
- 사용 치환자
- <s_notice_rep>, </s_notice_rep> : '공지사항'이 출력되는 영역입니다
[##_notice_rep_link_##] : '공지사항'에 등록된 글의 고유 주소
[##_notice_rep_title_##] : 글 제목
[##_notice_rep_date_##] : 글쓴 날짜
[##_notice_rep_desc_##] : 본문 내용
[##_notice_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
- 사용예
- <s_notice_rep>
<div class="entryNotice"><div class="titleWrap"></div><h2><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h2></div>
<span class="date"> [##_notice_rep_date_##]</span>
<div class="article">[##_notice_rep_desc_##]</div>
</s_notice_rep>
-
보호 글
- 이미지 보기
- 사용 치환자
- <s_article_protected>, </s_article_protected> : '보호글'이 출력되는 영역입니다
[##_article_rep_link_##] : 보호글의 고유 주소
[##_article_rep_title_##] : 보호글의 제목
[##_article_rep_date_##] : 글쓴 날짜
[##_article_password_##] :
[##_article_dissolve_##] :
[##_article_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
- 사용예
- <s_article_protected>
<div class="entryProtected"></s_article_protected><h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2></div>
<span class="date">[##_article_rep_date_##]</span>
<p>보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요.</p>
<p><label for="password">비밀번호 ::</label>
<input type="password" maxlength="16" id="password" name="[##_article_password_##]" value="" onkeydown="if (event.keyCode == 13)[##_article_dissolve_##]" />
<input type="button" class="submit" value="submit" onclick="[##_article_dissolve_##]" />
</p>
-
글
- 해당영역
- <div class="entry"></div>
- 사용 치환자
- <s_article_rep>, </s_article_rep> : 블로그 글이 출력되는 영역입니다
- 사용예
- <s_article_rep>
<div class="entry"> 18. 글
<div class="titleWrap">18-1. 글 제목 | 카테고리 | 작성일 | 글 관리 </div></div>
<div class="article">18-2. 본문 </div>
<div class="tagTrail">18-3. 글 관련 태그 </div>
<div class="actionTrail">18-4. 트랙백 | 댓글 </div>
<div class="trackback">18-5. 트랙백 리스트 </div>
<div class="comment">18-6. 댓글
<div class="commentList">18-6-1. 댓글 리스트 </div></div>
<div class="commentWrite">18-6-2. 댓글 쓰기 </div>
</s_article_rep>
18-1. 글 관련 정보 : 글제목, 카테고리, 날짜, 관리자
- 이미지 보기
- 사용 치환자
- [##_article_rep_link_##] : 블로그 글의 고유 주소
[##_article_rep_title_##] : 블로그 제목
[##_article_rep_category_link_##] : 카테고리 링크
[##_article_rep_category_##] : 카테고리 명
[##_article_rep_date_##] : 글쓴 날짜
[##_article_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
<s_ad_div>, </s_ad_div> : 관리자 로그인시 글 관리 메뉴가 출력되는 영역입니다.
[##_s_ad_m_link_##] : 수정
[##_s_ad_m_onclick_##] : 수정 온클릭 이벤트
[##_s_ad_s1_label_##] : 글의 현재 상태
[##_s_ad_s2_onclick_##] : 상태 변경 온클릭 이벤트
[##_s_ad_s2_label_##] : 이후 상태
[##_s_ad_t_onclick_##] : 트랙백 온클릭 이벤트
[##_s_ad_d_onclick_##] : 삭제 온클릭 이벤트
- 사용예
- <div class="titleWrap">
<h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2></div>
<div class="category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a> </div>
<div class="date">[##_article_rep_date_##]</div>
<s_ad_div>
<div class="admin"><a href="[##_s_ad_m_link_##]">수정</a> :</div>
<a href="#" onclick="[##_s_ad_m_onclick_##]">수정(창으로)</a> |
([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> |
<a href="#" onclick="[##_s_ad_t_onclick_##]">관련글(트랙백)</a> |
<a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a>
</s_ad_div>
18-2. 블로그 글
- 이미지 보기
- 사용 치환자
- [##_article_rep_desc_##] : 블로그 본문 내용
- 사용예
- <div class="article">
[##_article_rep_desc_##]</div>
18-3. 글 관련 태그
- 이미지 보기
- 사용 치환자
- <s_tag_label>, </s_tag_label> : 글과 관련된 태그가 출력되는 영역입니다.
[##_tag_label_rep_##] : 태그 반복 출력
- 사용예
- <s_tag_label>
<div class="tagTrail"><span class="tagText">TAG </span> [##_tag_label_rep_##]</div>
</s_tag_label>
18-4. 트랙백과 댓글 보이기/감추기
- 이미지 보기
- 사용 치환자
- <s_tb_count>, </s_tb_count> : 트랙백의 갯수를 출력하는 영역
<s_rp_count>, </s_rp_count> : 댓글의 갯수를 출력하는 영역
[##_article_rep_tb_link_##] : 트랙백을 열고 닫는 온클릭 이벤트
[##_article_rep_tb_cnt_##] : 도착한 트랙백 수
[##_article_rep_rp_link_##] : 댓글을 열고 닫는 온클릭 이벤트
[##_article_rep_rp_cnt_##] : 답글 수
- 사용예
- <div class="actionTrail">
<a href="#tb" onclick="[##_article_rep_tb_link_##]"></div><s_tb_count></a>
트랙백 <span class="cnt">[##_article_rep_tb_cnt_##]</span>개
</s_tb_count>
,
<a href="#rp" onclick="[##_article_rep_rp_link_##]"><s_rp_count></a>
댓글 <span class="cnt">[##_article_rep_rp_cnt_##]</span>개가 달렸습니다.
</s_rp_count>
18-5. 트랙백
- 이미지 보기
- 사용 치환자
- <s_tb>, </s_tb> : 받은 트랙백이 출력되는 영역입니다
[##_tb_address_##] : 이 글의 트랙백 주소
<s_tb_container>, </s_tb_container> :
<s_tb_rep>, </s_tb_rep> : 받은 트랙백을 반복 출력합니다
[##_tb_rep_id_##] :
[##_tb_rep_url_##] : 보낸 트랙백 글의 고유 주소
[##_tb_rep_title_##] : 트랙백 제목
[##_tb_rep_site_##] : 트랙백 보낸 블로그 주소
[##_tb_rep_date_##] : 트랙백 보낸 시간
[##_tb_rep_onclick_delete_##] : 트랙백 삭제 온클릭 이벤트
[##_tb_rep_desc_##] : 트랙백 본문의 일부
- 사용예
- <s_tb>
<div class="trackback"></s_tb><h3>Trackback Address :: [##_tb_address_##]</h3></div>
<s_tb_container><ol></s_tb_container><s_tb_rep></ol>
<li id="[##_tb_rep_id_##]"><h4>Subject: <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a></h4></li>
<span class="from">Tracked from <span class="name"> [##_tb_rep_site_##] </span> </span>
<span class="date">[##_tb_rep_date_##]</span>
<a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete"> <span>삭제</span></a>
<p>[##_tb_rep_desc_##]</p>
</s_tb_rep>
18-6. 댓글
- 이미지 보기
- 사용 치환자
- <s_rp>, </s_rp> : 달린 댓글이 출력되는 영역입니다
- 사용예
- <s_rp>
<div class="comment"><h3>댓글을 달아 주세요 </h3></div>
<div class="commentList">18-6-1 리스트 </div>
<div class="commentWrite">18-6-2 글쓰기 </div>
</s_rp>
18-6-1. 댓글 리스트
- 사용 치환자
- <s_rp_container> , </s_rp_container> : 달린 댓글이 출력되는 영역입니다
<s_rp_rep>, </s_rp_rep> : 댓글이 반복 출력됩니다
<s_rp2_container>, </s_rp2_container> : 댓글에 댓글이 출력되는 영역
<s_rp2_rep>, </s_rp2_rep> : 댓글에 댓글이 반복 출력됩니다
[##_rp_rep_id_##] : 전체 코멘트영역을 가리키는 아이디 - (최신 댓글을 클릭했을때 이 위치로 이동)
[##_rp_rep_class_##] : 비밀글, 관리자, 일반글에 따른 스타일을 지정하기 위한 치환자
[##_rp_rep_name_##] : 댓글 단 사람 이름
[##_rp_rep_date_##] : 댓글이 달린 날짜
[##_rp_rep_desc_##] : 댓글 내용
[##_rp_rep_link_##] : 댓글 주소
[##_rp_rep_onclick_delete_##] : 댓글 수정/삭제 온클릭 이벤트
[##_rp_rep_onclick_reply_##] : 댓글에 댓글 달기 온클릭 이벤트
- 사용예
- <div class="commentList">
<s_rp_container></div>
<ol><s_rp_rep></ol>
<li id='[##_rp_rep_id_##]'><div class="[##_rp_rep_class_##]"></li><span class="name">[##_rp_rep_name_##]</span></div>
<span class="date"> [##_rp_rep_date_##]</span>
<span class="control"><a href="[##_rp_rep_link_##]" class="address"> <span>댓글주소</span></a></span>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify"> <span>수정/삭제</span></a>
<a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write"> <span>댓글쓰기</span></a>
<p>[##_rp_rep_desc_##]</p>
<s_rp2_container>
<ul><s_rp2_rep></ul>
<li id='[##_rp_rep_id_##]'><div class="[##_rp_rep_class_##]"></li><span class="name">[##_rp_rep_name_##]</span></div>
<span class="date"> [##_rp_rep_date_##]</span>
<span class="control"><a href="[##_rp_rep_link_##]" class="address"> <span>댓글주소</span> </a></span>
<a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify"> <span>수정/삭제</span></a>
<p>[##_rp_rep_desc_##]</p>
</s_rp2_rep>
</s_rp2_container>
</s_rp_rep>
</s_rp_container>
18-6-2. 댓글 쓰기
- 사용 치환자
- <s_rp_input_form>, </s_rp_input_form> : 댓글을 달기 위한 입력폼을 출력합니다
<s_rp_member>, </s_rp_member> : 로그인을 하지 않았거나 블로그 소유자가 아닌경우 보여지는 영역
<s_rp_guest>, </s_rp_guest> : 로그인을 하지 않았을경우 보여지는 영역
[##_article_rep_id_##] :
[##_rp_input_name_##] : 이름 입력 박스 이름
[##_guest_name_##] : 이름 입력
[##_rp_input_password_##] : 비밀번호 입력 박스 이름
[##_rp_admin_check_##] :
[##_rp_input_homepage_##] : 홈페이지 입력 박스 이름
[##_guest_homepage_##] : 홈페이지 입력
[##_rp_input_is_secret_##] : 비밀글 체크박스 이름
[##_rp_input_comment_##] : 댓글 입력 박스 이름
[##_rp_onclick_submit_##] : 댓글 입력 온클릭 이벤트
- 사용예
- <s_rp_input_form>
<div class="commentWrite"><s_rp_member></div><s_rp_guest></s_rp_member><p></s_rp_guest>
<input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" />
<label for="name"> : 이름 </label>
</p>
<p>
<input type="password" maxlength="8" name="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" />
<label for="password"> : 패스워드 </label>
</p>
<p>
<input type="text" class="homepage" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"/>
<label for="homepage"> : 홈페이지 </label>
</p>
<p class="secretWrap">
<input type="checkbox" name="[##_rp_input_is_secret_##]" class="checkbox" />
<label for="secret"> 비밀글 </label>
</p>
<p>
<textarea name="[##_rp_input_comment_##]" rows="10" cols="50"></textarea>
</p>
<p>
<input type="submit" value="댓글 달기" onclick="[##_rp_onclick_submit_##]" />
</p>
</s_rp_input_form>
-
페이지
- 이미지 보기
- 사용 치환자
- <s_paging>, </s_paging> : 페이지가 출력되는 영역입니다
<s_paging_rep>, </s_paging_rep> : 페이지가 반복 출력됩니다
[##_prev_page_##] : 이전 페이지 링크
[##_paging_rep_link_##] : 페이지 링크
[##_paging_rep_link_num_##] : 페이지 번호
[##_next_page_##] : 다음 페이지 링크
- 사용예
- <s_paging>
<div class="paging"><a [##_prev_page_##] class="[##_no_more_prev_##]">◀ PREV </a></div>
<span class="numbox"><s_paging_rep></span><a [##_paging_rep_link_##] class="num">[[##_paging_rep_link_num_##]]</a></s_paging_rep>
<a [##_next_page_##] class="[##_no_more_next_##]">NEXT ▶</a>
</s_paging>
sidebar 영역
- 해당영역
- <div id="sidebar"> </div>
- 사용 치환자
- <s_sidebar>, </s_sidebar> : 사이드바 영역을 나타냅니다
<s_sidebar_element>, </s_sidebar_element> : 관리자 페이지에서 블로그의 사이드바을 드래그앤 드랍으로 구성할수 있도록 각 엘리먼트를 인식시켜주는 역할을 합니다.
<!-- --> : 해당 사이드바나 사이드바 앨리먼트의 제목을 지정합니다. 이 주석은 관리자 페이지에서 각 사이드바나 사이드바 앨리먼트의 타이틀로 표현됩니다.
- 사용예
- <div id="sidebar">
<s_sidebar>
<!-- 오른쪽 사이드바 --><s_sidebar_element><!-- 카테고리 --> ... <s_sidebar_element></s_sidebar>
<s_sidebar_element><!--최근에 올라온 글 --> ... <s_sidebar_element>
.
.
.
<s_sidebar_element><!-- 카운터 -->... <s_sidebar_element><s_sidebar></div>
<!-- 배너 삽입 사이드바 --><s_sidebar_element><!-- 배너 모듈 - 태터툴즈 --> ... <s_sidebar_element></s_sidebar>
<s_sidebar_element><!-- 배너모듈 - 올린 --> ... <s_sidebar_element>
<s_sidebar_element><!-- 배너모듈 - RSS Feed -->... <s_sidebar_element>
-
블로그 이미지 와 블로그 설명
- 이미지 보기
- 사용 치환자
- [##_image_##] : "관리자 > 환경설정 > 기본설정"의 프로필 이미지를 출력
[##_desc_##] : "관리자 > 환경설정 > 기본설정"의 블로그 설명을 출력
[##_blogger_##] : "관리자 > 환경설정 > 계정정보"의 필명을 출력
- 사용예
- <s_sidebar_element>
<!-- 블로그 정보 --><div class="blogImage"></s_sidebar_element><div class="blogImage"><img src="[##_image_##]" alt="" /></div></div>
<div class="blogDesc">[##_desc_##] <span class="userID">[##_blogger_##]</span></div>
-
공지사항 리스트
- 이미지 보기
- 사용 치환자
- <s_rct_notice>, </s_rct_notice> : 공지사항 리스트를 출력할 영역입니다
<s_rct_notice_rep>, </s_rct_notice_rep> : 공지사항 리스트를 반복 출력합니다
[##_notice_rep_link_##] : 공지사항의 고유 주소
[##_notice_rep_title_##] : 공지사항의 글 제목
- 사용예
- <s_sidebar_element>
<!-- 공지사항 --><s_rct_notice></s_sidebar_element>
<div class="notice"><ul></div><s_rct_notice_rep></ul><li><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li></s_rct_notice_rep>
</s_rct_notice>
-
관리자 메뉴
- 이미지 보기
- 사용 치환자
- [##_owner_url_##] : 관리자 페이지 주소
- 사용예
- <s_sidebar_element>
<!-- 관리자 메뉴 --><div class="adminMenu"></s_sidebar_element>
<ul><li class="tab_admin"><a href="[##_owner_url_##]">관리자</a></li></ul>
<li class="tab_write"><a href="[##_owner_url_##]/entry/post">글쓰기</a></li>
</div>
-
검색
- 이미지 보기
- 사용 치환자
- <s_search>, </s_search> : 검색 입력폼을 출력할 영역입니다
[##_search_name_##] : 검색어 입력 박스 이름
[##_search_text_##] : 검색어
[##_search_onclick_submit_##] : 검색 온클릭 이벤트
- 사용예
- <s_sidebar_element>
<!-- 검색 -->
<div class="search"></s_sidebar_element>
<s_search><input type="text" name="[##_search_name_##]" value="[##_search_text_##]" onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }"/></s_search>
<input value="검색" type="button" onclick="[##_search_onclick_submit_##]" class="submit"/>
</div>
-
카테고리
- 이미지 보기
- 사용 치환자
- [##_category_##] : 폴더 형식의 카테고리
[##_category_list_##] : 리스트 형식의 카테고리
- 사용예
- <s_sidebar_element>
<!-- 카테고리 --><div class="category"></s_sidebar_element><h3>카테고리</h3></div>
[##_category_##]
or.............................
<div class="category"><h3>카테고리</h3></div>
[##_category_list_##]
-
태그박스
- 이미지 보기
- 사용 치환자
- <s_random_tags>, </s_random_tags> : 태그를 반복 출력합니다
[##_tag_link_##] : 태그에 해당되는 주소
[##_tag_class_##] : Tag Cloud 의 크기나 색깔을 설정 (총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다. 이 기능을 가지고 style 을 조정하시여 원하시는 스타일의 Tag Cloud 를 만드실 수 있습니다)
[##_tag_name_##] : 태그의 이름
- 사용예
- <s_sidebar_element>
<!-- 태그 클라우드 --><div class="tagbox"></s_sidebar_element><h3>태그목록</h3></div>
<ul><s_random_tags></ul><li> <a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a></li></s_random_tags>
-
최근에 올라온 글
- 이미지 보기
- 사용 치환자
- <s_rctps_rep>, </s_rctps_rep> : 최근에 올라온 글을 반복 출력합니다
[##_rctps_rep_link_##] : 최근글로 이동할 주소
[##_rctps_rep_title_##] : 최근글의 제목
[##_rctps_rep_rp_cnt_##] : 최근글에 달린 댓글 갯수
[##_rctps_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
- 사용예
- <s_sidebar_element>
<!-- 최근에 올라온 글 --><div class="recentPost"></s_sidebar_element><h3>최근에 올라온 글 </h3></div>
<ul><s_rctps_rep></ul><li></s_rctps_rep><a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##].</a></li>
<span class="cnt">[##_rctps_rep_rp_cnt_##]</span>
-
최근에 달린 댓글
- 이미지 보기
- 사용 치환자
- <s_rctrp_rep>, </s_rctrp_rep> : 댓글을 반복 출력합니다
[##_rctrp_rep_link_##] : 댓글로 이동할 주소
[##_rctrp_rep_desc_##] : 댓글의 본문 일부
[##_rctrp_rep_name_##] : 댓글을 쓴 사람 이름
[##_rctrp_rep_time_##] : 댓글을 쓴 시간
- 사용예
- <s_sidebar_element>
<!-- 최근에 달린 댓글 --><div class="recentComment"></s_sidebar_element><h3>최근에 달린 댓글</h3></div>
<ul id="recentComments"><s_rctrp_rep></ul>
<li><a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a></li>
<span class="info_wrap"><span class="name">[##_rctrp_rep_name_##]</span></span>
<span class="date">[##_rctrp_rep_time_##]</span>
</s_rctrp_rep>
-
최근에 받은 트랙백
- 이미지 보기
- 사용 치환자
- <s_rcttb_rep>, </s_rcttb_rep> : 최근에 받는 트랙백을 반복 출력합니다
[##_rcttb_rep_link_##] : 트랙백 주소
[##_rcttb_rep_desc_##] : 보내온 트랙백의 본문 일부
[##_rcttb_rep_name_##] : 트랙백을 보내온 사이트 이름
[##_rcttb_rep_time_##] : 트랙백 보낸 시간
- 사용예
- <s_sidebar_element>
<!-- 최근에 받은 트랙백 --><div class="recentTrackback"></s_sidebar_element><h3>최근에 받은 트랙백</h3></div>
<ul><s_rcttb_rep></ul>
<li><a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##].</a></li>
<span class="info_wrap"><span class="name">[##_rcttb_rep_name_##]</span></span>
<span class="date">[##_rcttb_rep_time_##]</span>
</s_rcttb_rep>
-
글 보관함
- 이미지 보기
- 사용 치환자
- <s_archive_rep>, </s_archive_rep> : 월별 글 보관함을 출력합니다
[##_archive_rep_link_##] : 각 월별 보관함으로 이동할 주소
[##_archive_rep_date_##] : 년과 월을출력
[##_archive_rep_count_##] : 각 월별에 속한 글의 갯수
- 사용예
- <s_sidebar_element>
<!-- 글 보관함 --><div class="archive"></s_sidebar_element><h3>글 보관함</h3></div>
<ul><s_archive_rep></ul>
<li><a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a></li>
<span class="cnt">([##_archive_rep_count_##])</span>
</s_archive_rep>
-
달력
- 이미지 보기
- 사용 치환자
- [##_calendar_##] : 달력 출력
- 사용예
- <s_sidebar_element>
<!-- 달력 --><div class="calender"></s_sidebar_element><h3>달력</h3></div>
[##_calendar_##]
-
링크
- 이미지 보기
- 사용 치환자
- <s_link_rep>, </s_link_rep> : 링크가 반복 출력됩니다
[##_link_url_##] : 사이트로 이동할 주소
[##_link_site_##] : 사이트 이름
- 사용예
- <s_sidebar_element>
<!-- 링크 --><div class="link"></s_sidebar_element><h3>링크</h3></div>
<ul><s_link_rep></ul>
<li><a href="[##_link_url_##]" onclick="window.open(this.href); return false"> [##_link_site_##].</a></li>
</s_link_rep>
-
방문자 수
- 이미지 보기
- 사용 치환자
- [##_count_total_##] : 총 방문자수
[##_count_today_##] : 오늘 방문자수
[##_count_yesterday_##] : 어제 방문자수
- 사용예
- <s_sidebar_element>
<!-- 방문자수 --><div class="counter"></s_sidebar_element><span class="total">Total : [##_count_total_##] </span></div>
<span class="today">Today : [##_count_today_##]</span>
<span class="yesterday">Yesterday : [##_count_yesterday_##]</span>
-
기타 배너들
- 이미지 보기
- 사용 치환자
- [##_rss_url_##] : rss feed 주소
- 사용예
- <s_sidebar_element>
<!-- 배너모듈 - 태터툴즈 --><div class="botton"></s_sidebar_element><a href="http://www.tattertools.com" onclick="window.open(this.href); return false"></div>
<img src="./images/tattertools.gif" alt="Tattertools" /> </a>
<s_sidebar_element>
<!-- 배너모듈 - 이올린 --><div class="botton"></s_sidebar_element><a href="http://www.eolin.com" onclick="window.open(this.href); return false"></div>
<img src="http://tattertools.com/images/logo_eolin.gif" alt="Eolin" /> </a>
<s_sidebar_element>
<!-- 배너모듈 - Rss Feed--><div class="botton"></s_sidebar_element><a href="[##_rss_url_##]" onclick="window.open(this.href); return false"></div>
<img src="./images/rss.gif" alt="rss"/> </a>
footer 영역
- 해당영역
- <div id="footer"></div>
-
메뉴
- 이미지 보기
- 사용 치환자
- [##_localog_link_##] : 지역로그 주소
[##_taglog_link_##] : 태그로그 주소
[##_guestbook_link_##] : 방명록 주소
[##_owner_url_##] : 관리자 주소
- 사용예
- <div class="menu">
<a href="[##_localog_link_##]">위치로그</a></div>
<a href="[##_taglog_link_##]">태그</a>
<a href="[##_guestbook_link_##]">방명록</a>
<a href="[##_owner_url_##]">관리자</a>
-
저작권
- 사용 치환자
- [##_tattertools_name_##] : 태터툴즈 명
[##_tattertools_version_##] : 태터툴즈의 버전
[##_blog_link_##] : 블로그 주소
[##_blogger_##] : "관리자 > 환경설정 > 계정 정보"의 필명을 출력 - 사용예
- <div class="copyright">
<a href="[##_blog_link_##]"> [##_blogger_##]</a>’s Blog is powered by <a href="http://tattertools.com" onclick="window.open(this.href); return false">[##_tattertools_name_##] [##_tattertools_version_##]</a> /</div>
Designed by <a href="http://plyfly.net" onclick="window.open(this.href); return false">plyfly.net</a>