WordPress’te Resimleri Yan Yana Koyma (Kolayca)

750 425 KreatifAjans

WordPress içeriğinizde resimleri yan yana koymak ister misiniz?

Genellikle yeni başlayanlar, WordPress yazılarında ve sayfalarında iki resmi yan yana nasıl yerleştireceklerini bulmakta zorlanırlar.

Bu adım adım kılavuzda, WordPress’te resimlerin kolayca yan yana nasıl yerleştirileceğini (herhangi bir kod yazmadan) göstereceğiz.

Putting images side by side in WordPress

Resimleri Yan Yana Koymak İçin Blok Düzenleyiciyi Kullanma

Resimlerinizi yan yana almanın en kolay yolu, WordPress blok düzenleyiciyi kullanmaktır.

Blok düzenleyicide, görüntüleri satırlar ve sütunlar halinde görüntülemenizi sağlayan özel bir ‘Galeri’ bloğu vardır.

Öncelikle, içerik düzenleyiciyi açmak için yeni bir gönderi / sayfa oluşturmanız veya mevcut bir gönderiyi düzenlemeniz gerekir. İçeri girdikten sonra, yeni bir blok eklemek için (+) sembolüne tıklayın.

Creating a post and adding a block to it

Ardından, Galeri bloğunu seçmeniz ve sayfanıza eklemeniz gerekir. Galeri bloğunu Ortak Bloklar bölümünde bulabilir veya hızlı bir şekilde bulmak için arama çubuğunu kullanabilirsiniz.

Selecting the Gallery block to add to your post

Artık, görüntüleri galeri bloğunuza sürükleyerek veya Yükle düğmesini kullanarak kolayca ekleyebilirsiniz. WordPress medya kitaplığınızdan da resimler seçebilirsiniz.

Gördüğünüz gibi Galeri bloğumuza 2 resim ekledik. WordPress bunları otomatik olarak yan yana konumlandırdı.

Two images in the gallery (butterflies and apple)

Ya 3 resim yan yana isterseniz? Üçüncü bir resim eklersek ne olacağı aşağıda açıklanmıştır. WordPress, diğerlerini 3’e de yan yana sığacak şekilde yeniden boyutlandırır:

Three images in the gallery (butterflies, apple, and blue flowers)

Dördüncü bir resim yüklerseniz, WordPress onu diğerlerinin altına yerleştirir.

Four images in the gallery (butterflies, apple, blue flowers, and robin)

WordPress’in yan yana eklemesi gereken resim sayısını tek bir sütunda değiştirebilirsiniz.

Önceden seçilmemişse, önce Galeri bloğuna tıklayın. Ekranın sağ tarafında, Galerinin blok ayarlarını göreceksiniz.

Changing the settings for the gallery block

Buradaki sütun sayısını 1 ile 4 arasında herhangi bir sayıya ayarlayabilirsiniz. Örneğin, yan yana iki resim ve bunların altında iki resim daha istiyorsanız, Sütunları 2 olarak ayarlayabilirsiniz.

Setting the gallery to have 2 columns rather than 3

Bu kadar basit!

Galerinizde bir resmin konumlandırıldığı yeri değiştirmek isterseniz, üzerine tıklamanız yeterlidir. Ardından, galeride ileri veya geri hareket ettirmek için kullanabileceğiniz oklar göreceksiniz.

Moving an image forward or backward in the gallery

İşte örnek gönderimizden tamamlanmış bir galeri demosu:

The 2 column gallery in a live post

WordPress’te Resimleri Yan Yana Koymak İçin Bir Eklenti Kullanma

Eski klasik WordPress düzenleyicisini kullanıyorsanız veya varsayılan Galeri bloğundan daha karmaşık galeriler oluşturmak istiyorsanız, bir WordPress galeri eklentisine ihtiyacınız olacaktır.

Envira Gallery’yi kullanmanızı öneririz çünkü en iyi WordPress galeri eklentisi

Bu eğitimin iyiliği için Envira’nın ücretsiz sürümünü kullanacağız, ancak albümler, resim slayt gösterileri vb. Gibi güçlü özellikler elde etmek için Pro sürümünü de almak isteyebilirsiniz.

Öncelikle Envira Gallery eklentisini kurmanız ve etkinleştirmeniz gerekir. Nasıl yapılacağından emin değilseniz, bir WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza göz atın.

Ardından, WordPress panonuzda Envira Galerisi »Yeni Ekle’ye gidebilirsiniz.

Add a new gallery in Envira Gallery

Galerinize bir başlık vermeniz gerekecek. Bizimkine ‘Örnek Galeri’ adını verdik. Ardından, kullanmak istediğiniz görüntüleri yükleyin.

Bunları yükleme kutusuna sürükleyip bırakabilir veya ‘Dosyaları Seç’ düğmelerinden birini kullanabilirsiniz.

Give your new gallery a name

Resimler yüklendikten sonra şöyle görünür:

Images uploaded to Envira Gallery

Resimlerinize burada bir başlık ve alternatif metin vermek isteyebilirsiniz. Başlık, kullanıcı fare imlecini üzerine getirdiğinde görüntünüzün altında görünür.

Başlık, birazdan bakacağımız ışık kutusu açılır modunda görüntünün altında da görünür.

Başlığı ve alternatif metni düzenlemek için, galerideki bir görselin üzerindeki Düzenle düğmesini tıklayın.

Click the Edit button to edit an image in your gallery

Daha sonra görüntünüzün başlığını değiştirebilirsiniz. Varsayılan olarak görüntünün dosya adıdır.

WordPress sitenizin SEO’su için yararlı olduğu için alternatif metin de girmelisiniz. Başlığınız görseli tanımlıyorsa, onu alt metin için tekrarlayabilirsiniz.

Setting the title and the alt text for the image

Bitirdiğinizde, lütfen pencereyi kapatmak için X işaretini tıklamadan önce ‘Meta Verileri Kaydet’ düğmesini tıkladığınızdan emin olun.

Click the Save Metadata button to save your changes

Galerinizi siteye eklemek için önce onu yayınlamanız gerekir. Devam edin ve ekranın sağ tarafındaki Yayınla düğmesini tıklayın.

Click the Publish button to publish your gallery, so you can use it on your site

Şimdi bir gönderiyi veya sayfayı düzenleyin ya da yeni bir tane oluşturun. İçerik düzenleyicinin içinde, gönderinize bir blok eklemek için (+) simgesine tıklayın ve Envira Galerisi bloğunu seçin. Bunu Common Blocks bölümünde bulabilir veya arama çubuğunu kullanabilirsiniz.

Add the Envira Gallery block to your post or page

Galerinizi seçmek için açılır menüye tıklamanız gerekecek.

Select your gallery from the Envira Gallery block

Galerinizi gönderinizde yerinde görmelisiniz.

Ayarları ekranın sağ tarafında yapabilirsiniz. Örneğin, sütun düzenini veya görüntüler arasındaki kenar boşluğunun boyutunu değiştirmek isteyebilirsiniz.

The Envira Gallery shown in the post editor

Galerimizi her zaman iki sütun halinde görüntülenecek şekilde ayarlamaya karar verdik. Resimler arasına daha geniş bir kenar boşluğu da ekledik.

Kullanıcı, tam boyutlu sürümünü bir ışık kutusunda görmek için bir görseli tıklayabilir. Işık kutusunu kullanarak da resimler arasında gezinebilirler.

Viewing an image from the Envira gallery in a lightbox

Galerinize daha fazla resim eklemek istiyorsanız, WordPress panonuzdaki Envira Galerisi »Tüm Galerileri ziyaret ederek galeriye geri dönebilirsiniz. Düzenlemek için galerinizin adını tıklamanız yeterlidir.

Editing a gallery you've already created in Envira Gallery

Galerinizde yaptığınız herhangi bir değişiklik, onu yazılarınıza, sayfalarınıza veya kenar çubuklarınıza yerleştirdiğiniz her yerde görünecektir. Bunlara tekrar eklemenize gerek yok.

İpucu: Blok düzenleyici yerine klasik düzenleyiciyi kullanıyorsanız, Envira Galerisi’ni yine de kullanabilirsiniz.

Yayınınıza mevcut bir galeri eklemek için kullanabileceğiniz klasik düzenleyicinin üzerinde bir ‘Galeri Ekle’ düğmesi göreceksiniz.

Adding an Envira gallery in the classic editor

Ayrıca ‘Medya Ekle’ düğmesini ve ardından ‘Galeri Oluştur’u tıklayarak yeni bir galeri oluşturabilirsiniz.

Creating a new gallery using the Media Library in the Classic Editor

Umarız bu eğitim, WordPress’te resimleri yan yana koymayı öğrenmenize yardımcı olmuştur. WordPress blok düzenleyicide resimlerin nasıl hizalanacağına dair kılavuzumuza ve WordPress eklentilerine sahip olması gereken kapsamlı listemize (uzman seçimi) göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook’ta da bulabilirsiniz.

Cevap bırakın