WordPress'te Görselleri Kolayca Yan Yana Koyma

Blog yazmaya başladığımızda, görselleri yan yana hizalamak genellikle eğlenceli olmaktan çok sinir bozucuydu.

Ancak görselleri yan yana yerleştirmenin sadece iyi görünmekle ilgili olmadığını fark ettik - aslında okuyucuların içeriği daha iyi anlamalarına ve keyif almalarına yardımcı oluyor.

Zamanla, bu süreci kolaylaştırmak için bazı basit teknikler geliştirdik ve görselleri yan yana yerleştirmek, güzel fotoğraf galerileri oluşturmak için başvurduğumuz yöntemlerden biri haline geldi.

Bu eğitimde, görselleri yan yana görüntülemek için iki kolay yöntemi size adım adım anlatacağız: biri yerleşik WordPress blok düzenleyicisini kullanarak, diğeri ise Envira Gallery eklentisiyle.

Sonunda, içerik düzeninizi iyileştirebilecek ve ziyaretçileriniz için daha ilgi çekici bir deneyim yaratabileceksiniz.

WordPress'te Neden Görselleri Yan Yana Eklereyiz?

Görselleri yan yana eklemek, görselleri daha net ve yapılandırılmış bir şekilde sunmanıza yardımcı olur. İçeriğinizin kullanıcılar tarafından anlaşılmasını iyileştirir ve sayfalarınızın daha düzenli görünmesini sağlar.

• Daha İyi Görsel Anlatım: Adımları, ilerlemeyi veya ilgili fikirleri sayfanın farklı yerlerine ayırmak yerine tek bir görünümde gösterebilirsiniz. Bu, içeriğinizin takibini ve bir bakışta anlaşılmasını kolaylaştırır.
• Kolay Karşılaştırma: Kullanıcıların ileri geri kaydırma yapmadan ayrıntıları, farkları veya sonuçları hızlı bir şekilde karşılaştırabilmeleri için iki veya daha fazla görseli bir araya getirebilirsiniz.
• Sayfa Alanından Tasarruf Sağlar: Görselleri dikey olarak üst üste yığmak ve sayfayı uzatmak yerine, birden fazla görseli tek bir satıra sığdırarak düzeninizi temiz ve kompakt tutabilirsiniz.
• Tasarım ve Düzeni İyileştirir: Yan yana görseller, büyük metin bölümlerini böler ve sayfanızın daha dengeli, modern ve görsel olarak çekici görünmesini sağlar.
• Birçok Kullanım Durumu İçin Uygun: Özellikle ürün karşılaştırmaları, öncesi-sonrası görselleri, eğitimler ve görsellerin en çok önem kazandığı fotoğrafçılık portföyleri için kullanışlıdır.

Bununla birlikte, görselleri yan yana yerleştirmenin iki kolay yolunu göstereceğiz. Tercih ettiğiniz yönteme atlamak için aşağıdaki bağlantıları kullanabilirsiniz:

Yöntem 1: WordPress'te Blok Düzenleyiciyi Kullanarak Görselleri Yan Yana Ekleme

Gutenberg blok düzenleyicisini kullanarak resimleri yan yana eklemenin basit bir yolunu arıyorsanız, bu yöntem tam size göre.

Blok düzenleyici, görselleri satırlar ve sütunlar halinde kolayca görüntülemenizi sağlayan bir Galeri bloğu işlevi sunar.

Adım 1: Galeri Bloğunu Ekleme

İlk olarak, yeni bir gönderi/sayfa oluşturmanız veya mevcut birini düzenleyerek içerik düzenleyicisini açmanız gerekecek. Oraya vardığınızda, blok menüsünü açmak için ekranın sol üst köşesindeki 'Blok Ekle' (+) düğmesine tıklayın.

Buradan, Galeri bloğunu sayfaya veya gönderiye bulun ve ekleyin.

Adım 2: Görsellerinizi Yükleme

Bundan sonra, ‘Yükle’ düğmesine tıklayarak görselleri bilgisayarınızdan galeri bloğunuza kolayca ekleyebilirsiniz.

Ayrıca, ‘Medya Kütüphanesi’ düğmesine tıklayarak WordPress medya kitaplığınızdan resim seçebilirsiniz.

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

Üçüncü bir görsel eklemeye karar verirseniz, üstteki blok araç çubuğundaki ‘Ekle’ düğmesine tıklamanız gerekir.

Bu, Galeri bloğunuza üçüncü bir resmi ekleyebileceğiniz medya kütüphanesini açacaktır. Bunu yaptıktan sonra, WordPress'in resimleri yan yana yerleştirmek için otomatik olarak yeniden boyutlandırdığını göreceksiniz.

Adım 3: Galeri Sütunlarını Ayarlama

Ancak, Galeri bloğuna dördüncü bir görsel yerleştirmeye karar verirseniz, bu görsel diğer görsellerin altına yerleştirilecektir.

Bunu düzeltmek için galerinizin sütun sayısını değiştirebilirsiniz. Bu ayar, her satırda kaç görselin yan yana görüneceğini kontrol eder.

Örneğin, yan yana iki resim ve bunların altında iki resim istiyorsanız, Sütunlar'ı 2 olarak ayarlayabilirsiniz.

Ayrıca, hizalamak için görselleri kırpabilir, görsel boyutlarını ayarlayabilir ve blok panelinden farklı sayfalara bağlayabilirsiniz.

Ayrıntılı talimatlar için, WordPress'te bir resim galerisi oluşturma konusundaki başlangıç kılavuzumuza bakın.

Adım 4: Değişikliklerinizi Yayınlama

İşiniz bittiğinde, değişikliklerinizi kaydetmek için ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklamayı unutmayın.

Şimdi, görselleri yan yana görüntülemek için web sitenizi ziyaret edin.

Yöntem 2: Eklenti Kullanarak WordPress'te Resimleri Yan Yana Yerleştirme (Kolay Yol)

Yerleşik Galeri bloğu basit düzenler için mükemmel olsa da, ışık kutuları, albümler ve sosyal paylaşım seçenekleri gibi özelliklere sahip daha gelişmiş fotoğraf galerileri oluşturmak için bir eklentiye ihtiyacınız olacaktır.

Bunun için Envira Gallery'yi öneriyoruz. WordPress.org'da 1.600'den fazla incelemeden 4.7/5 yıldız derecesiyle sürekli olarak en iyi WordPress galeri eklentilerinden biri olarak derecelendirilmiştir.

Deneyimlerimize göre, yeni başlayanlar için bile kullanımı çok kolaydır. Sürükle ve bırak oluşturucu, güçlü özellikler sunarken işleri basit tutar. Hazır şablonlar ayrıca temiz, cilalı galeriler oluşturmayı hızlandırır.

Genel olarak, fotoğrafçılar, sanatçılar ve görselleri profesyonel bir şekilde sergilemek isteyen işletmeler için harika bir seçenektir. Özellikleri hakkında daha fazla ayrıntı için Envira Gallery incelememize göz atın.

Adım 1: Envira Gallery'yi Yükleyin ve Etkinleştirin

Öncelikle Envira Gallery eklentisini yükleyip etkinleştirmeniz gerekir. Daha fazla ayrıntı için WordPress eklentisi nasıl kurulur hakkındaki adım adım kılavuzumuza göz atın.

Adım 2: Yeni Bir Galeri Oluşturun ve Görüntüleri Yükleyin

Etkinleştirdikten sonra, WordPress kontrol panelinizden Envira Gallery » Yeni Ekle sayfasına gidin.

Oraya vardığınızda, yeni galerinize bir başlık vermeniz gerekecek. Bizimkine 'Örnek Galeri' adını verdik.

Bundan sonra, 'Bilgisayarınızdan Dosya Seç' düğmesine tıklayarak bilgisayarınızdan kullanmak istediğiniz resimleri yükleyin.

Görselleri medya kütüphanesinden yüklemek için ‘Diğer Kaynaklardan Dosya Seç’ düğmesine tıklayın.

Adım 3: Görüntü Meta Verilerini Düzenleyin (İsteğe Bağlı)

Resimleri yükledikten sonra, onları görmek için Galeri bölümüne gidin.

Buradan, görüntülerinize bir başlık ve alternatif metin verebilirsiniz.

Başlık, bir kullanıcı görüntünün üzerine geldiğinde görünür ve ayrıca tam ekran açılır görünüm olan ışık kutusunda görüntünün altında görüntülenir.

Başlık ve alternatif metni düzenlemek için galerideki bir resimdeki ‘Düzenle’ düğmesine tıklayın.

Ardından resminizin başlığını değiştirebilir ve WordPress sitenizin SEO'su için faydalı olan alternatif metni girebilirsiniz.

Başlığınız görseli açıklıyorsa, erişilebilirlik ve SEO için görselin içeriğini ve amacını açıklayan kısa ve açıklayıcı bir alt metin hazırlayın.

İşiniz bittiğinde, pencereyi kapatmadan önce lütfen 'Meta Verileri Kaydet' düğmesine tıkladığınızdan emin olun.

Bunu yapmazsanız, yaptığınız değişiklikler galeride kaydedilmez.

Adım 4: Galeriyi Yayınlayın

Son olarak, sayfanın en üstüne geri kaydırın ve az önce oluşturduğunuz görsel galeriyi kaydetmek için 'Yayınla' düğmesine tıklayın.

Bundan sonra, onu eklemek istediğiniz WordPress sayfasına veya gönderisine gidin.

Adım 5: Envira Gallery Bloğunu Bir Gönderiye veya Sayfaya Ekleyin

Buradayken, blok menüsünü açmak için ekranın sol üst köşesindeki 'Blok Ekle' (+) düğmesine tıklayın.

Buradan, Envira Gallery bloğunu sayfa/gönderiye bulun ve ekleyin.

Ardından, bloktaki açılır menüden oluşturduğunuz galeriyi seçmeniz gerekecek.

Adım 6: Düzeni Yapılandırın ve Yayınlayın

Resimleri yan yana görüntülemek için ekranın sağ köşesindeki blok paneline gidin.

Buradan, ‘Düzeni Seç’ bölümüne aşağı kaydırın ve açılır menüden sütun sayısını seçin. Görselleriniz artık WordPress sayfasında yan yana görüntülenecektir.

Ayrıca galeri kenar boşluklarını değiştirebilir, güzel animasyonlu bir filtreleme efekti (Isotope olarak bilinir) etkinleştirebilir ve blok panelinden ışık kutusu ayarlarını yapılandırabilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için 'Yayınla' veya 'Güncelle' düğmesine tıklamayı unutmayın.

Şimdi, resimlerin yan yana görüntülendiğini görmek için web sitenizi ziyaret edebilirsiniz.

Kullanıcı artık tam boyutlu sürümü bir ışık kutusunda görmek için herhangi bir resme tıklayabilir.

Ayrıca, lightbox'ı kullanarak resimler arasında gezinebilirler.

Galerize daha fazla resim eklemek isterseniz, WordPress kontrol panelinizdeki Envira Gallery » All Galleries sayfasını ziyaret ederek galerinize geri dönebilirsiniz.

Oraya gittiğinizde, düzenlemek için galeri adınıza tıklamanız yeterlidir.

Galerinizde yapacağınız herhangi bir değişiklik, gönderilerinizde, sayfalarınızda veya kenar çubuklarınızda yerleştirdiğiniz her yerde görünecektir. Bunlara tekrar eklemeniz gerekmez.

Bonus: WordPress'te Görselleri Hizalama (Sütunlar Bloğu ile Yan Yana Dahil)

Yan yana iki resim eklediğinizde, uyumlu ve görsel olarak çekici bir görünüm oluşturmak için birlikte hizalanmalıdırlar.

WordPress blogunuza tek bir resim ekleseniz bile, görsel denge oluşturmak için içeriğinizle hizalamak isteyeceksiniz.

WordPress blok düzenleyicisinde, blok üzerindeki araç çubuğunda bulunan 'Hizala' düğmesine tıklayarak resimleri kolayca hizalayabilirsiniz.

Bu, görüntüyü sağa veya sola kaydırabileceğiniz, kapsayıcıyla aynı genişliğe getirebileceğiniz veya görüntünün genişliğini sayfanın geri kalanıyla aynı yapacak tam genişlik seçeneğini kullanabileceğiniz bazı seçenekleri açacaktır.

Yan Yana Görseller İçin Sütunlar Bloğunu Kullanma

Galeri bloğunun ötesinde, Sütunlar bloğu, özellikle bireysel görsel boyutları veya boşluklar üzerinde daha fazla kontrol istediğinizde, görselleri yan yana yerleştirmek için mükemmel bir araçtır.

Görselleri diğer içeriklerle birleştirirken bile kullanabilirsiniz.

Kullanmak için, Sütunlar bloğu ekleyip istediğiniz düzeni, örneğin 50/50 bölünmeyi seçin. Ardından, içeriğinizle mükemmel şekilde hizalanan bir resim bloğu ekleyin.

Ek olarak, metni resmin etrafına sarabilir, grup bloğunu kullanabilir, kapak bloğunu ekleyebilir veya resimleri birlikte veya ayrı ayrı hizalamak için çok daha fazlasını yapabilirsiniz.

Daha fazla bilgi için, WordPress blok düzenleyicisinde resimler nasıl hizalanır hakkındaki başlangıç kılavuzumuza bakın.

Görselleri Yan Yana Ekleme Hakkında Sıkça Sorulan Sorular

İşte okuyucularımızın WordPress'te görüntüleri yan yana ekleme hakkında sıkça sorduğu bazı sorular:

WordPress'te bir görüntüyü ve metni yan yana nasıl koyarım?

Bir görüntüyü metnin yanına yerleştirmenin en iyi yolu Sütunlar bloğunu kullanmaktır.

İlk olarak, Sütunlar bloğunu ekleyin ve %50/%50 gibi bir düzen seçin. Ardından, bir sütuna bir Görüntü bloğu ve diğerine bir Paragraf bloğu ekleyebilirsiniz. Bu size temiz, yan yana bir düzen sağlar.

Farklı boyutlardaki görselleri yan yana hizalamanın en iyi yolu nedir?

Galeri bloğu tek tip görseller için harika olsa da, Sütunlar bloğu farklı boyutlar için daha fazla esneklik sunar. Bunu %70/%30 veya diğer özel düzenler oluşturmak için kullanabilirsiniz.

Daha gelişmiş kontrol için, Envira Gallery gibi bir eklenti, çeşitli resim boyutlarını zarif bir şekilde işleyebilen özel ızgaralar oluşturmanıza olanak tanır.

Yan yana duran görsellerim mobil cihazlarda yan yana kalacak mı?

Genellikle hayır. Çoğu modern WordPress teması duyarlıdır, bu da masaüstünde yan yana yerleştirilen görsel bloklarının daha küçük ekranlarda otomatik olarak dikey olarak istifleneceği anlamına gelir.

Bu, görsellerin bir telefonda net bir şekilde görülebilecek kadar büyük olmasını sağlamak ve daha iyi bir kullanıcı deneyimi sunmak için yapılır.

Umarız bu öğretici, WordPress'te resimleri yan yana nasıl koyacağınızı öğrenmenize yardımcı olmuştur. Ayrıca WordPress'te blok yüksekliği ve genişliği nasıl değiştirilir hakkındaki kılavuzumuza ve WordPress gönderilerine ve sayfalarına tablo ekleme hakkındaki kılavuzumuza da göz atmak isteyebilirsiniz.

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