리스트 그룹

  • <s_list>: 리스트 그룹 치환자
    • : 카테고리 이름, 검색어, 태그명
    • : 글의 총 개수
    • : 리스트 설명 (카테고리인 경우 카테고리 설명, 그외 블로그 설명)
    • : 리스트 스타일 값 (class attribute로 활용 가능)
    • <s_list_image>: 리스트 대표 이미지가 있는 경우 동작
      • : 리스트 대표 이미지 (카테고리인 경우 카테고리 대표이미지, 그외 블로그 대표이미지)

아이템 반복 그룹

  • <s_list_empty>: 리스트에 글이 없는 경우 보이는 영역
  • <s_list_rep>: 리스트 아이템이 반복되는 영역
    • : 글의 고유 주소
    • : 글 작성 날짜 (yyyy.mm.dd)
    • : 글 작성 세부시간 - 연도 (yyyy)
    • : 글 작성 세부시간 - 월 (mm)
    • : 글 작성 세부시간 - 일 (dd)
    • : 글 작성 세부시간 - 시 (HH)
    • : 글 작성 세부시간 - 분 (MM)
    • : 글 작성 세부시간 - 초 (SS)
    • : 글의 제목
    • : 글이 속한 카테고리 이름
    • : 글이 속한 카테고리 글 목록 url
    • : 댓글 수
    • : 작성자 이름
    • : 글 내용 요약
    • <s_list_rep_thumbnail>: 대표 이미지가 있는 경우 치환
      • : 대표 이미지

리스트 스타일

리스트 스타일을 사용하기 위해서는 스킨 정보 파일에 리스트 스타일 아이템을 정의해야 합니다. 리스트 스타일을 정의하면 카테고리 관리화면에서 리스트 스타일이 표시되고 사용자가 선택할 수 있습니다. 이를 사용하여 카테고리별로 다른 스타일을 적용할 때 사용할 수 있습니다.

<liststyle>
  <item>
    <label>표시할 이름</label>
    <value>사용될 값</value>
  </item>
</liststyle>

사용 예

<!-- 스킨 예 -->
<s_list>
  <div class="searchList ">
    <div <s_list_image>style="background-image:url('')"</s_list_image>>
      <h3>''에 해당되는 글 건</h3>
      <p></p>
    </div>
    <ol>
      <s_list_rep>
        <li>
          <span class="date"></span>
          <a href=""></a>
          <span class="cnt"></span>
          <s_list_rep_thumbnail>
            <img src="">
          </s_list_rep_thumbnail>
        </li>
      </s_list_rep>
    </ol>
  </div>
</s_list>
<!-- 변환 예 -->
<div class="searchList grid">
  <div style="background-image:url('https://sample.com/image.jpg')">
    <h3>'업데이트 소식'에 해당되는 글 2건</h3>
    <p>새롭게 업데이트되는 내용을 알려드립니다.</p>
  </div>
  <ol>
    <li>
      <span class="date">2016.01.25</span>
      <a href="/2289">1월 초대장이 배포되었습니다.</a>
      <span class="cnt">8</span>
      <img src="https://s1.daumcdn.net/cfile/tistory/1234">
    </li>
    <li>
      <span class="date">2015.12.22</span>
      <a href="/2283">12월 초대장이 배포되었습니다.</a>
      <span class="cnt">19</span>
      <img src="https://s1.daumcdn.net/cfile/tistory/5678">
    </li>
  </ol>
</div>