블로그 랜딩 페이지와 게시물의 레이아웃을 선택하세요.

7.0 버전에서는 Brine, Tremont 및 York 템플릿 그룹이 동일한 블로그 페이지를 공유합니다. 이 디자인은 블로그 게시물을 표시하는 두 가지 옵션을 제공합니다.

• 그리드 - 블로그 게시물로 연결되는 대표 이미지로 구성된 현대적인 그리드
• 목록 - 가장 최근 게시물로 시작하는 고전적인 스택형 게시물 목록

이 가이드를 사용하여 표준 그리드/목록 블로그 페이지의 고유한 기능을 탐색하세요.

이 가이드는 버전 7.0 템플릿을 위한 것입니다. 버전 7.1의 블로그 페이지에 대해 알아보려면 Squarespace로 블로그하기를 참조하세요. 버전 7.0의 다른 템플릿에 대해서는 템플릿 가이드를 참조하세요.

레이아웃 선택

사이트의 모든 블로그 페이지를 그리드 또는 목록 레이아웃으로 설정하는 방법:

1. 블로그 페이지로 이동합니다.
2. 사이트 스타일 패널을 엽니다.
3. 블로그: 목록 섹션까지 아래로 스크롤합니다.
4. 그리드 레이아웃은 스타일: 그리드 를 선택하고, 목록 레이아웃은 스타일: 스택형 을 선택하세요.

그리드 랜딩 페이지 스타일 지정

그리드 레이아웃에서 게시물 대표 이미지는 이미지 타일을 만듭니다. 게시물 제목과 메타데이터가 아래에 표시됩니다.

사이트 스타일의 블로그: 목록 섹션:

• 행당 게시물 수(최대)를 사용하여 게시물 수를 설정합니다.
• 간격을 사용해 대표 이미지 사이의 간격을 변경합니다. 대표 이미지가 가로로 닿도록 하려면 0px로 설정하세요.
• 종횡비를 사용해 대표 이미지 타일의 모양을 설정합니다.
• 이미지 표시를 해제해 대표 이미지를 숨깁니다.
• 정렬을 사용해 텍스트와 대표 이미지의 정렬 방식을 선택합니다.

페이지에서 모든 텍스트를 제거하고 대표 이미지만 표시하는 방법:

1. 블로그: 메타데이터 섹션에서 기본: 없음 및 보조: 없음을 선택합니다.
2. 블로그: 목록 섹션에서 제목 표시를 해제합니다.
3. 요약이나 전체 게시물을 활성화한 경우, 요약 표시 또는 게시물 본문 표시를 해제하세요.

대표 이미지가 없는 타일은 빈 공간으로 표시됩니다. 대표 이미지 타일의 각 행 사이에는 간격이 0px로 설정되어 있더라도 약간의 공백이 있을 것입니다.

목록 랜딩 페이지 스타일 지정

목록 레이아웃에서 게시물 대표 이미지는 게시물 제목 위에 표시됩니다. 게시물 제목과 메타데이터는 아래에 표시됩니다.

사이트 스타일의 블로그: 목록 섹션:

• 최대 이미지 너비 조정으로 대표 이미지의 크기를 설정합니다.
• 종횡비를 사용해 대표 이미지 타일의 모양을 설정합니다.
• 이미지 표시를 해제해 대표 이미지를 숨깁니다.
• 구분선 조정을 사용하여 게시물 사이의 선 스타일을 지정하거나 숨깁니다.
• 제목 표시를 해제하여 게시물 제목을 숨깁니다.
• 메타데이터로 메타데이터가 표시될 위치를 선택합니다.
• 정렬을 사용해 텍스트와 대표 이미지의 정렬 방식을 선택합니다.

랜딩 페이지에 요약이나 전체 게시물 추가

블로그 랜딩 페이지에 포함할 콘텐츠의 양에 따라 요약이나 전체 게시물을 포함할 수 있습니다.

블로그 설정에서 두 가지 옵션 중 하나를 활성화합니다.

1. 페이지 패널에서 블로그 페이지에 커서를 올리고 를 클릭합니다.
2. 고급 탭에서 요약 또는 전체를 선택합니다.
3. 저장을 클릭합니다.
4. 사이트 스타일의 블로그: 목록 섹션에 새로운 조정 기능이 나타납니다. 이러한 조정 기능을 통해 전체 게시물이나 요약 텍스트를 표시하거나 숨기고, 요약에 자세히 보기 링크를 추가할 수 있습니다.
5. 블로그 게시물에 게시물 콘텐츠 또는 요약 텍스트를 추가합니다.

참고: 여기에 숨겨져 있더라도 요약은 여전히 요약 블록, 검색 엔진 결과 및 소셜 미디어 게시물에 표시될 수 있습니다.

블로그 게시물 스타일 지정

사이트 스타일의 블로그: 항목 섹션에서 조정 기능을 사용하여 블로그 게시물의 스타일을 설정합니다.

레이아웃 스타일을 지정하는 방법:

• 정렬을 사용하여 메타데이터, 게시물 제목, 공유 버튼 및 댓글 필드의 정렬을 설정합니다.
• 공유 아이콘을 사용하여 공유 및 댓글 버튼을 게시물 콘텐츠 위 또는 아래에 표시할지 선택합니다.
• 메타데이터로 메타데이터가 표시될 위치를 선택합니다. 블로그 게시물은 랜딩 페이지와 동일한 두 가지 유형의 메타데이터를 표시합니다.

탐색 요소의 스타일을 지정하는 방법:

• 페이지 매기기 표시 조정으로 화살표, 다음 및 이전 라벨, 블로그 게시물 제목을 표시합니다.
• 페이지 매기기 메타를 사용하여 한 가지 유형의 메타데이터를 추가합니다.
• 탐색 요소를 숨기려면 페이지 매기기 표시 조정을 해제하고 페이지 매기기 메타: 숨김을 선택하세요.

댓글 활성화

이러한 템플릿에서는 기본적으로 댓글 기능이 비활성화되어 있습니다. 활성화하는 방법은 다음과 같습니다.

1. 블로그 환경 설정 패널을 엽니다.
2. 댓글 설정을 클릭합니다.
3. 전체 댓글 활성화를 체크합니다. 더 많은 댓글 설정이 나타납니다.

자세한 내용을 확인하려면 댓글 및 간편 좋아요 관리하기를 방문하세요.

참고: 개별 게시물에 댓글을 사용하려면 먼저 전체적으로 댓글을 사용하도록 설정해야 합니다.

메타데이터

블로그 페이지와 개별 블로그 게시물에 대해 블로그: 메타데이터 사이트 스타일 섹션에서 기본 및 보조 조정을 사용하여 표시할 메타데이터를 선택하세요. 다음 중 두 가지를 선택하실 수 있습니다.

• 카테고리
• 작성자
• 게시일
• 위치
• 태그
• 댓글

블로그: 목록 및 블로그: 항목 섹션의 메타데이터 조정 기능을 사용하여 표시 위치를 선택합니다.

모든 메타데이터가 한 행에 표시되도록 하려면 메타 글꼴 크기 또는 요소의 길이를 변경하세요(예: 게시물당 태그 수를 줄이세요).

랜딩 페이지 매기기

블로그: 목록 섹션에서 페이지 라벨 표시 및 페이지 화살표 표시 조정을 사용하여 블로그 랜딩 페이지 하단의 탐색 화살표 또는 텍스트 스타일을 지정하세요.

블로그 설정에서 페이지당 표시할 게시물 수를 설정합니다.

팁과 예시

본인에게 가장 적합한 것을 찾기에 좋은 방법은 위의 옵션을 실험해 보는 것입니다. 다음은 시작하는 데 도움이 될 몇 가지 제안 사항입니다.

• 이미지에 집중 - 그리드 레이아웃에서 일부 또는 모든 텍스트를 제거해 대표 이미지를 강조합니다. 사진 블로그가 있는 경우 유용할 수 있습니다.
• 비디오에 집중 - 전체 게시물을 목록 형식으로 표시하여 비디오 블록의 블로그 목록을 생성합니다.
• 여러 블로그 스타일 지정 - 각 블로그 페이지에 고유한 느낌을 주기 위해 요약 또는 전체 게시물을 활성화하세요.

데모 사이트 Aria, Basil, Brine, Pedro를 방문하여 다양한 스타일로 꾸며진 페이지를 확인하세요.

더 많은 도움

• 사이트 스타일의 블로그: 타이포그래피 & 색상 섹션에서 텍스트의 글꼴과 색상을 변경할 수 있습니다.
• 블로그 게시물에는 사용자 지정 가능한 공유 버튼이 있습니다.
• 어느 레이아웃에서든 스마트폰에서 블로그 페이지와 블로그 게시물은 스택형 보기로 표시됩니다.
• 각 템플릿에는 블로그 페이지의 디자인에 영향을 미치는 추가 스타일 설정이 있습니다. 예를 들어, Brine에는 페이지 머리말과 배너가 있습니다. 자세한 정보를 확인하려면 템플릿 가이드를 참조하세요.
• 블로그 페이지와 게시물을 추가하는 데 대한 일반적인 도움이 필요한 경우 Squarespace로 블로그하기를 방문하세요.