Birden fazla fotoğrafı bir arada görüntülemek için Galeri blokunu kullanın. Galeri bloku, her görsel için ayrı Görsel blokları içerir ve bunları güzel görünecek biçimde düzenler.
Bu kılavuzda
Galeri blokunu eklemek için + Blok Ekleyici simgesine tıklayın ve “galeri” kelimesini aratın. Bloku yazıya veya sayfaya eklemek için tıklayın.
💡
Klavyenizi kullanarak, yeni bir satıra /gallery yazabilir ve enter tuşuna basarak yeni bir Galeri blokunu hızla ekleyebilirsiniz.
Blok ekleme hakkında ayrıntılı yönergelere buradan ulaşabilirsiniz.
Bir Galeri bloku eklediğinizde iki seçeneğiniz olur: Karşıya Yükle ve Görsel Seç:
Karşıya Yükle, bilgisayarınızdan web sitenize yeni bir görsel veya birden fazla görseli karşıya yüklemenize olanak tanır.
Görsel Seç, Ortam Kütüphanenize önceden yüklenmiş görseller arasından seçim yapmanıza veya Google Fotoğraflar, Pexels Ücretsiz Fotoğrafları kitaplığı ya da Openverse‘ten seçim yapmanıza olanak tanır.
Şunları yaparak zaten oluşturmuş olduğunuz bir galeriye daha fazla görsel ekleyebilirsiniz:
1. Adım: Galeri blokunu seçin. Galeri blokunu seçmenin iki yolu vardır.
Galeri blokundaki bir görsele tıklayın ve sonra görselin üstündeki araç çubuğunda yer alan Galeriyi Seç simgesine tıklayın.
Ya da düzenleyicinizin sol üstündeki Liste Görünümüne tıklayın ve çerçeveden Galeri blokunu seçin.
2. Adım: Daha fazla görsel eklemek için Galeri blokunun üstündeki araç çubuğunda yer alan Ekle’ye tıklayın.
Ekle’ye tıkladıktan sonra zaten karşıya yüklemiş olduğunuz görselleri eklemek (veya ücretsiz ortam seçeneklerine erişmek) için Ortam Kütüphanesini Aç’ı veya galerinize yeni görseller yüklemek için Karşıya Yükle’yi seçebilirsiniz.
Bloka tıkladığınızda seçenekler içeren bir araç çubuğu görünecektir:
Galeri blokunun araç çubuğunda aşağıdaki seçenekler bulunur:
- Galeriyi Görsel, Slayt Gösterisi veya farklı bir galeri formatı gibi farklı bir bloka çevirin.
- Sola, sağa veya ortaya hizalayın (ve tema tarafından destekleniyorsa geniş ve tam genişlikler.)
- Daha fazla görsel ekleyin
- Diğer seçenekler
📌
Blokun genişliğini geniş veya tam genişlik olarak değiştirme seçeneğini görmüyorsanız ve temanız bu seçenekleri destekliyorsa, blok bir Grup blokuna eklenmiş olabilir. Grup bloku hakkında daha fazla bilgiyi buradan edinebilirsiniz.
Bloka tıkladığınızda sağ kenar çubuğunda ek blok ayarlarını görürsünüz. Kenar çubuğunu görmüyorsanız, ayarları görüntülemek için sağ üst köşedeki ⚙️ (dişli çark) simgesine tıklamanız gerekebilir.
Galerideki bir görsele tıkladığınızda, galeri içinde ayrı bir Görsel bloku seçmiş olacaksınız. Galeri bloku ayarlarına geri dönmeniz gerekiyorsa bunu yapmanın birkaç yolu vardır:
- Görseller arasındaki beyaz alana tıklayın.
- Liste Görünümünü kullanarak Galeri blokunu seçin.
- Ekranın altındaki içerik haritalarından
Gallery
seçeneğini belirleyin:
Galeri blokunda aşağıdaki ayarlar vardır:
Galeri blokunuzda kaç tane sütun olacağını seçebilirsiniz.
1 ila 8 sütun seçebilirsiniz. Kaç adet görseliniz varsa o kadar sütun seçebilirsiniz, yani 4 görsel eklerseniz en fazla 4 sütun seçeneğiniz olur. Bu sayı, siz görsel ekledikçe üst sınır olan 8’e gelene kadar artar.
Görselleriniz, seçtiğiniz sütun sayısına göre otomatik olarak en iyi yapılandırma ile sıralanacaktır. En iyi görünümü elde etmek için sütun sayısını değiştirmeyi deneyin.
Galerideki görsellerinizin kırpılmasını isteyip istemediğinizi seçebilirsiniz. Bu seçenek, farklı boyutlarda ve şekillerde görselleriniz varsa işinize yarar.
Galerinizdeki görseller farklı boyutlardaysa, görselleri kırpmak aşağıda gösterildiği gibi daha düzgün bir görünüm verecektir. Görselleri kırpmadan aynı boyutta görünmelerini istiyorsanız, zaten aynı boyutta görsel dosyalarını yüklediğinizden emin olun.
Kırpılmış görseller içeren bir galeri:
Görselleri kırpılmamış bir galeri:
Galeri bloku ayarlarında galeriyi bağlamak için üç seçenek vardır:
- Ek Sayfası: Bu seçenek, görsele tıklayan herkesi sitenizin ek sayfasına yönlendirir. Görseliniz hakkında bilgi veren bu sayfa; görseli, resim yazısını, görsel açıklamasını ve yorum alanını içerir.
- Ortam Dosyası: Bu seçenek, görsellerin tam ekran bir Carousel şeklinde yüklenmesini sağlar. Böylece ziyaretçileriniz görselleri tek tek görüntüleyebilir. Döngü ayarlarını yapılandırmak için Ortam Ayarlarını görüntüleyin.
- Yok (varsayılan): Bu seçenek görsellerinizi tıklanamaz hale getirir, yani görsellerinizde bağlantı olmaz.
Alternatif olarak, galerideki görselleri tek tek farklı sayfalara bağlamak isteyebilirsiniz. Aşağıdaki adımları izleyerek bir görseli bağlayabilirsiniz:
- Bağlamak istediğiniz görsele tıklayın.
- Görüntülenen araç çubuğunda bağlantı simgesine tıklayın (zincir halkasına benzer):
- Bağlantıyı düzenlemek için kalem simgesine tıklayın.
- Görseli bağlamak istediğiniz hedef URL’yi yapıştırın veya sitenizde yayınlanan bir sayfayı seçmek için arama kutusunu kullanın.
- Değişikliği onaylamak için klavyenizdeki Enter tuşuna basın.
Tek tek görselleri bağlama hakkında daha fazla bilgi için Görsel bloku kılavuzumuza bakın.
Görseller orijinal olarak seçtiğiniz sırayla Galeri’ye eklenir. Seçtiğinizde her görselin yanında bir sayı göreceksiniz. Bu sayı, Galeri blokunuzda görselin hangi sırada görüneceğini belirtir.
Ayrıca galeriyi oluşturduktan sonra galeri görsellerini yeniden sıralayabilirsiniz. Bunu yapmak için galeriden herhangi bir görsele tıklayın ve görselleri yeniden sıralamak için sol/sağ okunu kullanın.
Alternatif olarak, görselinizi taşımak için bir görsele tıklayabilir ve araç çubuğundan sürükle seçeneğini (simge “altı nokta” gibi görünür) seçebilirsiniz:
Görselleri kopyalamak, çoğaltmak veya kaldırmak için araç çubuğunun sağ üst köşesindeki üç noktaya tıklayın ve istediğiniz seçeneği belirleyin.
Galerinize görseller ekledikten sonra, bir görsele ve ardından Görsel yazısı ekle alanına tıklayarak görsellere açıklama yazıları ekleyebilirsiniz:
Ortam kütüphanesinde görseller için yazı yazdıysanız ve ardından Galeri blokunu eklediyseniz Galeri bloku yazdığınız yazıları gösterecektir. Ancak Galeri blokunu ekledikten sonra Ortam kütüphanesinde görsellere yazı eklerseniz bu yazılar Galeri blokunda görünmeyecektir. Bu durumda yazıyı Galeri blokunda manuel olarak yazabilir veya bloku kaldırıp yeniden ekleyerek Ortam kütüphanesindeki yazıları kullanmasını sağlayabilirsiniz.
Gelişmiş
Gelişmiş sekmesi, bloğunuza CSS sınıfı eklemenize imkan tanıyarak özel CSS yazmanızı ve bloğu uygun gördüğünüz şekilde tasarlamanızı sağlar.