사이트의 블로그 페이지를 서식 지정 및 레이아웃으로 사용자 정의하세요.

블로그 페이지는 방문자를 개별 블로그 게시물로 연결하는 랜딩 페이지입니다. 브랜드와 스타일에 맞게 블로그 페이지를 사용자 정의할 수 있습니다. 이 가이드를 사용하여 블로그 페이지와 개별 게시물의 스타일 옵션을 찾아보세요. 블로그 페이지를 만들고 게시물을 추가하려면 Squarespace로 블로그하기를 방문하세요.

이 가이드는 7.1 버전 블로그 페이지에 중점을 둡니다. 7.0 버전에서는 템플릿마다 고유한 블로그 레이아웃과 스타일 옵션이 있습니다. 자세한 내용을 보려면 7.0 버전의 블로그 페이지 스타일 지정을 검토하세요.

스타일 옵션 열기

블로그 페이지는 두 부분으로 구성됩니다. 방문자가 클릭하여 게시물을 열 수 있는 게시물 미리보기 레이아웃을 만드는 랜딩 페이지와 블로그 콘텐츠를 추가하는 개별 게시물입니다.

블로그 페이지와 블로그 게시물의 스타일을 지정할 두 가지 주요 위치가 있습니다.

• 블로그 랜딩 페이지 - 블로그 페이지에서 편집을 클릭한 다음 블로그 섹션에서 연필 아이콘을 클릭하세요.
• 블로그 게시물 - 블로그 페이지에서 게시물을 클릭하여 열고 편집을 클릭한 다음 연필 아이콘을 클릭하세요.

블로그 페이지 레이아웃

블로그 랜딩 페이지는 블로그 섹션이기도 합니다. 게시물의 미리보기를 표시하며 방문자가 클릭하면 개별 게시물을 열 수 있습니다.

블로그 섹션 스타일을 연 후 형식 아래의 레이아웃 드롭다운을 클릭하여 레이아웃을 선택하세요. 블로그 페이지 레이아웃은 게시물 미리보기가 여러 행과 열에 표시되는 그리드형 또는 게시물이 단일 열에 쌓이는 스택형입니다. 다음 중에서 선택하세요.

• 기본 그리드 블로그 - 대표 이미지의 종횡비가 고정된 그리드 레이아웃으로, 열과 행이 균일하게 배열됩니다.
• 벽돌 쌓기 블로그 - 대표 이미지의 종횡비가 잘리지 않는 그리드 레이아웃으로, 행과 열이 모자이크처럼 보입니다. 기기에 따라 대표 이미지를 잘 맞추기 위해 시간 순서에서 벗어나게 표시할 수 있습니다.
• 단일 열 블로그 - 대표 이미지가 게시물 제목 및 기타 메타데이터 위에 단일 열 레이아웃으로 표시됩니다.
• 나란히 배치 블로그 - 대표 이미지가 게시물 제목 및 기타 메타데이터 옆 고정된 면에 표시되는 스택형 레이아웃입니다.
• 교차 배치 블로그 - 대표 이미지가 게시물 제목 및 기타 메타데이터 옆에 번갈아 가며 표시되는 스택형 레이아웃입니다.

각 레이아웃에는 고유한 스타일 옵션이 있습니다. 이 설정은 사이트에서 동일한 레이아웃을 사용하는 모든 블로그 페이지에 적용됩니다.

명심할 사항:

• 이러한 변경 사항은 동일한 레이아웃을 사용하는 모든 블로그 페이지에 영향을 미칩니다.
• 레이아웃의 변경 사항은 새 레이아웃으로 전환할 때 저장됩니다. 이전 레이아웃으로 돌아가는 경우, 다른 블로그 페이지에서 해당 레이아웃을 편집하지 않았다면 설정이 복원됩니다.
• 대부분의 레이아웃은 블로그 랜딩 페이지에서 전체 블로그 게시물을 표시하지 않습니다. 모든 게시물의 전체 내용을 표시하려면 단일 열 레이아웃을 사용하고 콘텐츠 표시를 전체 게시물로 설정하세요.

서식 지정 옵션

레이아웃을 선택한 후 형식 탭에서 다음 옵션을 설정하세요. 선택한 레이아웃에 따라 일부 옵션이 나타나지 않을 수 있습니다. 예를 들어, 열 설정은 기본 그리드 와 벽돌 쌓기 레이아웃에만 있습니다.

• 너비 - 콘텐츠가 섹션의 전체 너비에 걸쳐 표시되게 하려면 전체를 선택하고, 콘텐츠의 왼쪽과 오른쪽에 패딩(여백)을 늘리려면 인셋을 선택합니다.
• 열 - 기본 그리드 또는 벽돌 쌓기 레이아웃을 2, 3, 또는 4 열로 설정합니다.
• 수평 간격 - 기본 그리드 및 벽돌 쌓기 레이아웃에 사용할 수 있습니다.
• 수직 간격
• 이미지 배치 - 대표 이미지가 게시물 제목과 메타데이터 위 또는 아래에 표시되도록 설정합니다.
• 종횡비 - 대표 이미지의 표준 모양을 설정합니다.
• 이미지 간격
• 텍스트 정렬 - 텍스트를 왼쪽, 가운데 또는 오른쪽으로 정렬합니다.
• 이미지 텍스트 정렬 - 나란히 배치 레이아웃에서 대표 이미지의 위쪽, 중간, 또는 아래쪽에 텍스트를 정렬합니다.
• 요약 - 요약을 표시 또는 숨기기로 설정합니다. 각 게시물의 설정에 요약을 추가합니다.
• 자세히 보기 링크 - 방문자에게 요약 외에 더 많은 콘텐츠가 있음을 알립니다.
• 제목 간격 - 게시물 제목과 요약 사이의 간격을 설정합니다.
• 텍스트 콘텐츠 너비 - 기본 그리드 및 벽돌 쌓기 레이아웃의 텍스트 콘텐츠 너비를 설정합니다.
• 자세히 보기 간격 - 요약과 자세히 보기 링크 사이의 간격을 설정합니다.
• 메타 위치 - 메타데이터를 텍스트 콘텐츠의 상단 또는 요약 아래에 표시하도록 설정합니다.
• 주요 메타 데이터 - 어떤 메타데이터를 먼저 표시할지 설정합니다. 카테고리, 날짜, 작성자 또는 없음을 선택할 수 있습니다. 날짜는 사이트 언어에 따라 MM/DD/YY 또는 DD/MM/YY 형식으로 표시됩니다.
• 보조 메타데이터 - 두 번째로 표시할 메타데이터를 설정합니다. 옵션은 기본 메타데이터와 동일합니다.
• 메타 간격 - 메타데이터와 게시물 제목 사이의 간격을 설정합니다.
• 구분자 - 기본 및 보조 메타데이터를 나누는 방법을 선택합니다. 자세한 내용을 확인하려면 구분자를 검토하세요.
• 콘텐츠 표시 - 단일 열 레이아웃의 경우 게시물과 함께 표시할 텍스트 콘텐츠를 설정합니다. 제목만, 요약 또는 전체 게시물을 선택할 수 있습니다. 각 게시물의 설정에 요약을 추가합니다.

기타 블로그 페이지 요소

다음과 같은 기본 블로그 페이지의 요소는 다른 영역에서 설정됩니다.

• 페이지당 게시물 수 - 페이지 설정에서 페이지에 표시되는 게시물 수를 1에서 20 사이로 설정합니다. 한 페이지에 표시할 수 있는 게시물의 수보다 더 많은 게시물이 있는 경우, 블로그 페이지 하단에 이전 게시물과 최신 게시물로 이동할 수 있는 페이지 매김 링크가 나타납니다. 텍스트 자체는 변경할 수 없지만 글꼴 스타일은 변경할 수 있습니다. 무한 스크롤은 7.1 버전에서 지원되지 않습니다.
• 대표 이미지 - 각 블로그 게시물 설정에서 게시물의 랜딩 페이지마다 표시할 대표 이미지를 추가합니다.
• 글꼴 - 사이트 스타일에서 블로그 게시물 제목, 요약, 메타데이터, 자세히 보기 링크 및 페이지 매김 링크의 글꼴을 설정합니다. 자세한 내용을 확인하려면 블로그 페이지 글꼴을 검토하세요.

블로그 게시물

블로그 게시물은 블록을 추가하고 정렬하는 데 클래식 에디터를 사용합니다.

블로그 게시물 스타일 옵션을 연 후, 다음 설정을 변경할 수 있습니다.

• 형식 - 간격 및 메타데이터 표시를 설정합니다. 사이트의 모든 게시물은 다른 블로그 페이지에서도 이러한 설정을 공유합니다. 아래에서 전체 조정 기능 목록을 검토하세요.
• 색상 - 사이트의 색상을 설정하거나 블로그의 섹션 테마를 변경합니다. 자세한 내용을 확인하려면 블로그 페이지 색상을 검토하세요.

블로그 게시물 서식 지정 옵션

사이트의 모든 게시물은 다른 블로그 페이지에서도 이러한 설정을 공유합니다. 게시물 하나를 변경하면 다른 모든 게시물에도 적용됩니다.

• 콘텐츠 너비 - 게시물 내용의 너비를 좁게, 중간, 넓게로 설정하거나 사용자 정의 너비를 설정합니다.
• 텍스트 정렬 - 텍스트를 왼쪽 또는 가운데로 정렬합니다.
• 메타 위치 - 메타데이터를 제목 위 또는 제목 아래에 표시하도록 설정합니다.
• 카테고리 표시 - 활성화하면 게시물에 추가된 카테고리가 표시됩니다.
• 날짜 표시 - 활성화하면 게시물의 게시 날짜가 표시됩니다. 개별 게시물에는 월과 일만 표시됩니다. 게시물에 연도를 표시할 수는 없지만, 기본 블로그 페이지에 날짜가 보일 때 연도가 나타납니다.
• 작성자 이름 표시 - 활성화하면 게시물 작성자가 표시됩니다.
• 작성자 프로필 표시 - 활성화하면 게시물 내용 아래에 작성자 프로필이 표시됩니다.
• 구분자 스타일 - 메타데이터를 구분하는 방법을 선택합니다. 자세한 내용을 확인하려면 구분자를 검토하세요.
• 머리말 간격

구분자

블로그에 날짜, 작성자 이름, 카테고리와 같은 메타데이터를 표시할 때, 메타데이터를 시각적으로 구분하기 위해 구분자나 구두점을 추가할 수 있습니다.

구분자를 선택하거나 숨기는 방법:

1. 블로그 페이지나 게시물에서 편집을 클릭합니다.
2. 블로그 섹션이나 게시물 위에 커서를 올리고 연필 아이콘을 클릭합니다.
3. 형식 탭에서 구분자를 클릭합니다.
4. 옵션 중 하나를 선택하거나 없음(블로그 페이지에서) 또는 공백(블로그 게시물에서)을 선택하여 숨깁니다.
5. 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 나가기를 클릭한 후 저장을 클릭하여 편집기를 닫으세요.

블로그 페이지 글꼴

블로그 페이지와 블로그 게시물의 글꼴은 사이트 전체 글꼴을 따릅니다. 변경하려면 블로그 페이지나 게시물에서 편집을 클릭하고 페인트 브러시 아이콘을 클릭한 다음 관련 글꼴 스타일을 클릭하세요. 특정 텍스트 요소가 따르는 스타일을 변경하거나 사이트 전체 글꼴과 독립적으로 스타일을 지정하려면 스타일 지정을 클릭하세요. 

스타일 할당의 조정 사항은 아래 목록에서 검토하세요.

메인 블로그 페이지

각 블로그 레이아웃에는 개별적인 글꼴 스타일 옵션이 있습니다. 스타일 할당에서 블로그 레이아웃에 다음과 같은 조정 기능을 사용하세요.

• 제목
• 요약 - 더 보기 링크도 이러한 설정을 따릅니다. 
• Meta

기본 블로그 페이지 하단의 페이지 매김 링크는 사이트의 문단 스타일과 단락 2 크기를 따릅니다. 이것을 변경하는 것은 불가능합니다.

블로그 게시물

사이트에 있는 모든 블로그 게시물은 동일한 스타일을 공유합니다. 스타일 할당의 블로그 게시물에서 다음과 같은 조정 기능을 사용하세요.

• 제목
• Meta
• 작성자 프로필
• 페이지 매김

블로그 페이지 색상

블로그 랜딩 페이지 또는 블로그 게시물의 스타일 옵션을 연 후, 블로그 페이지 및 게시물의 색상을 변경하려면 색상을 클릭하세요.

블로그 페이지 색상을 변경하려면 새로운 색상 구성표를 선택하세요. 블로그 페이지와 모든 게시물은 동일한 색상 구성표를 공유하므로, 블로그 페이지의 테마를 변경하면 게시물의 테마도 변경되며, 그 반대의 경우도 마찬가지입니다.

선택한 테마의 개별 색상을 변경하는 방법:

1. 테마 이름 옆에 있는 연필 아이콘을 클릭합니다.
2. 레이아웃의 블로그 조정 및 블로그 게시물 조정까지 아래로 스크롤한 후, 변경하고자 하는 조정 기능을 클릭하고 새 색상을 설정합니다.
3. 블로그 페이지의 다른 요소들은 사이트 전체 스타일을 따릅니다. 예를 들어, 대부분의 텍스트는 텍스트의 색상을 따릅니다. 이 색상을 변경하면 사이트 전체에서 동일한 색상 구성표를 사용하는 모든 섹션에 영향을 미칩니다.

테마의 색상은 사이트의 색상 팔레트에 의해 설정된다는 점을 명심하세요. 팔레트를 변경하면 색상 구성표도 바뀔 수 있습니다. 자세한 내용을 확인하려면 색상 변경하기를 방문하세요.

버전 7.0의 블로그 페이지 스타일 지정

7.0 버전의 템플릿 그룹에는 각각 고유한 블로그 레이아웃과 스타일링 옵션이 있습니다. 블로그 옵션에 대해 자세히 알아보려면 템플릿 그룹 가이드를 방문하세요.

• Adirondack
• Avenue
• Aviator
• Bedford
• 소금물
• Farro
• 다섯
• Flatiron
• Forte
• Galapagos
• Ishimoto
• Marquee(단종됨)
• Momentum
• Montauk
• Native
• Pacific
• Skye
• 공급
• Tremont
• Wells
• Wexley
• York

각 그룹의 레이아웃과 기능을 비교하려면 템플릿 비교 차트를 방문하세요.