Foto Galerinizi Bir Web Sitesine Nasıl Gömersiniz
Etkinlik fotoğraflarınızı herhangi bir web sitesi, blog veya WordPress sayfasında doğrudan görüntüleyin. Fotify, HTML’nize yapıştırdığınız bir gömme kodu oluşturur; galeri otomatik yeniden boyutlandırma, tema seçenekleri ve iki yerleşim modu (ızgara ve karusel) ile görüntülenir.
Adım 1: Gömme Kodunu Oluşturun
- Kenar çubuğundan Photos bölümüne gidin
- Actions bölümünde "Share Album" seçeneğine tıklayın
- Henüz etkin değilse "Public Album Access" seçeneğini açın
- Aşağı kaydırın ve "Embed on Website" seçeneğini açın
- Gömme kodu oluşturucu görünecektir
Gömme kodları oluşturabilmeniz için önce albümünüzü paylaşmanız gerekir.
Adım 2: Gömmenizi Özelleştirin
Kodu kopyalamadan önce şu seçenekleri yapılandırın:
Tema
Web sitenizle uyumlu 10 görsel temadan birini seçin:
- Classic — İnce gölgelerle temiz beyaz arka plan
- Dark — Parlayan vurgularla şık koyu arka plan
- Minimal — Kenarlıksız, başlıksız — yalnızca fotoğraflarınız
- Elegant — Serif tipografi ile sıcak ve rafine tonlar
- Modern — Degrade başlıkla cesur, yuvarlatılmış kartlar
- Polaroid — Beyaz kenarlıklı nostaljik fotoğraf çerçeveleri
- Glass — Şeffaflık ve bulanıklıkla buzlu cam efekti
- Neon — Elektrik vurgularla canlı parıltı
- Magazine — Asimetrik ızgarayla editoryal yerleşim
- Sunset — Altın saat hissi veren sıcak degrade
Yerleşim
- Grid — Fotoğraflar duyarlı bir ızgarada görüntülenir (varsayılan). 2-5 sütun arasından seçim yapabilirsiniz.
- Carousel — Gezinme okları ve nokta göstergeleriyle her 4 saniyede bir otomatik ilerleyen bir slayt gösterisi. Klavye ok tuşlarını destekler.
Maks. Fotoğraf
Gömmeye kaç fotoğrafın dahil edileceğini sınırlayın. Sonsuz kaydırma (ızgara modu) veya tam set (karusel modu) için "All" seçeneğini seçin.
Adım 3: Kodu Yapıştırın
- Gömme kodunu kopyalamak için "Copy" seçeneğine tıklayın
- Kodu web sitenizin HTML düzenleyicisine yapıştırın
Kod, bir <iframe> ve çerçeveyi içeriğe uyacak şekilde otomatik yeniden boyutlandıran küçük bir betik içerir — ekstra kurulum gerekmez.
WordPress
WordPress düzenleyicisinde bir Custom HTML bloğu ekleyin ve gömme kodunu yapıştırın.
Squarespace
Bir Code Block veya Embed Block kullanın ve kodu yapıştırın.
Wix
HTML iframe öğesini ("Embed" altında) kullanın ve kodu yapıştırın.
Herhangi Bir HTML Sayfası
Kodu <body> etiketi içinde istediğiniz bir yere yapıştırın. Galeri, kapsayıcı genişliğine otomatik olarak uyum sağlar.
Nasıl Çalışır
- Gömme, herkese açık albümünüzü bir iframe içinde yükler
- Fotoğraflar gerçek zamanlı olarak alınır — yeni yüklemeler otomatik olarak görünür
- Iframe, içerik yüksekliğiyle eşleşecek şekilde otomatik yeniden boyutlandırılır; böylece boşa alan kalmaz
- Herhangi bir fotoğrafa tıklamak, tam albümü yeni bir sekmede açar
- Gömme, albümünüzün onay ayarlarına uyar — yalnızca onaylanan fotoğraflar gösterilir
Sık Sorulan Sorular
S: Yeni fotoğraf eklediğimde gömme kodunu güncellemem gerekir mi? C: Hayır. Gömme, fotoğrafları albümünüzden gerçek zamanlı yükler. Yeni onaylanan fotoğraflar otomatik olarak görünür.
S: Etkinliğimden belirli bir albümü gömebilir miyim? C: Evet, gömme kodu albümünüzün benzersiz kimliğini içerir. Birden fazla albümünüz varsa, her biri için ayrı bir gömme kodu olur.
S: Gömme mobilde çalışır mı? C: Evet, galeri tamamen duyarlıdır. Izgara sütunları küçük ekranlarda otomatik olarak ayarlanır ve karusel dokunarak kaydırmayı destekler.
S: Ziyaretçiler gömme üzerinden fotoğraf yükleyebilir mi? C: Hayır, gömme yalnızca görüntüleme içindir. Ziyaretçilerin fotoğraf yüklemesine izin vermek için QR kodunuzu veya yükleme bağlantınızı paylaşın.
S: Gömme web sitemi yavaşlatır mı?
C: Hayır. Gömme loading="lazy" kullanır; bu sayede ziyaretçi ona kaydırana kadar yüklenmez. Fotoğraflar hızlı teslimat için bir CDN üzerinden sunulur.
S: Gömme yaptıktan sonra temayı değiştirebilir miyim?
C: Evet. Tema bir URL parametresiyle ayarlanır. Farklı bir tema ile gömme kodunu yeniden oluşturabilir veya iframe URL’sindeki theme= değerini manuel olarak değiştirebilirsiniz.
S: Herkese açık albüm erişimini devre dışı bırakırsam ne olur? C: Gömme bir hata durumu gösterir. Geri yüklemek için public access seçeneğini yeniden etkinleştirin.
S: "Powered by Fotify" filigranı var mı? C: Çoğu tema küçük bir "Powered by Fotify" alt bilgisi gösterir. Minimal tema bunu daha az belirgin hale getirir.
Bu makale yardımcı oldu mu?