York 템플릿 그룹의 스타일과 기능.
York 템플릿 그룹(Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor 및 York)는 일러스트레이터, 사진작가, 크리에이티브 에이전시 및 기타 시각적 콘텐츠 제작자의 작품을 선보이도록 설계되었습니다. 그리드 색인 페이지와 고유한 프로젝트 페이지가 있는 이 템플릿들은 창의적인 결과물을 표시하고 공유할 수 있는 도구를 제공합니다.
이번 가이드는 York 그룹의 특징과 디자인 옵션을 다룹니다. 사이트 스타일 조정 및 사이트 스타일 패널에 나타나는 섹션이 굵게 표시됩니다.
지원되는 페이지 유형
York은 다음과 같은 페이지 유형을 지원합니다.
머리말
방문자는 상단의 사이트 전체 머리말을 사용하여 사이트를 탐색합니다. 요크에서 머리말은 왼쪽, 가운데, 오른쪽의 세 영역으로 나뉩니다. 머리말에 다음 요소를 추가할 수 있습니다.
사이트: 레이아웃 조정을 사용하여 머리말 레이아웃 스타일을 지정합니다.
- 왼쪽 레이아웃, 중앙 레이아웃 또는 오른쪽 레이아웃 을 선택하여 레이아웃을 수평에서 스택형으로 변경하세요. 해당 옵션은 머리말 영역에 두 개 이상의 아이템을 추가한 후에 표시됩니다.
- 전체 너비 머리말 조정을 사용하여 머리말 표시 방식을 선택하세요.
머리말 스타일 지정
사이트: 머리말 조정을 사용하여 헤더 콘텐츠의 스타일을 지정합니다.
- 사이트 제목으로 사이트 제목의 글꼴과 색상을 설정합니다.
- 사이트 태그라인으로 태그라인의 글꼴과 색상을 설정합니다.
- 로고 높이(최대)를 사용하여 로고 크기를 변경합니다.
- 장바구니로 장바구니의 글꼴, 색상 및 스타일을 설정하세요.
사이트: 탐색 조정으로 탐색 스타일을 지정하세요.
- 메인 탐색과 보조 탐색을 메인 및 보조로 변경하세요.
- 폴더 표시기 표시를 사용하여 드롭다운 메뉴 옆에 캐럿 아이콘을 숨기거나 표시합니다.
머리말 추가 도움말
팁:
- 아이콘 조정을 사용하여 검색 및 장바구니 아이콘의 선 굵기를 설정하세요.
- 머리말 배경색은 사이트 의 사이트 배경 조정을 따릅니다.
- 이러한 요소 중 다수는 별도의 모바일 스타일을 가지고 있습니다.
페이지 머리말과 바닥글
페이지 머리말과 바닥글은 개별 페이지를 맞춤 설정할 수 있는 훌륭한 방법입니다. 블록을 추가하려면 페이지의 맨 위나 맨 아래에 커서를 올린 후, 컬렉션 머리말 콘텐츠 또는 컬렉션 바닥글 콘텐츠 주석에서 편집을 클릭하세요.
York에는 페이지 머리말과 바닥글이 있습니다:
- 앨범 페이지
- 블로그 페이지
- 이벤트 페이지
- 갤러리 페이지
- 색인 페이지
- 스토어 페이지
- 프로젝트 페이지
사이트 전체에서 이러한 기능을 활성화하려면 사이트 스타일의 페이지 섹션에서 페이지 머리말 표시 및/또는 페이지 바닥글 표시를 선택하세요. 페이지 머리말과 바닥글의 텍스트 블록은 사이트: 타이포그래피 아래의 변형을 따릅니다.
다음 사항에 유의하세요.
- 블로그 게시물과 같은 개별 컬렉션 아이템은 페이지 머리글과 바닥글을 지원하지 않습니다.
- 소셜 미디어에서 페이지를 공유할 때 숨겨진 머리말이나 바닥글 콘텐츠가 여전히 나타날 수 있습니다. 이를 방지하려면 머리말이나 바닥글을 숨기기 전에 콘텐츠를 삭제하세요.
- 색인 페이지는 페이지 바닥글 아래에 탐색을 표시합니다.
사이트 전체 바닥글
사이트 전체 바닥글을 활성화하려면 사이트: 바닥글 에서 글로벌 사이트 바닥글 표시 옵션을 선택하세요. 블록을 추가하려면, 바닥글 위에 커서를 올리고 편집을 클릭하세요. 전체 단계를 보려면 바닥글 편집을 참조하세요.
페이지 배너
다음 페이지 유형의 상단에 배너 이미지나 비디오를 추가하세요.
- 앨범 페이지
- 블로그 페이지
- 이벤트 페이지
- 갤러리 페이지(이미지만)
- 색인 페이지
- 레이아웃 페이지
- 스토어 페이지
- 프로젝트 페이지
배너 이미지나 비디오를 추가하려면 페이지 설정의 미디어 탭에 대표 이미지 또는 비디오 URL을 추가하세요.
다음 사항에 유의하세요.
- 이 배너는 색인 페이지에 섬네일 탐색을 생성합니다.
- 페이지에 대표 이미지가 없으면 배너에 배경색이 표시됩니다. 투명도를 변경해야 할 수도 있습니다.
- 배너 설정은 모든 페이지 유형에 대해 공통적입니다. 사이트 스타일의 페이지 섹션에서 배너 조정을 사용하여 페이지 유형에 대한 배너를 숨기거나 표시하세요.
- 페이지 제목과 설명이 배너 위에 오버레이될 수 있습니다.
- 배너는 애니메이션 페이지 로드를 지원합니다.
홈페이지 전용 배너
홈페이지에는 배너를 표시할 수 있지만 해당 유형의 다른 모든 페이지에서는 숨길 수 있습니다. 예를 들어, 홈페이지가 레이아웃 페이지인 경우 다음 단계를 따르세요.
- 홈페이지로 이동하세요.
- 사이트 스타일을 여세요.
- 페이지까지 스크롤을 내리세요.
- 페이지 배너 표시를 선택 해제하세요. 모든 레이아웃 페이지에서 배너가 숨겨집니다.
- 홈페이지 배너 표시를 확인하세요. 홈페이지 레이아웃 페이지에 배너가 표시됩니다.
페이지 제목과 페이지 설명은 전반적으로 유지됩니다. 예를 들어 페이지 제목 표시를 선택하면 홈페이지와 다른 모든 레이아웃 페이지에 페이지 제목이 표시됩니다.
스타일 배너
사이트 스타일의 배너 섹션에서 배너를 스타일링하세요. 이러한 조정은 사이트의 모든 페이지 배너에 영향을 미칩니다.
- 대표 이미지가 있는 페이지에서는 높이로 배너 높이를 설정하세요.
- 이미지 정렬을 사용하여 배너에 이미지를 배치하세요.
- 이미지 정렬이 오른쪽 또는 왼쪽으로 설정된 경우 이미지의 오른쪽 또는 왼쪽 절반을 이미지 자르기로 채웁니다. 전체 배너를 채우려면 이미지 정렬 을 중앙으로 설정하고 이미지 자르기를 선택하세요.
- 자동 색상 배경 을 선택하면 배너가 대표 이미지에서 자동으로 배경색을 가져옵니다. 배경색이 단일 색상인 일러스트레이션과 이미지에 유용합니다. 이미지는 배너의 가장자리까지 확장된 것처럼 보입니다.
- 배너를 브라우저의 가장자리까지 확장하려면 여백 없음 배너를 선택하세요.
- 색인 탐색 배너는 사이트 스타일의 색인 아래에 고유한 스타일 설정이 있습니다.
배경색은 다음과 같이 표시됩니다.
- 대표 이미지가 없는 배너의 경우
- 배너 이미지 또는 비디오가 로드되는 동안
- 자동 색상 배경 선택을 해제하면 배너 전체를 채우지 않는 대표 이미지 뒤에
페이지 제목 및 설명
모든 페이지 상단에 페이지 설정에서 페이지 제목과 설명을 표시하세요. 프로젝트 페이지와 갤러리 페이지는 개별 이미지 카테고리도 표시할 수 있습니다.
- 해당 설정은 각 페이지 유형에 대해 공통적입니다.
- 페이지 섹션에서 제목, 설명 및 카테고리 조정을 통해 텍스트를 숨기거나 표시합니다.
- 텍스트는 페이지 배너를 오버레이하거나 단독으로 표시될 수 있습니다.
- 페이지 설정에서 개별 페이지의 설명을 삭제하여 숨기세요.
배너 텍스트 vs. 배너 없음
텍스트가 배너 위에 표시될 때와 페이지 위에 표시될 때 각각 다른 스타일 옵션을 지정할 수 있습니다. 사용하는 사이트 스타일 섹션은 페이지에 배너가 있는지 여부에 따라 달라집니다.
- 배너 텍스트 - 배너가 있는 모든 페이지
- 색인: 소개 텍스트 - 페이지 배너가 없는 색인 페이지
- 페이지: 소개 텍스트 - 페이지 배너가 없는 다른 페이지
제목, 설명 및 카테고리로 텍스트 스타일을 지정하세요.
배너가 없는 페이지에는 추가 옵션이 있습니다.
- 텍스트 너비로 텍스트의 측면 여백을 설정하세요.
- 텍스트 높이로 텍스트 위와 아래의 간격을 설정하세요.
배너 위에 표시되는 텍스트에는 다음과 같은 추가 옵션이 있습니다.
- 정렬을 사용하여 배너에 텍스트를 배치하세요.
- 너비로 텍스트의 측면 여백을 설정하세요.
- 하이라이트 조정으로 텍스트 뒤에 색상을 추가하세요. 하이라이트 텍스트 들여쓰기를 사용하여 배경색의 너비를 설정합니다.
블로그 페이지
York 템플릿 그룹은 표준 그리드 목록 블로그 페이지를 사용합니다. 블로그 유형의 독특한 기능과 스타일 옵션에 대해 더 알아보려면 버전 7.0의 표준 그리드/목록 블로그 페이지를 확인하세요.
프로젝트 페이지
프로젝트 페이지는 이미지, 제목 및 캡션을 우아한 레이아웃으로 배열합니다. 특히 텍스트와 이미지를 혼합하여 사용하는 경우 갤러리 페이지를 대신할 독특한 대안입니다.
자세히 알아보려면 프로젝트 페이지를 방문하세요.
색인 페이지
York 색인 페이지는 방문자가 다른 페이지를 방문할 수 있도록 배너나 그리드에 섬네일을 만듭니다.
- 탐색 그리드는 페이지의 대표 이미지를 표시합니다. 페이지에 비디오 배너가 있어도 대표 이미지는 그리드에 표시됩니다.
- 페이지 배너, 탐색 제목 및 설명 텍스트, 그리고 맞춤 설정 가능한 머리말 및 바닥글 영역을 추가할 수 있습니다.
- 모바일에서는 색인 페이지가 한 행에 하나의 섬네일을 표시합니다.
- 색인 페이지는 사이트 최대 너비를 따르지 않습니다.
지원되는 페이지
다음 페이지를 색인에 추가할 수 있습니다.
- 앨범 페이지
- 블로그 페이지
- 갤러리 페이지
- 이벤트 페이지
- 스토어 페이지
- 프로젝트 페이지
- 레이아웃 페이지
대표 이미지
대표 이미지 또는 비디오 URL을 페이지 설정에 추가해 색인 탐색 대표 이미지에 표시하세요. 섬네일을 색인: 아이템 이미지 조정으로 스타일링하세요.
- 섬네일의 대표 이미지를 이미지 정렬로 정렬하세요.
- 이미지 자르기를 사용하여 오른쪽 절반, 왼쪽 절반 또는 전체 섬네일을 채우세요. 이 옵션은 이미지 정렬이 오른쪽, 왼쪽 또는 가운데로 설정된 경우에 나타납니다.
- 이미지 불투명도를 사용하여 배경색이 이미지에 얼마나 보이는지 선택하세요.
- 커서를 올렸을 때의 불투명도를 사용하여 방문자가 이미지 위로 커서를 올렸 때 이미지가 투명해지는 정도를 변경하세요.
- 섬네일 전체를 채우려면 이미지 정렬: 가운데 를 선택하고 이미지 자르기를 선택합니다.
- 대표 이미지 또는 비디오에서 배경색을 자동으로 가져오도록 섬네일을 설정하려면 배경색 자동에 체크하세요.
- 대표 이미지나 비디오가 없는 섬네일에 표시할 아이템 배경색을 선택하세요. 이 조정은 자동 색상 배경이 선택 해제된 경우에 나타납니다.
섬네일 배경색은 다음과 같이 표시됩니다.
- 탐색 섬네일에 이미지나 동영상이 없는 경우
- 전체 섬네일을 채우지 않는 대표 이미지 뒤에
- 대표 이미지의 불투명도를 변경한 경우 대표 이미지를 통해
섬네일 레이아웃
색인 탐색 섬네일은 배너 또는 그리드로 표시될 수 있습니다. 사이트 스타일의 색인: 레이아웃 섹션에서 스타일을 설정합니다.
- 섬네일을 아이템 너비로 배너로 표시하세요. 전체 또는 절반을 선택하여 한 행에 하나 또는 두 개의 배너를 표시하세요.
- 아이템 높이를 사용하여 배너의 높이를 설정하세요.
- 섬네일을 그리드에 표시하려면 아이템 너비: 그리드를 선택하세요. 열 조정 및 섬네일 비율로 그리드 스타일을 지정하세요.
- 아이템 간격으로 배너나 섬네일 타일 사이의 간격을 설정하세요.
- 섬네일을 브라우저의 가장자리까지 확장하려면 여백 없음 색인을 선택하세요. 선택하지 않으면 섬네일이 사이트 패딩(여백)을 따릅니다. 이는 페이지 머리말 배너에도 영향을 미칩니다.
- 배너 하나와 두 개를 번갈아 표시하려면 대체 너비를 선택하세요. 이 옵션은 배너가 이미지 정렬: 가운데로 설정되고 색인 너비 가 전체 또는 절반으로 설정된 경우에 나타납니다.
- 이미지가 표시되는 면을 번갈아 보이려면 면 번갈아 표시에 체크하세요. 이 옵션은 배너가 이미지 정렬: 오른쪽 또는 왼쪽 으로 설정되고 색인 너비 가 전체로 설정된 경우에 나타납니다.
색인 섬네일은 각 페이지의 탐색 제목과 갤러리 및 프로젝트 페이지의 이미지에 추가한 카테고리를 표시할 수 있습니다. 탐색 제목은 색인 섬네일에 나타나지만, 페이지 제목은 개별 페이지의 상단에 나타납니다. 즉, 이 두 위치에 다른 텍스트가 표시되도록 설정할 수 있습니다.
사이트 스타일의 색인: 아이템 텍스트 텍스트 섹션을 사용하여 텍스트의 글꼴, 색상 및 크기를 변경하세요.
- 제목 표시에서 제목이 표시되는 방법을 선택하세요.
- 카테고리 텍스트를 숨기려면 카테고리 표시를 선택하세요.
- 텍스트 뒤에 사용자 지정 가능한 배경색을 추가하려면 제목 배경 사용 및 범주 배경 사용을 선택하세요.
- 텍스트 정렬을 사용하여 텍스트가 표시될 위치를 설정하세요.
탐색
색인 탐색 스타일을 지정하려면 색인의 페이지로 이동한 다음 사이트 스타일을 엽니다.
색인의 모든 페이지 하단에 탐색이 표시됩니다. 숨기려면 색인 탐색 표시를 선택 해제하세요. 스타일을 지정하려면 사이트 스타일의 색인: 탐색 섹션을 사용하세요.
- 링크 스타일을 목록으로 설정하여 색인의 모든 페이지를 탐색 링크로 표시하세요.
- 링크 스타일을 다음으로 설정하여다음 레이블을 표시하세요. 라벨만 표시의 선택을 취소하면 다음 라벨 뒤에 다음 페이지의 이름이 표시됩니다.
어느 스타일이든 텍스트를 인라인 또는 스택으로 표시하고 텍스트의 색상, 글꼴, 배율을 변경할 수 있습니다. 색인: 탐색에서 간격, 글꼴, 링크 구분 방법 등 링크 스타일을 설정하고 다른 조정 사항을 적용합니다.
페이지 로딩 중
York 템플릿은 페이지에 표시되는 콘텐츠만 로드하여 사이트를 더 빠르게 만드는 페이지 로딩 방식인 Ajax를 지원합니다. 원활한 브라우징 경험을 만들기 위해, Ajax 로딩을 활성화된 상태로 유지하는 것이 좋습니다. 더 많은 도움이 필요하면 Ajax 로딩을 참조하세요.
York 템플릿은 특수 페이지 애니메이션을 지원합니다.
- 프로젝트 페이지의 이미지와 캡션은 페이지를 스크롤할 때 아래에서 위로 슬라이드되는 것처럼 보입니다. 계단식으로 이미지와 캡션 배열 조정을 선택 취소하여 효과를 제거하세요.
- 색인 페이지의 콘텐츠는 처음 불러올 때 위로 미끄러지는 것처럼 보입니다. 효과를 제거하려면 페이지 전환 애니메이션 조정을 선택 취소하세요.
- 페이지 배너는 페이드 인 효과로 로드됩니다.
로그인했을 때 모든 애니메이션이 보이지 않을 수 있습니다. 효과를 미리 보려면 비공개 또는 시크릿 모드로 사이트를 방문하세요.
구조와 스타일
공유 버튼
맞춤 설정 가능한 공유 버튼이 블로그 게시물과 제품 상세 정보 페이지에 표시됩니다.
- 사이트 스타일의 공유 버튼 섹션에서 크기, 간격, 색상 및 스타일을 설정하세요. 선택한 스타일에 따라 버튼을 추가로 사용자 정의하기 위해 더 많은 조정이 나타납니다.
- 제품: 세부 정보 섹션에서 제품 아이템 공유 버튼 표시를 선택하세요. 공유 버튼 표시를 선택 취소하여 제품 아이템의 아이콘을 숨기세요.
- 블로그: 아이템에서 공유 아이콘 조정을 사용하여 개별 블로그 게시물의 콘텐츠 위 또는 아래에 공유 버튼을 표시할지 선택하세요.
- Pinterest 공유 버튼은 대표 이미지가 있는 페이지에만 표시됩니다.
- 앨범 및 이벤트 페이지에는 팝업 공유 버튼이 있는 공유 링크가 포함되어 있습니다. 이 버튼은 사용자 지정 스타일을 따르지 않습니다.
레이아웃 및 배경
사이트 스타일의 사이트 섹션에서 사이트의 패딩(여백)을 설정하세요.
- 사이트 간격을 사용하여 사이트 콘텐츠와 브라우저 상단 사이의 간격을 설정하세요.
- 사이트 외부 패딩을 사용하여 사이트 콘텐츠와 브라우저 측면 사이의 간격을 설정하세요.
- 전체 너비 머리말의 선택을 해제하면, 머리말은 사이트 정렬 과 사이트 최대 너비를 따릅니다.
- 사이트 배경을 사용하여 사이트 전체의 배경색을 설정하세요.
글꼴
사이트 스타일 옵션을 사용하여 사이트의 글꼴을 스타일링하세요.
- 탐색 링크 - 사이트: 탐색
- 메인 콘텐츠 - 사이트: 타이포그래피
- 페이지 제목 및 설명 - 배너 텍스트, 페이지: 소개 텍스트, 및 색인: 소개 텍스트
브라우저 너비에 따라 특정 텍스트의 크기를 조정할 수 있습니다. 다음은 표제 요소 1 텍스트에 대해 이 작업을 수행하는 방법입니다.
- 사이트: 타이포그래피 섹션에서 표제 요소 1 배율을 확인하세요.
- 표제 요소 1로 최대 글꼴 크기를 설정하세요.
- 표제 요소 1 최소로 최소 글꼴 크기를 설정합니다.
각 머리말의 최소 글꼴 크기를 본문 텍스트 글꼴 크기보다 크게 설정하는 것이 좋습니다. 자세히 알아보려면 글꼴 크기 조정을 참조하세요.
사이드바
York 템플릿은 어떤 페이지에서도 사이드바를 지원하지 않습니다. 사이드바가 포함된 템플릿 목록을 보시려면 버전 7.0의 사이드바를 방문하세요.
소셜 아이콘
York 템플릿은 내장된 소셜 아이콘을 지원하지 않습니다. 대신 바닥글나 페이지 콘텐츠에 소셜 링크 블록을 추가하세요.
모바일
Squarespace의 내장된 반응형 디자인을 통해 사이트가 모든 기기에서 멋지게 보이도록 조정됩니다. 모바일 기기와 좁은 브라우저에서는 콘텐츠가 세로로 스택됩니다.
사이트 스타일의 모바일 섹션에서 사이트의 모바일 외관을 스타일링하세요.
- 모바일 바 위치를 사용하여 모바일 바가 페이지와 함께 위로 스크롤할지, 아니면 상단 또는 하단에 고정된 상태로 유지할지를 선택하세요. 모바일 바에는 사이트 제목 또는 로고, 탐색 아이콘, 태그라인 및 장바구니가 포함되어 있습니다.
- 브랜딩 위치를 사용하여 사이트 브랜딩 및 메뉴 아이콘이 나타나는 위치를 설정하세요.
- 사이트 제목, 태그라인, 탐색 링크, 장바구니는 각각 별도의 모바일 스타일을 가질 수 있습니다. 여러 디바이스에서 브랜딩의 일관성을 유지하려면 사이트 섹션과 동일한 스타일을 사용하세요.
- 모바일 폴백 이미지가 비디오 배너를 모바일에서 로드할 수 없는 경우 나타나도록 설정하세요.
- 모바일에서는 ☰가 항상 표시 되며, 메인 및 보조 탐색이 비어 있어도 표시됩니다.
다음 사항에 유의하세요.
- 일부 템플릿과 달리 모바일 스타일을 비활성화할 수 없습니다.
- 모바일에서 사이트가 제대로 표시되지 않으면 글꼴 크기 조정 을 활성화하고 글꼴 최소 크기를 줄여 보세요.
- 모바일에서 페이지 설명이 섬네일과 오버랩될 수 있습니다. 기기 화면 보기를 사용하여 사이트가 모바일에서 어떻게 보이는지 확인한 후, 필요하면 페이지 설명을 줄이세요.
언어 옵션
York은 두 가지 언어 옵션을 지원합니다.
- 사이트의 기본 제공 텍스트(예: 제출 양식 및 주문 확인 메시지)에 대한 언어를 선택하세요.
- 프랑스어, 독일어, 이탈리아어, 포르투갈어 또는 스페인어 템플릿으로 새 사이트를 시작하세요.
York 문제 해결
템플릿의 몇 가지 일반적인 문제는 다음과 같습니다. 일부는 버그나 이미 알려진 문제입니다. Squarespace 버전 7.0을 여전히 지원하지만, 저희는 현재 플랫폼인 버전 7.1에 집중하고 있어 버그나 문제를 수정하는 것은 우선순위가 낮습니다. 업데이트 도구를 사용하여 버전 7.0 사이트를 버전 7.1로 이동할 수 있습니다.
배너 텍스트 배경 하이라이트 색상에 간격이 있음
제목이나 설명이 매우 짧고, 사용자 지정 하이라이트 들여쓰기를 크게 설정한 경우 이러한 문제가 발생할 수 있습니다.
문제를 해결하려면 제목이나 설명에 텍스트를 더 추가하거나 사이트 스타일의 배너 텍스트 섹션을 사용하여 다음 중 하나를 수행하세요.
- 사용자 지정 하이라이트 들여쓰기 조정을 줄이세요.
- 텍스트 강조 들여쓰기 조정을 사용하여 작은, 중간 또는 큰 사전 설정 옵션 중 하나를 선택하세요.
탐색의 드롭다운이 제대로 표시되지 않음
탐색의 드롭다운이 예상대로 표시되지 않는 방법에는 두 가지가 있으며 각 방법에는 구체적인 수정 사항이 있습니다.
- 모든 페이지가 표시되지 않음 - 드롭다운을 펼쳤을 때 포함된 모든 페이지가 나열되지 않습니다. 목록을 수정하려면 새 드롭다운을 추가하고 페이지 일부를 여기로 옮기세요.
- 드롭다운 제목 중 일부가 누락됨 - 제목이 긴 드롭다운은 드롭다운 제목의 모든 단어가 표시되지 않습니다. 이는 드롭다운 내부의 페이지 제목에도 영향을 미칠 수 있습니다. 빠진 단어를 수정하려면 드롭다운의 제목이나 포함된 영향을 받는 페이지를 줄이세요.
"페이지 설명" 텍스트 표시
이 플레이스홀더 텍스트는 사이트에 로그인하면 레이아웃, 프로젝트, 스토어 페이지에 표시됩니다. 사이트 방문자에게는 표시되지 않습니다.
이 문제를 해결하려면 페이지 설정에서 텍스트를 교체하거나 사이트 스타일에서 모든 페이지 설명을 숨기세요.
템플릿을 전환한 후 프로젝트 페이지가 사라짐
York 그룹 이외의 템플릿으로 전환하면 프로젝트 페이지가 갤러리 페이지로 변환됩니다.
York 템플릿으로 다시 전환한 후, 갤러리 페이지에서 새 프로젝트 페이지로 이미지를 이동하여 원래 형식을 복원할 수 있습니다.
- 패널을 연 후, 새 프로젝트 페이지를 추가하세요.
- 패널에서 이동하려는 이미지가 있는 갤러리 페이지를 클릭하세요.
- 이동하고자 하는 아이템을 클릭하세요.
- 아래에 나타나는 작업 표시줄에서 이동을 클릭하세요.
- 대상 컬렉션 선택 창에서 프로젝트 페이지를 선택하고 아이템 이동을 클릭합니다.
소셜 미디어에 공유할 때 무작위 텍스트가 나타남
Squarespace는 콘텐츠를 공유할 때 소셜 미디어에 표시되는 내용을 정확히 제어할 수 없습니다. 그러나 페이지 머리말이나 바닥글의 텍스트가 사이트에서 숨겨져 있어도 표시되는 경우가 있습니다. 이 문제를 해결하려면 머리말과 바닥글이 숨겨져 있을 때 콘텐츠를 삭제하세요.
머리말 또는 바닥글 내용을 삭제하는 방법:
- 페이지 패널에서 머리말 또는 바닥글 콘텐츠가 숨겨진 페이지를 여세요.
- 사이트 스타일을 열고 사이트 스타일의 페이지 섹션에서 페이지 머리말 또는 페이지 바닥글 의 숨김을 해제하세요.
- 저장을 클릭하세요.
- 머리말 또는 바닥글로 돌아가서 편집을 클릭하세요.
- 콘텐츠를 삭제하세요.
- 사이트 스타일로 돌아가서 페이지 머리말 표시 또는 페이지 바닥글 표시를 선택 해제하세요.
배너의 텍스트 줄바꿈
모바일에서 텍스트가 올바르게 표시되지 않는 경우 글꼴 크기 조정을 활성화하고 글꼴 최솟값을 줄여 보세요.
긴 단어는 컨테이너 가장자리에 도달하면 줄바꿈되지 않습니다. 가장 좋은 결과를 얻으려면 제목과 표제 요소에 짧은 단어를 사용하세요.
그리드 색인에서 텍스트 정렬이 잘못됨
인덱스 페이지 레이아웃이 그리드로 설정된 경우 텍스트가 작은 브라우저 창에서 섬네일 이미지의 중앙에서 벗어날 수 있습니다.
문제를 해결하려면 사이트 스타일에서 그리드 레이아웃의 태블릿 열 수를 줄이거나 제목 글꼴을 작게 만들어 보세요. 레이아웃을 그리드 대신 반쪽 또는 전체 로 변경할 수도 있습니다.
페이지 머리말에 콘텐츠를 추가하는 데 문제가 있습니다.
페이지 머리말에 컬렉션 머리말 콘텐츠 주석이 표시되지 않는 경우:
- 사이트 스타일을 여세요.
- 페이지 섹션에서 페이지 머리말 표시를 확인하세요.
- 저장을 클릭하고 사이트 스타일을 종료하세요.
- 페이지를 새로 고침하세요.
이제 페이지에 주석이 표시됩니다.
프로젝트 페이지에서 비디오가 표시되지 않는 경우
프로젝트 페이지의 모든 동영상에는 섬네일 이미지가 있어야 합니다. 섬네일 이미지가 없는 비디오는 페이지 패널에 대각선으로 표시됩니다. 섬네일 이미지를 추가하는 방법:
- 페이지 패널을 여세요.
- 프로젝트 페이지를 클릭하세요.
- 비디오 위에 커서를 올리고
를 클릭하세요. - 섬네일 이미지를 수동으로 추가하려면 비디오 섬네일 토글을 켜고, 이미지를 클릭하세요.
- 저장을 클릭하세요.