웹사이트에 사진 갤러리를 임베드하는 방법

어떤 웹사이트, 블로그, 또는 WordPress 페이지에서도 이벤트 사진을 바로 표시하세요. Fotify는 HTML에 붙여넣기만 하면 되는 임베드 코드를 생성하며, 갤러리는 자동 크기 조절, 테마 옵션, 그리고 두 가지 레이아웃 모드(그리드 및 캐러셀)로 표시됩니다.

1단계: 임베드 코드 생성하기

사이드바에서 사진으로 이동합니다.
'작업' 섹션에서 "앨범 공유" 버튼을 클릭합니다.
아직 활성화되어 있지 않다면 "공개 앨범 접근" 옵션을 켭니다.
"웹사이트에 임베드" 항목을 클릭하여 펼칩니다.
임베드 코드 생성기가 표시됩니다.

임베드 코드를 생성하기 전에 먼저 앨범을 공유해야 합니다.

2단계: 임베드 맞춤 설정하기

코드를 복사하기 전에 다음 옵션을 설정하세요:

테마

웹사이트에 어울리도록 10가지 시각적 테마 중에서 선택할 수 있습니다:

Classic — 은은한 그림자가 있는 깔끔한 흰색 배경
Dark — 빛나는 포인트가 있는 세련된 어두운 배경
Minimal — 테두리 없음, 헤더 없음 — 사진만 표시
Elegant — 따뜻하고 고급스러운 톤의 세리프 타이포그래피
Modern — 그라데이션 헤더가 있는 볼드한 라운드 카드
Polaroid — 흰색 테두리의 레트로 감성 사진 프레임
Glass — 투명도와 블러가 있는 프로스트 글래스 효과
Neon — 전기적인 포인트가 있는 선명한 네온 글로우
Magazine — 비대칭 그리드의 에디토리얼 레이아웃
Sunset — 골든 아워 분위기의 따뜻한 그라데이션

레이아웃

그리드 — 반응형 그리드로 사진을 표시합니다(기본값). 2~5열 중에서 선택할 수 있습니다.
캐러셀 — 4초마다 자동으로 넘어가는 슬라이드쇼로, 내비게이션 화살표와 점(인디케이터)이 제공됩니다. 키보드 화살표 키도 지원합니다.

최대 사진 수

임베드에 표시할 사진 수를 제한합니다. "전체"를 선택하면 무한 스크롤(그리드 모드) 또는 전체 세트(캐러셀 모드)가 표시됩니다.

3단계: 코드 붙여넣기

**"복사"**를 클릭하여 임베드 코드를 복사합니다.
웹사이트의 HTML 편집기에 붙여넣습니다.

이 코드는 <iframe>과 콘텐츠에 맞게 프레임 크기를 자동으로 조절하는 작은 스크립트를 포함합니다 — 추가 설정이 필요하지 않습니다.

WordPress

WordPress 편집기에서 Custom HTML 블록을 추가한 다음 임베드 코드를 붙여넣으세요.

Squarespace

Code Block 또는 Embed Block을 사용한 뒤 코드를 붙여넣으세요.

Wix

(“Embed” 아래에 있는) HTML iframe 요소를 사용하여 코드를 붙여넣으세요.

모든 HTML 페이지

<body> 태그 안의 원하는 위치에 코드를 붙여넣으세요. 갤러리는 컨테이너 너비에 맞춰 자동으로 조정됩니다.

작동 방식

임베드는 iframe 안에서 공개 앨범을 로드합니다.
사진은 실시간으로 가져옵니다 — 새로 업로드된 사진이 자동으로 반영됩니다.
iframe은 콘텐츠 높이에 맞게 자동으로 크기가 조절되어 불필요한 여백이 생기지 않습니다.
어떤 사진을 클릭하든 전체 앨범이 새 탭에서 열립니다.
앨범에 비밀번호가 설정되어 있다면, 임베드는 사진을 보여 주기 전에 방문자에게 비밀번호를 요구합니다.
임베드는 앨범의 승인 설정을 준수합니다 — 승인된 사진만 표시됩니다.

자주 묻는 질문

Q: 새 사진을 추가할 때 임베드 코드를 업데이트해야 하나요? A: 아니요. 임베드는 앨범에서 사진을 실시간으로 불러옵니다. 새로 승인된 사진은 자동으로 표시됩니다.

Q: 이벤트에서 특정 앨범만 임베드할 수 있나요? A: 네, 가능합니다. 임베드 코드에는 앨범의 고유 ID가 포함됩니다. 여러 앨범이 있다면 각 앨범마다 별도의 임베드 코드가 생성됩니다.

Q: 모바일에서도 임베드가 작동하나요? A: 네. 갤러리는 완전한 반응형입니다. 작은 화면에서는 그리드 열이 자동으로 조정되며, 캐러셀은 터치 스와이프를 지원합니다.

Q: 방문자가 임베드를 통해 사진을 업로드할 수 있나요? A: 아니요, 임베드는 보기 전용입니다. 방문자가 사진을 업로드할 수 있게 하려면 QR code 또는 업로드 링크를 공유하세요.

Q: 임베드가 제 웹사이트를 느리게 만들까요? A: 아니요. 임베드는 loading="lazy"를 사용하므로 방문자가 해당 위치까지 스크롤했을 때만 로드됩니다. 사진은 빠른 전송을 위해 CDN에서 제공됩니다.

Q: 임베드한 뒤에 테마를 변경할 수 있나요? A: 네. 테마는 URL 파라미터로 설정됩니다. 다른 테마로 임베드 코드를 다시 생성하거나, iframe URL에서 theme= 값을 직접 변경하면 됩니다.

Q: 공개 앨범 접근을 비활성화하면 어떻게 되나요? A: 임베드에 오류 상태가 표시됩니다. 다시 복구하려면 public access를 재활성화하세요.

Q: "Fotify 제공" 워터마크가 있나요? A: 대부분의 테마에는 작은 "Fotify 제공" 푸터가 표시됩니다. 미니멀 테마에서는 이 표시가 덜 눈에 띕니다.