버전 7.0에서 갤러리 페이지는 눈길을 사로잡는 레이아웃과 스타일로 이미지와 비디오를 보여줍니다. 갤러리 페이지에는 템플릿에 맞는 특정 디자인이 있습니다. 이 가이드에서는 새로운 갤러리 페이지를 추가하고 해당 페이지에 이미지와 비디오를 추가하는 방법을 알아봅니다.

이 가이드의 단계는 프로젝트 페이지에도 적용됩니다.

이 가이드는 버전 7.0을 위한 것입니다. 버전 7.1에서는 대신 갤러리 섹션을 추가하세요.

시작하기 전에

• 갤러리 페이지의 디자인, 레이아웃 및 스타일 옵션은 템플릿에 따라 달라집니다. 갤러리 페이지는 슬라이드쇼, 그리드, 스택 또는 캐러셀이 될 수 있습니다. 템플릿별 갤러리 디자인을 보려면 버전 7.0의 갤러리 페이지 스타일 지정을 참조하세요.
• 각 갤러리 페이지에 최대 250개의 이미지 또는 비디오를 추가할 수 있습니다. 갤러리가 크면 로드하는 데 시간이 더 오래 걸릴 수 있습니다.
• 갤러리 페이지 외부(예: 레이아웃 페이지 또는 블로그 게시물)에 갤러리를 추가하려면 갤러리 블록을 사용해 보세요. 둘 간의 차이점을 살펴볼 수도 있습니다.

비디오를 시청하십시오

갤러리 페이지 추가

Squarespace 앱에서 새 갤러리 페이지를 추가하는 것은 iOS 버전에서만 가능합니다.

갤러리 페이지를 추가하려면 페이지 패널을 열고 +를 클릭한 다음 갤러리를 클릭하세요. 자세한 단계는 탐색에 페이지 추가를 참조하세요.

이미지 추가

팁

• 업로드하기 전에 이미지 형식 가이드라인을 검토하세요.
• 한 번에 여러 개의 이미지를 업로드할 수 있지만 .zip 파일이나 다른 압축 파일 형식은 업로드할 수 없습니다.
• 갤러리 페이지에 처음 추가된 이미지는 자동으로 해당 페이지의 대표 이미지가 됩니다. 대표 이미지를 수동으로 추가할 수도 있습니다.

이미지 업로드

컴퓨터에서 갤러리 페이지에 이미지를 업로드하는 방법에는 세 가지가 있습니다.

• 사이드 패널에서 +를 클릭한 다음 이미지 업로드를 클릭합니다.
• 사이드 패널의 빈 상자를 클릭하여 컴퓨터의 파일 관리자를 연 다음 열기 또는 선택을 클릭하여 이미지를 갤러리에 추가합니다.
• 이미지를 사이드 패널의 빈 상자로 드래그 앤 드롭합니다.

+를 클릭한 다음 이미지 검색을 클릭하여 이전에 업로드한 이미지를 재사용할 수도 있습니다.

스톡 이미지 추가

스톡 이미지 통합을 사용하면 사이트에서 직접 스톡 이미지를 검색하고 추가할 수 있습니다. 이는 사용할 이미지가 아직 없는 경우 훌륭한 옵션입니다.

스톡 이미지를 추가하려면 +를 클릭한 다음 이미지 검색을 클릭하세요. 이미지 검색을 사용하여 이전에 추가한 스톡 이미지를 재사용할 수도 있습니다.

비디오 추가

YouTube 또는 Vimeo에서 외부 호스트된 비디오를 직접 URL이나 HTML 임베드 코드(고급 표시 옵션의 경우)를 사용하여 갤러리 페이지에 추가할 수 있습니다.

비디오를 추가하려면 사이드 패널에서 +를 클릭한 다음 비디오 추가를 클릭하세요.

옵션 1 - URL 사용

브라우저 주소 표시줄에서 비디오의 URL을 복사하여 비디오 URL 탭에 붙여넣으세요.

옵션 2 - HTML 임베드 코드 사용

비디오의 HTML 임베드 코드를 사용하는 방법은 다음과 같습니다.

1. 비디오 호스팅 서비스에서 비디오를 찾습니다.
2. 대부분의 비디오 호스트는 공유 또는 임베드 버튼을 제공합니다. 공유 또는 임베드를 클릭한 다음 제공된 코드를 복사합니다.
3. 비디오 설정에서 비디오 임베드 탭을 클릭합니다.
4. 텍스트 필드에 코드를 붙여넣습니다.

이미지 오버레이 추가(선택 사항)

선택 사항으로 비디오에 섬네일 이미지를 추가할 수 있습니다. 이미지는 비디오가 재생되기 전에 비디오 위에 표시됩니다. 제목 카드, 비디오의 프레임 또는 방문자가 재생을 클릭하도록 유도하는 기타 이미지가 될 수 있습니다.

이미지 오버레이를 추가하려면 비디오 섬네일 토글을 켠 다음 이미지를 클릭하여 컴퓨터에서 이미지를 업로드하거나 스톡 이미지 검색을 클릭하여 스톡 이미지를 추가하세요. 이미지를 제거하려면 섬네일 아래에 있는 이미지 제거를 클릭하세요.

아이템 설정 편집

+를 클릭하여 갤러리 페이지에 콘텐츠를 추가하면 아이템 설정이 자동으로 열립니다. 그렇지 않으면 항목 위에 커서를 올리고 을 클릭하여 설정을 여세요.

각 아이템의 에디터에서 다음을 수행할 수 있습니다:

• 이미지 섬네일 아래에 있는 편집을 클릭하여 기본 제공 이미지 에디터로 이미지를 편집합니다.
• 제목과 설명을 추가합니다(표시는 템플릿에 따라 다름).
• 상태를 클릭하여 아이템의 게시 상태를 설정합니다.
• 카테고리 또는 태그를 클릭하여 카테고리 또는 태그를 추가합니다.
• 아이템을 복제합니다.
• 소셜 탭을 클릭하여 소셜 미디어 공유를 설정합니다.

제목 및 설명 추가

제목과 설명은 콘텐츠에 맥락을 추가합니다. 제목은 대체 텍스트로 변환되어 검색 엔진이 이미지가 무엇인지 파악하는 데 도움을 주며, 잠재적으로 SEO를 개선할 수 있습니다. 설명 스타일과 표시 옵션은 템플릿에 따라 달라집니다.

이미지 제목과 설명이 표시되지 않는다면 몇 가지 이유가 있을 수 있습니다.

• 숨겨져 있습니다. 숨김을 해제하려면 갤러리 페이지에서 사이트 스타일 패널을 열고 갤러리 설명 숨기기 조정을 선택 해제하세요.
• 이미지 제목이나 설명은 템플릿에서 지원하지 않습니다. 그러나 검색 엔진이 대체 텍스트로 색인화할 수 있으므로 추가하는 것이 좋습니다.

아이템 게시 상태 설정

이미지나 비디오를 언제든지 게시됨 또는 게시되지 않은 상태(초안, 검토 필요, 예약됨)으로 설정할 수 있습니다. 아이템이 게시되지 않은 상태이면 사이드 패널의 이미지 또는 비디오 섬네일 위에 상태 배너가 표시되며, 해당 아이템은 라이브 사이트에서 보이지 않습니다. 아이템을 게시됨으로 설정하면 섬네일 위의 배너가 사라지고 아이템이 사이트에 실시간으로 표시됩니다.

아이템의 초기 게시 상태는 갤러리 페이지에 이미지 또는 비디오를 추가하는 방법에 따라 달라집니다.

• 새 스톡 이미지와 라이브러리에서 재사용하는 이미지는 기본적으로 게시됨으로 설정됩니다.
• 사이드 패널의 +를 사용해 컴퓨터 또는 기기에서 업로드하는 비디오 URL 및 새 이미지는 기본적으로 초안으로 설정됩니다.
• 사이드 패널의 빈 상자에서 업로드하는 새 이미지는 기본적으로 게시됨으로 설정됩니다.

카테고리 및 태그 추가

태그 및 카테고리를 사용하여 콘텐츠를 정리하고 이미지와 비디오를 서로 다른 그룹으로 표시할 수 있습니다. 태그 및 카테고리는 갤러리 자체에는 표시되지 않지만 태그 클라우드 블록, 아카이브 블록, 요약 블록, 탐색 링크, 텍스트 링크 를 사용하여 콘텐츠를 필터링하고 방문자가 카테고리별로 이미지를 찾을 수 있도록 도울 수 있습니다.

자세히 알아보려면 카테고리 및 태그를 참조하세요.

갤러리 페이지 정리

이미지 재배치

갤러리 이미지와 비디오는 일반적으로 사이드 패널의 섬네일과 동일한 순서로 표시됩니다. 다음 단계에 따라 갤러리 콘텐츠를 재정렬할 수 있습니다.

갤러리 간 이미지 이동

갤러리 페이지가 여러 개 있는 경우 페이지 간에 갤러리 이미지와 비디오를 이동할 수 있습니다. 이는 콘텐츠를 다시 만들지 않고 정리할 수 있는 훌륭한 방법입니다.

York 템플릿 패밀리에서는 프로젝트 페이지와 갤러리 페이지 간에 이미지를 이동할 수 있습니다.

이미지 삭제

갤러리 페이지에서 이미지를 삭제하는 방법은 다음과 같습니다.

이미지 바꾸기

제목 및 태그와 같은 정보를 유지면서 갤러리에서 이미지를 바꾸는 방법은 다음과 같습니다.

1. 이미지를 두 번 클릭하여 에디터를 엽니다.
2. 이미지 아래의 이미지 제거를 클릭합니다.
3. 이미지 영역에서 이미지를 클릭하여 새 이미지를 업로드합니다.
4. 저장을 클릭합니다.

블록으로 갤러리 페이지 콘텐츠 표시

블록을 사용하여 기존 페이지에서 갤러리 페이지 콘텐츠를 가져와 사이트의 다른 곳에 표시할 수 있습니다. 이는 다양한 형식으로 이미지를 표시하거나, 카테고리를 강조하거나, 갤러리 페이지로 연결되는 시각적 링크를 제공하는 훌륭한 방법입니다.

다음 블록은 갤러리 페이지에서 잘 작동합니다.

• 갤러리 블록 - 갤러리 페이지 콘텐츠를 캐러셀, 그리드, 슬라이드쇼, 스택 보기로 표시합니다.
• 요약 블록 - 갤러리 페이지 콘텐츠를 표시하고 벽, 캐러셀, 목록 또는 그리드 형식으로 표시합니다. 카테고리 또는 태그로 필터링할 수 있습니다.
• 콘텐츠 링크 블록 - 첫 번째 갤러리 이미지, 페이지 제목, 페이지 설명을 사용하여 갤러리 페이지로 연결되는 시각적 링크를 제공합니다.

FAQ

갤러리 페이지에 블록이나 텍스트를 추가할 수 없는 이유는 무엇인가요?

갤러리 페이지는 이미지와 비디오만 표시하도록 디자인되었으므로 블록을 추가할 수 있는 삽입 지점이 표시되지 않습니다. 갤러리로 추가 콘텐츠를 표시하려면 갤러리 페이지를 레이아웃 페이지로 바꾸고 텍스트 블록과 갤러리 블록을 조합하여 사용하는 것이 좋습니다. 이 접근 방식은 원하는 디자인을 달성하는 데 더 큰 유연성을 제공합니다.

갤러리가 직접 페이지 URL에서 다르게 보이는 이유는 무엇인가요?

갤러리 페이지가 색인 페이지에 있을 수 있으며, 색인 형식으로 갤러리를 볼 수 있어 갤러리 페이지에 독특한 외관을 제공합니다.

브라우저 주소 표시줄에 /#/가 표시되면 색인 형식으로 갤러리를 보고 있는지 알 수 있습니다. 갤러리 페이지를 표준 형식으로 보려면 브라우저 주소 표시줄에서 /#/를 삭제하세요.

비디오에 직접 추가하지 않은 제목, 설명 및 이미지 오버레이가 있는 이유는 무엇인가요?

YouTube 및 Vimeo의 비디오는 때때로 제목 및 설명 필드를 자동으로 채우고 이미지 오버레이를 제공합니다. 이를 변경하려면 비디오를 편집용으로 열고 텍스트나 이미지를 직접 바꾸세요.

갤러리 페이지에 업로드된 이미지에 자동으로 위치가 추가되는 이유는 무엇인가요?

사이트의 비즈니스 정보 설정에 물리적 위치를 추가한 경우 갤러리 페이지에 업로드된 이미지에 해당 위치가 자동으로 포함됩니다. 이 정보는 갤러리 페이지에 표시되지 않으며 이미지의 위치 탭에서 수동으로 제거할 수 있습니다.

다음 단계

• 표시 및 스타일 옵션을 선택하여 갤러리 페이지를 사용자 지정하세요.
• 갤러리 페이지의 소셜 공유 옵션에 대해 알아보세요.
• 클릭스루 URL을 추가하여 이미지를 링크로 전환하세요(일부 템플릿에서 지원됨).