글 목록 스타일 변경하기

가이드/tokii in folio2017.08.24 02:01

지금 바로 블로그와 어울리는 글 목록 스타일로 변경해보세요.

이미지형 글 목록인 카드, 갤러리, 리스트형 글 목록인 리스트, 스니펫, 헤드라인형 글 목록인 헤드라인과 더불어 카드-리스트 반응형 글 목록까지 총 6가지 글 목록 스타일을 지원합니다.

이 설정은 메인페이지에서도 사용 가능합니다.


글 목록 스타일 변경하기

  1. 티스토리에 로그인 후 관리자 메뉴에서 꾸미기 > HTML/CSS 편집으로 이동합니다.
  2. HTML 탭에서 <!-- entry -->를 검색합니다.
  3. entrycard-to-row클래스를 다음과 같이 변경합니다.
    <!-- entry -->
    <div class="entry card-to-row">
    ...
    </div>


card-to-row: 카드-리스트 반응형 글 목록(기본 설정)
card: 카드형 글 목록
row: 리스트형 글 목록
snipet: 스니펫형 글 목록
grid: 갤러리형 글 목록
headline: 헤드라인형 글 목록

추가 옵션

card

더보기

row

더보기

snipet

더보기

grid

더보기

headline

더보기

card-to-row: 카드-리스트 반응형 글 목록의 경우 card와 row의 추가 옵션을 모두 적용할 수 있습니다.

글 목록 개수 변경하기(중요)

  1. 관리자 메뉴에서 꾸미기 > 화면 설정으로 이동합니다.
  2. 화면 출력 탭으로 이동하여 기본 화면 > 글선택화면 > 글 목록을 다음과 같이 변경해주세요.
    • card-to-row인 경우: 9개
    • card인 경우: 9개
    • row인 경우: 10개
    • snipet인 경우: 10개
    • grid인 경우: 12개
      • grid.image-poster인 경우: 8개
    • headline인 경우: 10개

참고하기

  • 글 목록 스타일마다 어울리는 글 목록 개수를 설정하면 보다 자연스러운 글 목록을 보여줄 수 있습니다.
  • 목록 개수는 권장하는 글 목록 개수이며, 필수사항은 아닙니다.
신고

작성자

Posted by 9월 'ㅅ')/

태그

관련 글

네이버톡톡

네이버 톡톡

댓글 영역

  • 프로필 사진
    2017.09.03 18:59 신고

    메인페이지 아닌 전체글 보기 했을때 보여지는 화면을 바꾸고 싶어서 해보니까 <!-- entry --> 가 검색되지 않습니다.

    • 프로필 사진
      2017.09.03 19:45 신고

      안녕하세요.
      HTML쪽에서 다시 한 번 검색부탁드릴게요.

      혹시나 해서 해당 블로그 소스에서 검색해봤는데 검색되네요.
      감사합니다.

티스토리 툴바