Desteğe Geri Dön İçerik ve Ortam Bloklar Galeri Bloku

Galeri Bloku

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.

Video Öğreticisi

Galeri Blokunu Ekleyin

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.

Bir Galeri bloku eklemek için /gallery yazma adımını gösteren GIF.

Blok ekleme hakkında ayrıntılı yönergelere buradan ulaşabilirsiniz.

Görsellerinizi Ekleyin

Bir Galeri bloku eklediğinizde iki seçeneğiniz olur: Karşıya Yükle ve Görsel Seç:

Galeri blokunda iki seçenek vardır: 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.

Mevcut Galeriye Görseller Ekleyin

Ş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.

Blok Araç Çubuğu

Bloka tıkladığınızda seçenekler içeren bir araç çubuğu görünecektir:

Bir galeri seçilir ve hizalama seçenekleri genişletilir.
Galeri araç çubuğu, temaya bağlı olarak geniş ve tam genişlik dahil olmak üzere birçok hizalama seçeneğini destekler.

Galeri blokunun araç çubuğunda aşağıdaki seçenekler bulunur:

📌

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.

Blok Ayarları

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.

Blok ayarları sağ kenar çubuğunda bulunabilir.
Blok ayarları

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:

  1. Görseller arasındaki beyaz alana tıklayın.
  2. Liste Görünümünü kullanarak Galeri blokunu seçin.
  3. Ekranın altındaki içerik haritalarından Gallery seçeneğini belirleyin:
Düzenleyici ekranının alt kısmında, galerinin bir okla işaretlenmiş olarak gösterildiği içerik haritaları.

Galeri blokunda aşağıdaki ayarlar vardır:

Sütunlar

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.

Görselleri kırp

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:

Tüm görsellerin aynı boyutta gösterildiği, kırpılmış görseller içeren bir galeri örneği.

Görselleri kırpılmamış bir galeri:

Düzensiz görsel boyutlarını gösteren, kırpılmamış görseller içeren bir galeri örneği.
Bağlantı Ayarları

Galeri bloku ayarlarında galeriyi bağlamak için üç seçenek vardır:

Alternatif olarak, galerideki görselleri tek tek farklı sayfalara bağlamak isteyebilirsiniz. Aşağıdaki adımları izleyerek bir görseli bağlayabilirsiniz:

  1. Bağlamak istediğiniz görsele tıklayın.
  2. Görüntülenen araç çubuğunda bağlantı simgesine tıklayın (zincir halkasına benzer):bağlantı simgesinin vurgulandığı görsel araç çubuğu
  3. Bağlantıyı düzenlemek için kalem simgesine tıklayın.
  4. 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.
  5. 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.

Galerideki Görselleri Yeniden Sıralayı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.

Galerideki görsellerin yeniden sıralanmasını gösteren GIF

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.

Sol/sağ oklar kullanılarak Galeri blokundaki görsellerin yeniden sıralanmasını gösteren GIF

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örsel araç çubuğundaki sürükle seçeneği bir okla işaretlenmiştir.
Görselleri taşımak için araç çubuğundaki Sürükle seçeneğini kullanın.

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.

Seçilen bir resim blokunu, "daha fazla" ayarını genişletmek için ... öğesine tıklanmasını ve kopyalama seçeneğinin vurgulanmasını gösteren görsel.
Genişletilmiş araç çubuğu ayarlarını kullanarak görselleri kopyalayın, çoğaltın veya silin.

Görsel Yazıları Ekleyin

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:

Yazı kutusunun turuncu bir kutu içinde vurgulandığı galeri bloku görseli.

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.

Gelişmiş sekmesi bloğunuza CSS sınıfı eklemenize imkan tanır.
Gelişmiş sekmesi bloğunuza CSS sınıfı eklemenize imkan tanır.

Copied to clipboard!