WordPress'te Resimleri Yan Yana Nasıl Koyabilirsiniz (Kolayca)


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

Yeni başlayanlar genellikle WordPress yazılarında ve sayfalarında iki resmi yan yana nasıl koyacaklarını bulmakta zorlanırlar.

Bu adım adım kılavuzda, görüntüleri WordPress'te (herhangi bir kod yazmadan) nasıl kolayca yan yana koyacağınızı göstereceğiz.

Putting images side by side in WordPress

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

Resimlerinizi yan yana getirmenin en kolay yolu WordPress blok düzenleyicisini 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.

İlk olarak, 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 resimleri 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 görsel ekledik. WordPress bunları otomatik olarak yan yana konumlandırmıştır.

Two images in the gallery (butterflies and apple)

Ya 3 resmi yan yana isterseniz? Üçüncü bir resim eklersek ne olur. WordPress, diğerlerini 3'üne 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 tek bir sütunda yan yana içermesi gereken görüntü sayısını değiştirebilirsiniz.

Önce, seçili değilse Galeri bloğuna tıklayın. Ekranın sağ tarafında Galeri'nin 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'ye ayarlayabilirsiniz.

Setting the gallery to have 2 columns rather than 3

Bu kadar basit!

Bir resmin galerinizde konumlandırıldığı yeri değiştirmek istiyorsanız, ü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

Örnek gönderimizden bitmiş bir galeri demosu:

The 2 column gallery in a live post

WordPress'te Resimleri Yan Yana Koymak için Bir Eklenti Kullanmak

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.

En iyi WordPress galeri eklentisi olduğu için Envira Gallery'yi kullanmanızı öneririz.

Bu eğitim 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ü edinmek isteyebilirsiniz.

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

Ardından, WordPress panonuzda Envira Galeri » 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 'Dosya 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 alt metin vermek isteyebilirsiniz. Kullanıcı fare imlecini üzerine getirdiğinde başlık resminizin altında görünür.

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

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

Click the Edit button to edit an image in your gallery

Daha sonra resminizin başlığını değiştirebilirsiniz. Görüntünün dosya adına varsayılandır.

Ayrıca, WordPress sitenizin SEO'su için yararlı olduğu için alternatif metin girmelisiniz. Başlığınız görseli açıklıyorsa, bunu alternatif metin için tekrarlayabilirsiniz.

Setting the title and the alt text for the image

İşiniz bittiğinde, pencereyi kapatmak için X'e tıklamadan önce lütfen '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 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 veya yeni bir tane oluşturun. İçerik düzenleyicinin içinde, gönderinize bir blok eklemek için (+) düğmesini tıklayın ve Envira Gallery bloğunu seçin. Ortak Bloklar bölümünde bulabilir veya arama çubuğunu kullanabilirsiniz.

Add the Envira Gallery block to your post or page

Daha sonra galerinizi seçmek için açılır menüyü tıklamanız gerekecek.

Select your gallery from the Envira Gallery block

Galerinizi yayınınızda yerinde görmelisiniz.

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

The Envira Gallery shown in the post editor

Galerimizi her zaman iki sütunda görüntülenecek şekilde ayarlamaya karar verdik. Ayrıca resimler arasına daha geniş bir kenar boşluğu ekledik.

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

Viewing an image from the Envira gallery in a lightbox

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

Editing a gallery you've already created in Envira Gallery

Galerinizde yaptığınız tüm değişiklikler, galeriyi gönderilerinize, sayfalarınıza veya kenar çubuklarınıza yerleştirdiğiniz her yerde görünür. Bunlara tekrar eklemenize gerek yok.

İpucu: Blok düzenleyici yerine klasik düzenleyici kullanıyorsanız, yine de Envira Gallery'yi kullanabilirsiniz.

Gönderinize 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

Bu öğreticinin, görüntüleri WordPress'te nasıl yan yana koyacağınızı öğrenmenize yardımcı olacağını umuyoruz. Ayrıca, WordPress blok düzenleyicisindeki resimlerin nasıl hizalanacağına ilişkin kılavuzumuzu ve mutlaka sahip olunması gereken WordPress eklentilerinin kapsamlı listemizi (uzman seçimi) incelemek 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.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir