비즈니스, 브랜드 또는 스토어를 온라인에 올리기 위해 사이트 콘텐츠를 생성, 구성하고 스타일링하세요.

Squarespace를 처음 시작하는 경우, 이 가이드는 개인 브랜드, 소규모 비즈니스 또는 온라인 스토어를 위한 온라인 존재감을 만들기 위한 기본적이지만 중요한 단계를 다룹니다.

사이트를 만들 때, 페이지 구조를 설정하고 콘텐츠를 추가한 후, 사이트 스타일을 설정하게 됩니다. 웹사이트를 집에 비유하면, 사이트의 구조는 방들이 서로 어떻게 배열되는지를 의미하고, 콘텐츠는 그 방을 채우는 가구이며, 스타일은 색상, 브랜드, 그리고 다른 장식 요소들이 결합되어 집처럼 느껴지게 만드는 것입니다.

팁: Squarespace는 가이드 및 비디오 튜토리얼 외에도 두 가지 Squarespace로 시작하기 웨비나를 제공합니다. 이 세션에서는 블루프린트 AI 빌더를 사용한 템플릿 구축, 사이트 탐색, 도메인 및 이메일 옵션 설정, 사이트 콘텐츠 준비, 홈페이지 구축, 색상 및 글꼴 스타일링에 대해 안내합니다. 웨비나는 일반적으로 1시간 동안 진행되며, Squarespace 사이트나 계정이 없어도 참여할 수 있습니다.

비디오 시청하기

비디오 시청하기

사이트 구조 만들기

탐색에 페이지를 추가하여 사이트 구조를 만들 수 있습니다. 페이지 패널에서 페이지를 추가하면, 해당 페이지의 제목이 사이트 머리말에 링크로 표시됩니다. 사이트의 콘텐츠를 여러 페이지로 나누면 방문자가 필수 업데이트를 찾거나 구매를 하거나 연락을 취할 수 있습니다.

팁: 아래 섹션을 참조하여 블로그 추가 또는 제품 판매에 대해 알아보세요.

페이지 추가

탐색에 페이지를 추가하려면 다음 단계를 따르세요.

1. 페이지 패널을 열고 메인 탐색 옆에 있는 +를 클릭하세요.
2. 추가하려는 페이지 유형을 선택하거나, 페이지 레이아웃을 클릭하여 미리 구축된 레이아웃 페이지를 선택하세요.
3. 페이지 제목을 입력하고 Enter를 누르세요.
4. 이 페이지가 방문자가 가장 먼저 보는 페이지가 되도록 하려면, 홈페이지로 설정하세요.

사이트를 생성하면 일부 데모 페이지가 포함됩니다. 데모 콘텐츠를 교체하고 페이지를 재배치하여 구조에 맞게 조정하거나, 페이지를 처음부터 만들고 싶다면 삭제할 수 있습니다.

팁: 회원 전용 페이지에서 게이트 콘텐츠를 만들려면 회원 사이트를 설정할 수 있습니다.

사이트 머리말 수정하기

사이트 머리말에는 사이트 제목이나 로고, 소셜 미디어로 연결되는 아이콘, 콜투액션 버튼, 그리고 장바구니 아이콘도 포함할 수 있습니다. 이들은 방문자에게 중요한 기능을 강조하는 데 도움이 됩니다.

사이트 머리말을 편집하려면 다음 단계를 따르세요.

1. 사이트 미리 보기에서 편집을 클릭하세요.
2. 사이트 머리말 위에 커서를 올리고 사이트 머리말 편집을 클릭하세요.

자세히 알아보려면 사이트 머리말 만들기를 참조하세요.

페이지에 콘텐츠 추가하기

사이트 구조를 만든 후, 이제 페이지에 콘텐츠를 추가할 차례입니다. 페이지는 개별 섹션으로 구성되며, 섹션에 따라 콘텐츠를 만들기 위해 블록 또는 컬렉션 항목을 추가하게 됩니다.

• 블록은 텍스트, 이미지, 버튼 및 기타 기능을 추가하는 드래그 앤 드롭 방식입니다.
• 컬렉션 아이템은 블로그 게시물, 제품, 이벤트와 같은 콘텐츠 세트입니다.

블록으로 콘텐츠 추가하기

블록은 사이트에 콘텐츠를 표시하는 데 사용하는 주요 기능입니다. 페이지에 블록을 추가하려면 다음 단계를 따르세요.

1. 페이지 패널을 엽니다.
2. 왼쪽 패널에서 편집하려는 페이지를 클릭합니다.
3. 페이지 미리 보기의 왼쪽 상단 모서리에서 편집을 클릭합니다.
4. 페이지가 비어 있으면 +를 클릭하여 섹션을 추가합니다. 페이지에 이미 섹션이 있다면 이 단계를 건너뜁니다.
5. 블록 추가를 클릭하거나 삽입 지점을 선택하고 추가할 블록을 선택하세요. 추가 도움이 필요하시면 블록으로 콘텐츠 추가하기를 참조하세요.

이 과정을 반복하여 더 많은 블록을 추가하세요. 콘텐츠를 정렬하려면 블록을 이동하여 페이지에서 클릭하고 드래그하세요. 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 나가기를 클릭한 후 저장을 클릭하여 편집기를 닫으세요.

페이지에 더 많은 섹션을 추가하려면 섹션 위나 아래에 있는 +를 클릭하세요. 블록 섹션, 갤러리 섹션, 자동 레이아웃을 모든 유형의 페이지에 추가할 수 있습니다. 섹션의 레이아웃을 재사용하려면 이를 저장하여 다른 페이지에 추가할 수 있습니다. 자세히 알아보려면 페이지 섹션을 참조하세요.

컬렉션 페이지로 콘텐츠 추가하기

컬렉션은 관련된 항목들의 집합으로, 예를 들어 블로그 페이지의 블로그 게시물이 있습니다. 모든 컬렉션 페이지는 랜딩 페이지와 개별 컬렉션 항목 페이지로 구성된 두 개의 레이어 구조를 가지고 있습니다. 예를 들어, 블로그 랜딩 페이지는 대표 이미지와 요약이 포함된 게시물 목록을 보여주며, 이를 클릭하면 전체 게시물을 열어 읽을 수 있습니다.

참고: 컬렉션 페이지 항목을 삭제할 수는 있지만, 전체 페이지를 삭제하지 않고는 컬렉션 페이지 섹션을 삭제할 수 없습니다. 데모 콘텐츠로 작업할 때, 이를 사용자 정의하기 전에 사용 중인 페이지 유형을 확인하세요. 일부 섹션은 삭제할 수 없을 수 있습니다. 최대한의 유연성을 원한다면 레이아웃 페이지를 사용하세요.

아래의 링크된 가이드를 참조하여 구체적인 단계를 확인하세요.

• Squarespace의 접근성 리소스
• 블로그에 게시물 추가하기
• 온라인 스토어에 제품 추가하기
• 컬렉션 페이지 섹션 만들기
• 예정된 이벤트 목록 만들기
• 포트폴리오에서 다양한 프로젝트 소개하기

블로그 페이지 추가하기(선택 사항)

새로운 콘텐츠를 정기적으로 게시할 계획이라면 블로그 페이지가 이상적입니다. 방문자와 공유할 준비가 되면 언제든지 블로그 페이지에 새 블로그 게시물을 추가할 수 있습니다. 위의 단계를 따라 새 블로그 페이지를 추가한 후 게시물과 다른 콘텐츠를 추가하세요.

새 게시물 추가하기

블로그 게시물을 추가하려면 다음 단계를 따르세요.

1. 페이지 패널에서 블로그 페이지를 클릭하세요.
2. 사이드 패널 오른쪽 상단의 +를 클릭하세요.
3. 블로그 게시물에 제목과 내용을 추가하세요.
4. 게시 위에 커서를 올리고 게시를 클릭하여 즉시 게시하세요.

청중 참여 유도하기

블로그 페이지에는 방문자가 콘텐츠를 쉽게 찾고 상호작용할 수 있도록 돕는 여러 내장 기능이 포함되어 있습니다.

• 방문자가 유사한 콘텐츠를 더 쉽게 찾을 수 있도록 게시물을 정리하려면 카테고리와 태그를 추가하세요.
• 방문자가 콘텐츠와 상호작용할 수 있도록 댓글을 활성화하세요.
• 방문자가 최신 정보를 얻을 수 있도록 블로그에 이메일 구독을 추가하거나 블로그 게시물을 이메일 캠페인으로 전환하세요.

팟캐스트 설정하기

블로그 페이지는 오디오 블록이 포함된 블로그 게시물을 사용하여 팟캐스트를 설정하는 데에도 활용할 수 있습니다. 블로그 페이지는 Apple Podcasts와 함께 RSS 피드를 설정하는 데 맞춰 설계되었습니다. 자세히 알아보려면 Squarespace로 팟캐스트 개요를 참조하세요.

온라인 스토어 설정하기(선택 사항)

사이트에서 판매할 수 있는 제품 및 서비스 유형은 선택한 웹사이트 요금제에 따라 달라집니다. 아래 체크리스트를 사용하여 스토어를 설정하고, 링크된 가이드를 참조하여 자세한 단계별 지침을 확인하세요.

1. 스토어 페이지에 제품 추가하기
2. 결제 처리업체 연결하기
3. 배송 옵션 설정하기(실물 제품을 판매하는 경우)
4. 세율 설정하기
5. 사이트 결제 사용자 지정하기

팁: 수익을 창출하는 사이트를 구축하는 데 도움이 되는 다양한 도구를 제공합니다. 컨설팅 서비스부터 커피 컵까지 모든 것을 판매할 수 있습니다. 자신에게 가장 적합한 도구를 찾으려면 사이트 수익화를 참조하세요.

사이트 스타일 편집하기

사이트 스타일을 편집하여 글꼴, 색상 및 기타 디자인 요소를 변경하세요. 디자인 패널에서 사이트 전체 콘텐츠를 변경할 수 있으며, 특정 페이지 섹션에 대한 스타일 변경도 가능합니다.

사이트 전체 스타일 편집하기

페이지를 편집하는 동안 전체 사이트의 스타일을 변경하려면 사이트 스타일 열기를 클릭한 후 다음을 클릭하세요.

• 글꼴 - 글꼴 팩을 선택하고 다양한 텍스트 유형의 크기를 변경하세요.
• 색상 - 색상 팔레트를 선택하고 색상 테마를 편집하세요.
• 애니메이션 - 콘텐츠에 섬세한 애니메이션을 추가하세요.
• 간격 - 요소 간의 패딩이나 간격을 변경하세요.

사이트의 버튼과 이미지 블록도 스타일을 변경할 수 있습니다. 자세히 알아보려면 스타일 변경하기를 참조하세요.

개별 섹션 스타일 지정하기

섹션 스타일을 사용하여 개별 섹션의 레이아웃, 표시 방식 또는 배경 등의 요소를 변경할 수 있습니다. 섹션 스타일은 글로벌 스타일을 덮어씁니다.

섹션 스타일을 편집하려면 다음 단계를 따르세요.

1. 페이지 패널을 열고 편집하려는 페이지를 클릭하세요.
2. 페이지 미리 보기의 왼쪽 상단 모서리에서 편집을 클릭합니다.
3. 스타일을 적용할 섹션 위에 커서를 올리고 연필 아이콘을 클릭하세요.
4. 옵션은 섹션에 따라 달라질 수 있습니다. 변경 사항을 마친 후 저장을 클릭하여 변경 사항을 저장하고 계속 편집하거나, 나가기를 클릭한 후 저장을 클릭하여 편집기를 닫으세요.

자세히 알아보려면 스타일 변경하기를 참조하세요.

스타일 가이드 만들기(선택 사항)

사이트를 디자인하는 동안 연결되지 않음 섹션에 스타일 가이드 페이지를 만드는 것을 고려해 보세요. 이 페이지는 사이트에 적용한 스타일 옵션의 참조 지점 역할을 합니다. 다음과 같은 도움을 받을 수 있습니다.

• 브랜드의 디자인 요소를 실험하고 확립하세요.
• 사이트 구축 후반에 수정 작업에 소요되는 시간을 줄이세요.
• 사이트에 기여하는 기여자들 간의 일관성을 촉진하세요.

스타일 가이드를 만들 때, 다음 디자인 요소에 대한 지침을 포함하세요.

• 색상: 헥스 코드, 색상 팔레트 및 테마
• 타이포그래피: 글꼴, 크기, 스타일, 및 간격
• 로고: 크기, 해상도 및 플랫폼 친화적인 변형
• 레이아웃: 여백 및 패딩
• 이미지: 승인된 사진 라이브러리 및 크레딧 형식
• 에디토리얼: 음성, 어휘 및 문법

위에서 언급한 스타일 선택이 사이트에서 어떻게 보일지 미리 보려면, 이를 다음 사이트 요소에 적용하고 스타일 가이드에도 추가할 수 있습니다.

• 표제 요소
• 단락 텍스트
• 버튼
• 선
• 링크

아래는 스타일 가이드에 포함할 수 있는 일부 요소의 예입니다.

사이트 게시하기

이 가이드를 읽은 후, 사이트 출시 체크리스트를 검토하여 사이트가 방문자와 검색 엔진에 적합한지 확인하는 것이 좋습니다.

준비가 되면 사이트 하단 배너에서 구독 버튼을 클릭하여 사이트를 유료 서비스로 업그레이드할 수 있습니다. 우리 요금제의 가격과 기능에 대해 자세히 알아보려면 올바른 Squarespace 요금제 선택하기를 참조하세요.