태터툴즈/스킨구조설명서
last modified 2006-04-15 01:37:12
Processing time 0.2046 sec
|
Tattertools v1.0 Skin 구조 설명서
Contents
Tatter&Company 의 Tattertools v1.0 은 기본적으로 XHTML 1.1 / HTML 4.01 기반의 스킨 두가지를 제공해드립니다. 기존의 TABLE 위주로 이루어지는 편집작업에 익숙하신 분들은 HTML 4.01 을 이용하여 디자인의 차별화를 추구하시고, 검색엔진최적화나 웹표준을 중요하시 하시는 분들 XHTML 1.1 기반의 스킨을 제작하시면 됩니다. 태터툴즈의 스킨은 하나의 HTML 과 CSS file 에 원하는 모든 디자인 요소를 담을 수 있도록 설계되어 있기 때문에, PHP 와 같은 프로그래밍에 대한 지식이 전혀 없어도, HTML 작업만으로도 원하시는 모든 디자인을 만드실 수 있습니다.
1 스킨의 구성 ¶
2 스킨의 기본구조 ¶
3 스킨의 동작 원리 ¶태터툴즈의 스킨은 <s_xxx></s_xxx> 의 블럭들로 세분화되어 있습니다. 모든 블럭을 포함하고 있는 <s_t3> </s_t3> 블럭속에 본문표시부분( 트랙백과 댓글 표시영역을 하위에 포함 ) , 태그표시부분, 사이드바 ( 검색영역, 최신댓글 영역 , 캘린더 등을 하위에 포함 ) 등의 블럭들이 존재합니다. 먼저 태터툴스가 실행될때 skin.html을 한번 읽어들여서, 각각의 블럭별로 분리하여 임시저장을 하고 있습니다. 그리고선 관련된 기능이 호출될 때마다 해당하는 블럭의 HTML을 입혀서 나가는 구조로 되어 있습니다. 마치 HTML 과 CSS 의 보완적인 관계라고 이해하시면 쉬우실 겁니다. 태터툴즈는 오로지 글과 첨부파일 등과 같은 ‘데이타’만을 관리하며, 이러한 데이터가 출력되는 시점에서 skin 에서 읽어들인, 적절한 ‘디자인’이 입혀지는(dress) 되는 것이지요 . 또한 각각의 블럭구조는 내부에 반복치환자를 가지고 있는데 이러한 반복치환자는 대부분 끝에 _rep 이 붙습니다. 예를 들어서, 댓글구조안에서 여러개의 댓글이 반복되지요? 그런 경우는 간단하게 아래와 같이 표시됩니다.
<s_rp>
<s_rp_rep>
[##_치환자_##] …
</s_rp_rep>
</s_rp>
전체 댓글 구조안에서 rep 로 쌓인 블럭만을 태터툴즈가 읽어서 이부분을 반복 출력하는 것이지요. 이러한 구조를 통해서 블로그가 필요로하는 대부분의 기능을 만들어 낼 수가 있습니다. 4 스킨 제작시 주의할 점 ¶먼저 스킨을 제작하시기 전에 주의할 점에 대해서 말씀드리겠습니다.
5 기존의 0.9x skin 과 비교하여 달라진 점 ¶
6 스킨 기본 설정파일 ¶스킨을 제작하시면서 제작자의 정보와 제작하신 스킨에 맞는 최적설정값들을 저장하고 있는 파일입니다. 태터툴즈가 스킨을 로딩하면서, 각종 설정등을 문서에 명시된데로 조정합니다.
XML 문서이며 각각의 항목에 대한 설정값들은 다음과 같습니다.
7.1 s_t3 ¶s_t3 :: 태터 툴즈 전체 영역을 감싸는 태그입니다.
[##_title_##] :: Blog 의 제목을 나타냅니다.
[##_page_title_##] :: 특정 엔트리가 표시되었을때 해당 entry 의 제목을 나타냅니다. <head> 의 <title> 에서 주로 쓰입니다. 검색엔진최적화에 중요한 역할을 함으로 헤더에 써주는 것이 좋습니다. [##_blogger_##] :: 사용자의 필명을 나타냅니다. [##_blog_link_##] :: 해당 블로그의 대표URL 을 나타냅니다. [##_localog_link_##] :: 위치로그의 기능의 URL을 나타냅니다. [##_taglog_link_##] :: TAG로그의 URL 을 나타냅니다. [##_guestlog_link_##] :: 방명록의 URL 을 나타냅니다. [##_rss_url_##] :: RSS feed 의 주소를 나타냅니다. [##_owner_url_##] :: 관리자 Menu 의 주소를 나타냅니다. [##_image_##] :: 블로그 이미지 주소.
[##_desc_##] :: 블로그 설명 [##_category_##] :: 카테고리 치환 ( 태터툴즈가 기존에 사용해오던 Table 형태의 카테고리를 출력합니다. ) [##_category_list_##] :: 카테고리 치환 ( List 형태의 카테고리를 출력합니다. 웹표준 준수를 중요시 하시는 분들을 위하여 도입되었습니다. ) [##_category_##] 와 [##_category_list_##] 는 동시에 사용할 수 있으나 같은 기능을 두번 표시할 필요가 없겠지요 ? 원하시는 것을 하나만 사용하시기 바랍니다.
[##_calendar_##] :: 달력 치환[##_count_total_##] :: 전체 카운트 [##_count_today_##] :: 오늘 카운트 [##_count_yesterday_##] :: 어제 카운트 7.2 s_notice_rep ¶s_notice_rep :: 공지사항을 본문(contents)영역에 출력하는 블럭입니다.
[##_notice_rep_link_##] :: 공지글의 Link [##_notice_rep_title_##] :: 공지글의 Title [##_notice_rep_date_##] :: 공지글이 작성된 시간 [##_notice_rep_desc_##] :: 공지글의 내용 7.4 s_rct_notice_rep ¶s_rct_notice_rep :: 최근 공지글이 반복되는 블럭입니다.
[##_notice_rep_link_##] :: 공지글의 Link [##_notice_rep_title_##] :: 공지글의 Title 7.5 s_search ¶s_search :: 1.0 부터 별도의 블럭으로 지정되었습니다.
[##_search_name_##] :: 검색 인풋 박스의 이름 [##_search_text_##] :: 입력된 검색어 [##_search_onclick_submit_##] :: 검색 버튼 클릭 이벤트 7.6 s_paging ¶s_paging :: 1.0 부터 별도의 블럭으로 지정되었습니다.
[##_prev_page_##] :: 전 페이지로의 링크. a태그 안에 넣어주셔야 합니다. [##_next_page_##] :: 다음 페이지로의 링크. a태그 안에 넣어주셔야 합니다. 7.7 s_list ¶s_list :: 검색이나 달력 특정 일자 선택 시 보여주는 리스트입니다.
[##_list_conform_##] :: 리스트 기준입니다. [##_list_count_##] :: 목록에 속한 글 갯수입니다. 7.8 s_rplist ¶s_rplist :: 검색 시 보여주는 댓글 리스트입니다.
[##_rplist_conform_##] :: 리스트 기준입니다 [##_rplist_count_##] :: 목록에 속한 댓글 갯수입니다. 7.9 s_rplist_rep ¶s_rplist_rep :: s_rplist 태그 안에서 반복되는 열입니다
[##_rplist_rep_regdate_##] :: 댓글이 달린 날짜 [##_rplist_rep_name_##] :: 이름 [##_rplist_rep_link_##] :: 링크 [##_rplist_rep_body_##] :: 내용 7.11 s_local_spot_rep ¶s_local_spot_rep :: 지역로그 '위치'의 반복열입니다
[##_local_spot_depth_##] :: 왼쪽부터의 깊이입니다 [##_local_spot_##] :: 장소 이름입니다 7.12 s_local_info_rep ¶s_local_info_rep :: 지역로그 '글'의 반복열입니다.
[##_local_info_depth_##] :: 왼쪽부터의 깊이입니다 [##_local_info_link_##] :: 링크 [##_local_info_title_##] :: 제목 7.14 s_tag_rep ¶s_tag_rep :: TAG '반복'열입니다.
[##_tag_class_##] :: Tag Cloud 의 크기나 색깔을 설정할 수 있도록 해줍니다. 총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다. 이 기능을 가지고 style 을 조정하시여 원하시는 스타일의 Tag Cloud 를 만드실 수 있습니다 [##_tag_link_##] :: 개별 Tag 들에 관련된 글을 출력하기 위한 URL 입니다. [##_tag_name_##] :: TAG 의 이름을 표현합니다. 7.17 s_random_tags ¶s_random_tags :: 오른쪽 Side-Bar 에 Tag Cloud 를 만드는데 필요하며, 사용법은 위에서 언급된 s_tag 와 동일합니다. Style-sheet 조정을 통하여 s_tag 와는 다른 종류의 Tag Cloud 를 만드실 수 있습니다.
[##_tag_class_##] , [##_tag_link_##] , [##_tag_name_##] 7.19 s_guest_member ¶s_guest_member :: 관리자로긴상태일때 표시하지 않기 위해서 s_guest_form 을 한번 감싸는 블럭입니다. 없으면 절대로 안됩니다
 7.20 s_guest_form ¶s_guest_form :: 방명록 입력 툴 영역입니다
[##_guest_input_name_##] :: 이름의 입력 네임입니다 [##_guest_name_##] :: 쿠키 이름값이 출력됩니다. [##_guest_input_homepage_##] :: 홈페이지의 입력 네임입니다. [##_guest_homepage_##] :: 쿠키 홈페이지값이 출력됩니다. [##_guest_admin_check_##] :: 관리자 여부확인용 [##_guest_input_password_##] :: 패스워드의 입력 네임입니다. [##_guest_password_##] :: 로그인시 임의로 넣어주는 패스워드값입니다. [##_guest_input_comment_##] :: 방명록에 입력되는 실제 값의 id 입니다. [##_guest_onclick_submit_##] :: 입력 완료 온클릭 이벤트입니다 7.21 s_guest_rep ¶s_guest_rep :: 방명록 글 반복 출력열입니다.
[##_guest_rep_onclick_delete_##] :: 방명록 삭제링크 입니다. [##_guest_rep_onclick_reply_##] :: 방명록 작성을 위한 링크입니다. [##_guest_rep_name_##] :: 작성자 이름 [##_guest_rep_date_##] :: 작성일 [##_guest_rep_desc_##] :: 방명록 내용 7.22 s_guest_reply_rep ¶s_guest_reply_rep :: 방명록 답글 반복 출력열입니다.
[##_guest_rep_onclick_delete_##] :: 방명록 삭제링크 입니다. [##_guest_rep_name_##] :: 작성자 이름 [##_guest_rep_date_##] :: 작성일 [##_guest_rep_desc_##] :: 방명록 내용 7.23 s_list_rep ¶s_list_rep :: s_list 태그 안에서 반복되는 열입니다.
[##_list_rep_regdate_##] :: 블로그 등록일 [##_list_rep_link_##] :: 블로그 링크 [##_list_rep_title_##] :: 블로그 제목 [##_list_rep_rp_cnt_##] :: 블로그 답글 카운트 7.24 s_article_protected ¶s_article_protected :: 글보호기능이 설정된 경우입니다.
[##_article_rep_title_##] :: [##_article_rep_date_##] :: [##_article_password_##] :: [##_article_dissolve_##] :: : 쿠키 이름값이 출력됩니다. [##_guest_input_homepage_##] :: 홈페이지의 입력 네임입니다. [##_guest_homepage_##] :: 쿠키 홈페이지값이 출력됩니다. [##_guest_admin_check_##] :: 관리자 여부확인용 [##_guest_input_password_##] :: 패스워드의 입력 네임입니다. [##_guest_password_##] :: 로그인시 임의로 넣어주는 패스워드값입니다. [##_guest_input_comment_##] :: 방명록에 입력되는 실제 값의 id 입니다. [##_guest_onclick_submit_##] :: 입력 완료 온클릭 이벤트입니다 7.25 s_guest_rep ¶s_guest_rep :: 방명록 글 반복 출력열입니다.
[##_guest_rep_onclick_delete_##] :: 방명록 삭제링크 입니다. [##_guest_rep_onclick_reply_##] :: 방명록 작성을 위한 링크입니다. [##_guest_rep_name_##] :: 작성자 이름 [##_guest_rep_date_##] :: 작성일 [##_guest_rep_desc_##] :: 방명록 내용 7.26 s_guest_reply_rep ¶s_guest_reply_rep :: 방명록 답글 반복 출력열입니다.
[##_guest_rep_onclick_delete_##] :: 방명록 삭제링크 입니다. [##_guest_rep_name_##] :: 작성자 이름 [##_guest_rep_date_##] :: 작성일 [##_guest_rep_desc_##] :: 방명록 내용 7.27 s_list_rep ¶s_list_rep :: s_list 태그 안에서 반복되는 열입니다.
[##_list_rep_regdate_##] :: 블로그 등록일 [##_list_rep_link_##] :: 블로그 링크 [##_list_rep_title_##] :: 블로그 제목 [##_list_rep_rp_cnt_##] :: 블로그 답글 카운트 7.28 s_article_protected ¶s_article_protected :: 글보호기능이 설정된 경우입니다.
[##_article_rep_title_##] :: 보호된 글의 제목 [##_article_rep_date_##] :: 보호된 글의 날짜 [##_article_password_##] :: 보호된 글의 비밀번호 입력폼 ID [##_article_dissolve_##] :: 보호된 글을 출력하는 온클릭 이벤트 7.29 s_article_rep ¶s_article_rep :: 반복되는 블로그입니다.
[##_article_rep_title_##] :: 블로그 제목 [##_article_rep_desc_##] :: 블로그 내용 [##_article_rep_name_##] :: 블로그 등록자 [##_article_rep_link_##] :: 블로그 영구 링크 [##_article_rep_date_##] :: 블로그 등록 날짜 [##_article_rep_category_link_##] :: 블로그 카테고리 링크 [##_article_rep_category_##] :: 이 블로그의 카테고리 [##_article_rep_tb_link_##] :: 이 블로그의 트랙백 온클릭 이벤트 [##_article_rep_tb_cnt_##] :: 이 글에 도착한 트랙백 수 [##_article_rep_rp_link_##] :: 이 글의 답글 온클릭 이벤트 [##_article_rep_rp_cnt_##] :: 이 글의 답글수 [##_article_div_area_##] :: 답글, 트랙백 영역이 열리고 닫히는 곳 7.30 s_ad_div ¶s_ad_div :: 블로그 안에서 출력되는 로그인시 링크 모음입니다
[##_s_ad_m_link_##] :: 수정 링크 [##_s_ad_s1_label_##] :: 현재 상태 [##_s_ad_s2_link_##] :: 이후 상태 클릭 링크 [##_s_ad_s2_label_##] :: 이후 상태 [##_s_ad_t_onclick_##] :: 트랙백 온클릭 이벤트 [##_s_ad_d_onclick_##] :: 삭제 온클릭 이벤트 7.32 tb_rep ¶tb_rep :: 도착한 트랙백의 반복 출력열입니다.
[##_tb_rep_site_##] :: 보낸사람 주소 [##_tb_rep_date_##] :: 트랙백 등록 시간 [##_tb_rep_onclick_delete_##] :: 트랙백 삭제 온클릭 이벤트 [##_tb_rep_title_##] :: 트랙백 제목 [##_tb_rep_desc_##] :: 트랙백 글 내용 7.33 s_rp ¶s_rp :: 답글 영역입니다. s_article_rep 안에 소속됩니다.
[##_rp_input_name_##] :: 이름입력 인풋 박스 이름 [##_rp_input_password_##] :: 패스워드 입력 인풋 박스 이름 [##_rp_input_homepage_##] :: 홈페이지 입력 인풋 박스 이름 [##_rp_input_comment_##] :: 답글 입력 텍스트 에리어 이름 [##_rp_input_is_secret_##] :: 댓글이 비밀글일 경우의 셀렉트 이름 [##_rp_onclick_submit_##] :: 답글 입력 온클릭 이벤트 [##_guest_name_##] :: 쿠키 이름 치환 [##_guest_homepage_##] :: 쿠키 홈페이지 치환 7.34 s_rp_rep ¶s_rp_rep :: 답글의 반복 출력열입니다.
[##_rp_rep_name_##] :: 답글단 사람 이름 [##_rp_rep_date_##] :: 답글 달린 날짜 [##_rp_rep_onclick_delete_##] :: 답글 삭제 온클릭 이벤트 [##_rp_rep_onclick_reply_##] :: 댓글에 댓글 달기 온클릭 이벤트. [##_rp_rep_desc_##] :: 답글 내용 7.35 s_rp2_rep ¶s_rp2_rep :: 댓글의 댓글 영역입니다. s_rp 안에 소속됩니다.
[##_rp_rep_onclick_delete_##] :: 답글 삭제 온클릭 이벤트 [##_rp_rep_name_##] :: 답글단 사람 이름 [##_rp_rep_date_##] :: 답글 달린 날짜 [##_rp_rep_desc_##] :: 답글 내용 7.36 s_archive_rep ¶s_archive_rep :: 년월별 아카이브입니다
[##_archive_rep_link_##] :: 링크 [##_archive_rep_date_##] :: 년월 [##_archive_rep_count_##] :: 아카이브에 속한 글의 갯수를 출력합니다. ( 1.0 에서 추가되었습니다. ) 7.37 s_rctps_rep ¶s_rctps_rep :: 최신글 반복 출력열입니다.
[##_rctps_rep_link_##] :: 링크 [##_rctps_rep_title_##] :: 제목 [##_rctps_rep_rp_cnt_##] :: 댓글수 7.38 s_rctrp_rep ¶s_rctrp_rep :: 최신댓글 반복 출력열입니다.
[##_rctrp_rep_link_##] :: 링크 [##_rctrp_rep_desc_##] :: 본문 [##_rctrp_rep_time_##] :: 날짜 [##_rctrp_rep_name_##] :: 이름 7.39 s_rcttb_rep ¶s_rcttb_rep :: 최신 트랙백 반복 출력열입니다
[##_rcttb_rep_link_##] :: 링크 [##_rcttb_rep_desc_##] :: 본문 [##_rcttb_rep_time_##] :: 시간 ( 1.0 부터 추가되었습니다. ) [##_rcttb_rep_name_##] :: 이름 |
- 전 이런 놈입니다.
격언> 성공은 당신에게 오지 않는다. 당신이 성공에게 가는 것이다. (마바 콜린스)
Recent Changes Echoes Of War(The... @ 2012-05-18 [03:44 pm] by windlesszone Diablo3 @ 2012-05-15 [04:49 pm] by windlesszone Diablo3/story/wizard @ 2012-05-15 [04:48 pm] by windlesszone 4 changes Diablo3/story/wit... @ 2012-05-15 [04:16 pm] by windlesszone Diablo3/story/monk @ 2012-05-15 [04:14 pm] by windlesszone
|
last modified 2006-04-15 01:37:12
Processing time 0.2046 sec