이것은 각 섹션에 대해 갤러리에 표시되는 대표 이미지가 됩니다.
가이드 - 웨딩 갤러리 사이트 만들기
이 문서는 자동으로 번역되었으며 부정확한 내용이 포함될 수 있습니다.
영어 원본 보기
개요
이 가이드에서는 독립형 웨딩 갤러리 사이트를 만들어 보겠습니다. Modern Narrative 템플릿을 사용하여 여러 개의 세트로 구성된 Photo Story 갤러리를 만듭니다. Photo Story 페이지를 사용하면 이미지를 돋보이게 하는 동적인 레이아웃을 빠르게 만들 수 있으며, 작업물을 고객과 공유하기에 좋습니다.
이 예시에서는 고객이 친구 및 가족과 공유할 수 있는 웨딩 갤러리를 만들어 보겠습니다. 이 사이트는 다운로드가 활성화되어 있지 않으므로, 이미지 다운로드를 허용하려면 보안 고객 영역 만들기을(를) 참조하세요.
이 갤러리의 라이브 데모는 여기에서 볼 수 있습니다.
사이트 만들기
웹사이트 화면을 방문하여 New site 탭을 클릭하고 다음 단계를 따르세요:
- Modern Narrative 템플릿까지 스크롤합니다.
- 페이지 컬렉션 Wedding Public Gallery [Photo Story]를 선택합니다.
- 템플릿의 초기 테마를 선택합니다(나중에 변경할 수 있습니다).
- Create를 클릭합니다.
- 웹사이트 이름을 입력합니다. 원하는 대로 정할 수 있으며 나중에 변경할 수도 있습니다.
- OK를 클릭합니다.
기본 텍스트 편집하기
사이트가 생성되면 기본 텍스트를 자신의 텍스트로 바꾸세요. 이 예시에서는 신랑신부의 이름을 헤더로 사용했지만, 대신 자신의 브랜드를 사용할 수도 있습니다.
Design 섹션에서 헤더에 로고를 추가할 수 있습니다.
Gallery 세트에 하위 세트 만들기
이미지가 많은 경우 섹션으로 나누고 싶을 수 있습니다. 이렇게 하려면 Gallery 세트로 이동하여 각 섹션에 대한 하위 세트를 만드세요.
세트를 드래그하여 원하는 순서로 정렬하세요. 이 순서대로 갤러리 사이트에 표시됩니다.
이미지 추가하기
세트에 추가할 때 Add를 클릭하면 상단 바에 진행률 표시줄이 나타납니다. 이 페이지를 새로 고치거나 다른 곳으로 이동해도 작업은 백그라운드에서 계속됩니다.
세트 커버 이미지 선택하기
이미지를 세트에 추가한 후, 각 세트의 커버 이미지를 선택하세요.세트 커버를 선택하려면 Set Information 패널을 열고 선택한 이미지를 썸네일로 드래그하세요.
Splash 페이지 세트에 이미지 추가하기
Splash 세트에 여러 이미지를 추가하면 스플래시 페이지가 자동으로 슬라이드쇼를 만듭니다.스플래시 페이지 설정에서 슬라이드쇼의 이미지 표시 시간을 변경할 수 있습니다.
사이트 확인하기
언제든지 테스트용 dpg.cc host를 방문하여 사이트가 어떻게 진행되고 있는지 확인할 수 있습니다. 테스트 주소는 캐시되지 않으므로 변경 사항이 즉시 반영됩니다. host에 대해 자세히 알아보려면 호스트 유형을(를) 참조하세요.
사이트를 세상에 공유하기 전에 항상 공개 host를 추가해야 합니다.
이미지 배치하기
모든 이미지를 올바른 세트에 추가한 후에는 순서와 배치를 조정할 수 있습니다. Photo Story 페이지에서는 별점으로 이미지의 크기와 레이아웃을 제어할 수 있는데, 이는 동적인 레이아웃을 만들고 핵심 이미지를 돋보이게 하는 빠르고 쉬운 방법입니다. Photo Story 페이지를 처음 사용하는 경우 개요와 데모를 보려면 이 가이드를 참조하세요.
보기 설정 변경하기
이미지를 배치하려면 먼저 한 세트로 들어가세요. 상단 바의 톱니바퀴를 클릭하고 보기 설정을 View As: Thumbnails 및 Layout: Grid로 변경하세요.
스토리를 시간순으로 배치하는 경우, 우선 Arrange by: Creation Date를 선택하는 것도 유용할 수 있습니다.
보기 설정의 슬라이더를 사용하여 관리자에서 썸네일 크기를 조정할 수 있습니다. 또한 상단 바 오른쪽 끝에 있는 버거 메뉴를 클릭하여 측면 패널을 숨길 수도 있습니다.
별점을 사용하여 레이아웃 만들기
이미지를 평가하는 데에는 여러 가지 방법이 있습니다. 한 가지 방법은 모든 이미지를 선택하여 동일한 점수를 매긴 다음, 개별 이미지를 선택하여 더 크거나 작게 만드는 것입니다.
이 예시에서는 모든 이미지를 선택하고 키보드에서 4를 눌러 4점을 매깁니다. 그러면 모든 이미지의 너비가 동일해집니다. 두 번째로 큰 크기입니다.
레이아웃을 다양하게 하고 싶지 않다면 여기서 멈춰도 되며, 이미지가 균일한 열로 표시됩니다.
이 예시에서는 크기를 다양하게 하기로 했습니다. 위 영상에서 하나 이상의 이미지를 선택하고 점수를 매기고 재배치하는 과정을 볼 수 있습니다. 미리보기 사이트를 새로 고치면 이러한 변경 사항을 실시간으로 확인할 수 있습니다.
스플래시 페이지 텍스트 편집하기
Splash 페이지의 샘플 텍스트를 자신의 텍스트로 바꾸세요. 이 예시에서는 신랑신부의 이름을 사용했습니다.
디자인 변경하기
갤러리의 디자인을 변경하고 싶다면 Design 섹션으로 이동하세요.
여기서 다른 테마를 선택하거나, 로고를 추가하거나, 글꼴 및 색상과 같은 다른 디자인 설정을 편집하여 이미지를 가장 잘 보여주고 나머지 브랜딩을 보완할 수 있습니다.
갤러리 내비게이션 만들기
갤러리 안에 하위 세트가 많은 경우, 세트 간 탐색을 더 쉽게 하기 위해 내비게이션 메뉴를 추가하고 싶을 수 있습니다. Content와 Navigation으로 이동하세요.http://nathanwedding.dpg.cc/gallery/getting_ready/ 페이지로 연결하려면 /gallery/getting_ready/를 입력해야 합니다.
방문자가 연락할 수 있도록 포트폴리오 사이트나 연락처 페이지로 돌아가는 링크를 추가할 수도 있습니다.
공개 host 만들기
사이트가 완성되면 마지막 단계는 공개 host를 만드는 것입니다. 이것이 공유할 URL이 되며, 최적의 속도와 최상의 방문자 경험을 위해 캐시됩니다. Hosts 섹션으로 이동하여 Add Host를 클릭하세요. dpg.gallery host는 일회성 프로젝트에 가장 빠르고 쉬운 옵션입니다.
host 또는 자체 도메인 설정에 대해 자세히 알아보려면 호스트 유형을(를) 참조하세요.
이제 공개 host를 만들었으니 갤러리를 고객과 공유할 수 있습니다. 👏
다음은?
유용할 수 있는 다른 도움말도 소개합니다:
소셜 아이콘 - Instagram과 같은 사이트에 프로필이 있는 경우, 이 템플릿의 푸터에 아이콘을 추가할 수 있습니다.
워터마크 - DPG를 사용하여 사이트의 이미지에 자동으로 워터마크를 적용할 수 있습니다.
사용자 관리 활성화 - 좀 더 비공개로 유지하고 싶으신가요? 보안 로그인 시스템 뒤에 사이트를 둘 수 있습니다.
통계 - 사이트를 공개한 후에는 통계를 확인하는 것도 잊지 마세요.