블로그 레이아웃 35개
클래식 사이드바 목록부터 매거진 그리드까지 다양한 아카이브 레이아웃과, 이에 맞춘 단일 글 레이아웃을 제공합니다.
최종 업데이트
기본 4
전통적인 아카이브 형식입니다. 글이 위아래로 이어지며 각 글의 이미지가 제목 위에 놓입니다. 레이아웃을 Standard로 설정한 Blog Loop 블록이며, 버전마다 차이는 사이드바 위치뿐입니다(사이드바가 있는 경우).
타임라인 3
글은 페이지 아래로 이어지는 선에 날짜와 함께 매달려 표시됩니다. Blog Loop에는 두 가지 타임라인 레이아웃이 있습니다. ‘Timeline (Grid)’는 전체 너비 페이지에서 선 양쪽에 글을 배치하고, ‘Timeline (List)’는 글을 단일 열로 유지합니다. 사이드바가 있는 버전은 이 방식을 사용합니다.
메이슨리 4
카드는 원래 높이를 유지한 채 열에 빈틈없이 배치되므로, 짧은 글 옆에 긴 글이 있어도 빈 공간이 생기지 않습니다. 이는 Blog Loop의 메이슨리 레이아웃으로, 두 개 열부터 화면 전체 너비까지 지원합니다.
그리드 3
Grid 레이아웃으로 설정되는 동일한 크기의 카드가 깔끔한 행으로 정렬됩니다. 모든 글에 뚜렷한 대표 이미지가 있을 때 선택하세요. 각 행을 맞춰 정렬하는 것은 이미지이기 때문입니다.
작은 썸네일 5
제목과 요약문 옆에 놓이는 작은 이미지로, 한 화면에 더 많은 글이 들어가게 합니다. Blog Loop의 Small 레이아웃에는 이 요소가 모두 표시되며, 버전에 따라 사이드바를 옮기거나 없애고, 대체 버전은 목록의 리듬을 바꿉니다.
항목 분할 2
긴 아카이브를 나누는 방법은 두 가지이며, 둘 다 Blog Loop의 Pagination 패널에서 선택합니다. 번호가 매겨진 페이지를 사용하거나, 독자가 끝에 도달할 때 다음 페이지를 불러오는 무한 스크롤을 사용할 수 있습니다. 같은 패널에서 이전 및 다음 페이저, 더 보기 버튼, 일괄 로딩도 설정할 수 있습니다.
에디토리얼 6
출판물을 위한 메인 페이지입니다. 각 페이지는 여러 개의 Blog Loop 블록을 조합하며, 그 안에 Post Image, Post Terms, Post Title을 배치하여 주요 기사, 카드 줄, 헤드라인 목록을 한 페이지에 담을 수 있습니다. ‘더 보기’는 글을 몇 개씩 보여주며, 남은 글이 없을 때만 서버에 추가 요청을 보냅니다.
단일 8
게시물의 레이아웃은 편집 중에 ‘템플릿’ 설정에서 고른 템플릿에 따라 정해집니다. 사이드바가 있는 표준 게시물 외에도 테마에는 작은 이미지 버전, 분할 미디어 버전, 전체 너비 게시물, 그리고 세 가지 에디토리얼 레이아웃이 포함되어 있습니다. 에디토리얼 레이아웃은 읽기 진행 막대가 있는 버전, 몰입형 히어로로 시작하는 버전, 페이지 제목 아래에 놓이는 버전입니다.
- 기본 레이아웃 (새 탭에서 열림)
- 왼쪽 사이드바 (새 탭에서 열림)
- 전체 너비 (새 탭에서 열림)
- 작은 이미지 (새 탭에서 열림)
- 분할 레이아웃 (새 탭에서 열림)
- 에디토리얼 (새 탭에서 열림)
- 에디토리얼 몰입형 (새 탭에서 열림)
- 에디토리얼 제목 (새 탭에서 열림)
모든 링크는 실시간 쇼케이스의 실제 페이지를 열며, 여러분이 설치하는 것과 같은 테마와 블록으로 만들어져 있습니다.
여기 있는 모든 아카이브는 직접 설정하는 블록 하나입니다
이 페이지의 어떤 요소도 통째로 받아들여야 하는 고정 디자인이 아닙니다. 각 아카이브는 레이아웃을 가진 블록이며, 각 카드는 여러분이 배치하는 작은 블록들의 묶음입니다.
레이아웃 선택
Blog Loop 블록을 삽입한 뒤 Standard, Grid, Small, Small Alt, 목록 스타일 3종, Masonry, 타임라인 2종 중에서 선택하세요. 페이지 나누기 방식은 별도 패널에서 고를 수 있으므로, 어떤 레이아웃이든 페이지 이동, 스크롤 또는 일괄 로드를 사용할 수 있습니다.
카드 구성하기
루프 안에는 각 카드를 구성하는 포스트 블록이 들어 있습니다. 기본 레이아웃은 Post Media, Post Title, Post Meta, Post Excerpt 블록으로 구성됩니다. 제목만 나열하려면 Post Excerpt 블록을 제거하고, 카테고리 라벨이 필요하면 Post Terms 블록을 추가하세요. Canvas에는 총 31개의 포스트 블록이 있습니다.
또는 패턴 바로 삽입
패턴 삽입기에는 편집할 준비가 된 블로그 섹션이 있으며, 그리드, 목록, 메이슨리, 타임라인 등이 포함됩니다. 패턴은 이 페이지에서 설명하는 것과 같은 일반 블록으로 추가됩니다.
또는 블로그 전체를 가져오기
88개 데모 웹사이트 중 57개는 블로그 글과 카테고리가 그대로 포함된 채 가져올 수 있으며, Blog 및 Modern Blog 데모는 게시 중심으로 구성되어 있습니다.
발행 빈도에 따라 어떤 블로그 레이아웃이 맞을까요?
선택하기 전에 게시 빈도를 먼저 따져 보세요. 한 달에 한 번 게시하는 비즈니스는 아카이브가 짧지만, 사이드바가 있는 표준 레이아웃에서는 빈약해 보이지 않고 깔끔하게 보여줄 수 있습니다.
매일 게시하는 간행물에는 정보 밀도가 필요합니다. 작은 썸네일, 그리드 또는 에디토리얼 형식의 프런트 페이지는 각각 더 많은 기사를 한눈에 보여 주며, 에디토리얼 페이지는 뉴스룸처럼 주요 기사에 충분한 공간을 줍니다. 무한 스크롤은 둘러보는 독자에게 알맞습니다. 번호가 매겨진 페이지는 전에 본 글을 다시 찾으러 오는 독자에게 알맞습니다.
메이슨리는 사진 크기와 비율이 제각각인 글에 적합합니다. 타임라인은 변경 로그, 프로젝트 일지, 동호회 시즌처럼 날짜순으로 읽는 모든 콘텐츠에 적합합니다. 그다음 이에 맞는 단일 글 템플릿을 선택하세요. 긴 글에는 읽기 진행 표시줄이 어울리고, 사진 스토리에는 몰입형 히어로가 어울립니다.