Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Fotoğraflarını Sütunlarda ve Satırlarda Görüntüleme

WordPress fotoğraflarını sütunlar ve satırlar halinde görüntülemek mi istiyorsunuz?

WordPress varsayılan olarak görselleri dikey bir sütunda üst üste ekler. Ancak, bir blog gönderisine birden fazla fotoğraf ekliyorsanız, bu çok temiz görünmez ve kullanıcılarınız için çok fazla kaydırma gerektirir.

Bu makalede, WordPress fotoğraflarını sütunlarda ve satırlarda nasıl kolayca görüntüleyebileceğinizi göstereceğiz.

How to display WordPress photos in columns and rows

WordPress Fotoğraflarına Neden Sütunlarda ve Satırlarda İhtiyacınız Var?

Varsayılan olarak, bir WordPress blog gönderisine birden fazla resim eklediğinizde, bunlar birbirlerinin hemen yanında veya üst üste görünür.

Bu pek iyi görünmüyor ve kullanıcılarınız birden fazla resim ve fotoğrafı görüntülemek için çok fazla kaydırma yapmak zorunda kalıyor.

Izgara tabanlı bir düzen kullanarak fotoğrafları satırlar ve sütunlar halinde görüntüleyerek bu sorunu kolayca çözebilirsiniz. Bu şekilde, görüntüler kompakt bir düzende görünecek ve web sitenizdeki kullanıcı deneyimini iyileştirecektir.

Bir fotoğrafçılık web siteniz varsa, portföyünüzü daha ilgi çekici bir şekilde gösterebilirsiniz. Ya da çevrimiçi bir mağazada daha fazla ürün görselini satır ve sütunlarda görüntüleyerek gösterebilirsiniz.

Bunu söyledikten sonra, WordPress fotoğraflarını sütunlarda ve satırlarda manuel olarak nasıl görüntüleyeceğimize veya bir WordPress eklentisi kullanacağımıza bir göz atalım. Tercih ettiğiniz bölüme geçmek için aşağıdaki bağlantılara tıklamanız yeterlidir.

1. Fotoğrafları Eklentiler Olmadan Sütunlarda ve Satırlarda Görüntüleyin

Bu yöntem WordPress web sitenize bir eklenti yüklemenizi gerektirmez. Çok sık birden fazla fotoğraf eklemiyorsanız, bu sizin için gayet iyi çalışacaktır.

Bir sütun bloğuna manuel olarak resim ekleyebilir veya WordPress’teki varsayılan galeri bloğunu kullanabilirsiniz.

Sütun Bloğuna Görüntü Ekleme

Öncelikle, fotoğraflarınızı görüntülemek istediğiniz yeni bir gönderi oluşturmanız veya mevcut bir gönderiyi düzenlemeniz gerekir. İçerik düzenleyici ekranına geldiğinizde, bir sütun bloğu eklemek için ‘+’ düğmesine tıklayın.

Add a column block

Ardından, istediğiniz sütun sayısını ve düzenini seçebilirsiniz.

Örneğin, 50/50 oranı, 33/66 oranı, 25/50/25 oranı ve daha fazlasını seçebilirsiniz.

Choose column ratio and layout

Bundan sonra, her sütuna bir resim bloğu ekleyebilirsiniz.

Sadece ‘+’ düğmesine tıklayın ve ‘Resim’ bloğunu seçin.

Add image block to column

Ardından, bloğa bir resim eklemeniz gerekecektir.

Bilgisayarınızdan bir resim eklemek için ‘Yükle’ düğmesine tıklayabilir veya mevcut bir resmi kullanmak için ‘Medya Kitaplığı’ seçeneğini seçebilirsiniz.

Upload image to column block

Medya kütüphanesi açıldığında, tercih ettiğiniz görseli seçin ve ‘Seç’ düğmesine tıklayın.

En iyi resim optimizasyon uygulamalarından biri resminize bir alt metin eklemektir. Bu, arama motoru botlarının resminizi anlamasını ve resim arama sonuçlarında göstermesini sağlar.

Select an image from media library

Şimdi resminizi sütun bloklarından birinde görmelisiniz.

Şimdi aynı işlemi sütundaki diğer bloklar için de yapabilir ve daha fazla resim ekleyebilirsiniz.

Add more images to column block

Galeri Bloğuna Görüntü Ekleme

WordPress ayrıca görüntüleri sütunlar ve satırlar halinde görüntülemek için kullanabileceğiniz varsayılan bir galeri bloğu sunar.

Başlamak için ‘+’ düğmesine tıklayın ve içerik düzenleyicisine bir Galeri bloğu ekleyin.

Add a gallery block in content editor

Ardından, görsel yüklemeniz veya medya kitaplığından seçim yapmanız gerekir.

Bu eğitim için ‘Medya Kitaplığı’ seçeneğini seçeceğiz.

Upload or select images from media library

Buradan galerinize eklemek istediğiniz resimleri seçip satır ve sütunlar halinde görüntülemeniz yeterlidir.

Resimleri seçtikten sonra, ‘Yeni bir galeri oluştur’ düğmesine tıklayın.

Click the create a new gallery button

Ardından, WordPress sizden her resim için başlık girmenizi ve resimlerin sırasını yeniden düzenlemenizi isteyecektir.

Bunu yaptıktan sonra, ‘Galeri ekle’ düğmesine tıklamanız yeterlidir.

Insert your gallery

Şimdi resimlerinizi galeri bloğunda görmelisiniz.

Sağ taraftaki Ayarlar panelindeki kaydırıcıya tıklayarak satır sayısını ayarlayabilirsiniz.

Adjust column settings in the gallery

İşiniz bittiğinde, resimleri sütunlar ve satırlar halinde görüntülemek için gönderinizi yayınlamanız yeterlidir.

Onları çalışırken görmek için sitenizi ziyaret etmeniz yeterli.

Images in columns manually

Bu yöntem çoğu yeni başlayan için işe yarayacaktır. Ancak, bir fotoğraf blogu işletiyorsanız veya web sitenizde sık sık fotoğraf paylaşıyorsanız, bu yöntem birkaç önemli özellikten yoksundur.

Örneğin, fotoğrafların görünümü WordPress temanıza bağlıdır ve bu belirli bir düzen ve stil ile sınırlıdır.

Resimleriniz bir lightbox açılır pencer esinde açılmayacak ve kullanıcıların bunları yeni bir sayfa olarak yüklemesi ve ardından orijinal sayfaya dönmek için geri düğmesine basması gerekecektir.

Daha profesyonel ve güzel bir kullanıcı deneyimi için eklenti yöntemini denemelisiniz.

2. Bir Eklenti Kullanarak Fotoğrafları Sütunlarda ve Satırlarda Görüntüleme

Sütunlara ve satırlara fotoğraf eklemek için en iyi eklenti Envira Gallery‘dir. Kullanımı çok kolay olan ve birçok özellik sunan en popüler WordPress galeri ek lentisidir.

Öncelikle Envira Gallery eklentisini yüklemeli ve etkinleştirmelisiniz. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, lisans anahtarınızı girmek için Envira Galeri ” Ayarlar sayfasını ziyaret etmeniz gerekir. Bu anahtarı Envira Galeri web sitesindeki hesabınızdan alabilirsiniz.

Add the Envira Gallery license key

Artık güzel resim galerileri oluşturmaya hazırsınız.

İlk galerinizi oluşturmak için WordPress kontrol panelinden Envira Galeri ” Yeni Ekle ‘ye gitmeniz yeterlidir.

Add new gallery

İlk olarak, en üstte galeriniz için bir ad girmeniz gerekir. Buradan, bilgisayarınızdan dosya seçip yükleyebilir veya WordPress medya kütüphanesinden seçebilirsiniz.

Fotoğraflarınızı yükledikten sonra, aşağıdaki galeri ayarları kutusunda göründüklerini göreceksiniz.

View images in your gallery

Ardından, fotoğraflarınızı nasıl görüntülemek istediğinizi özelleştirmek için ‘Yapılandırma’ sekmesine tıklamanız gerekir.

Envira Galeri, farklı galeri düzenleri seçmenize olanak tanır. Görüntüleri satırlar ve sütunlar halinde göstermek için ızgara, mason ve kare düzenlerini seçebilirsiniz.

Choose gallery layout and number of columns

Düzeni seçtikten sonra, ‘Galeri Sütun Sayısı’ açılır menüsüne tıklayabilir ve kaç sütun göstermek istediğinizi seçebilirsiniz.

Aşağı kaydırırsanız, galerinizi özelleştirmek için daha fazla seçenek göreceksiniz. Örneğin, galerinizin boyutlarını ve boyutunu düzenlemek için ayarlar vardır.

Publish your image gallery

Bundan sonra, fotoğraf galerinizi WordPress sitenize eklenmeye hazır hale getirmek için ‘Yayınla’ düğmesine tıklayabilirsiniz.

Şimdi, bir gönderiyi düzenlemeniz veya yeni bir tane oluşturmanız gerekir. İçerik düzenleyicisine girdikten sonra, ‘Envira Galeri’ bloğunu eklemek için ‘+’ düğmesine tıklamanız yeterlidir.

Add the Envira Gallery block

Buradan açılır menüye tıklayabilir ve daha önce oluşturduğunuz galeriyi seçebilirsiniz.

Artık gönderinizi kaydedebilir ve fotoğraflarınızı mobil uyumlu güzel bir fotoğraf galerisinde sütunlar ve satırlar halinde görmek için önizleyebilirsiniz.

Preview of gallery

Artık kullanıcılarınız bir fotoğraf küçük resmine tıkladığında güzel bir açılır pencerede açılacak. Ayrıca sayfadan ayrılmadan resimlere göz atabilecekler.

Bonus: Resim Sütunları ve Satırları ile Özel Bir Tema Oluşturun

Ayrıca sütunlara ve satırlara resim eklemek için bir yer tutucuya sahip özel WordPress temaları da oluşturabilirsiniz.

Özel bir tema oluşturmanın en iyi yolu SeedProd kullanmaktır. Önceden oluşturulmuş temalar ve çok sayıda özelleştirme seçeneği sunan en iyi sürükle ve bırak web sitesi oluşturucusudur.

SeedProd kullanarak açılış sayfası tasarımlarınıza bir sütun bloğu ekleyebilir, satır ve sütunlara görseller ekleyebilirsiniz. SeedProd, bunun için kullanabileceğiniz yerleşik bir Galeri bloğu ile birlikte gelir.

Add the Column Block in SeedProd

Daha fazla bilgi edinmek için lütfen kod kullanmadan özel bir WordPress temasının nasıl oluşturulacağına ilişkin kılavuzumuza bakın.

Bu makalenin WordPress fotoğraflarını sütunlarda ve satırlarda nasıl görüntüleyeceğinizi öğrenmenize yardımcı olacağını umuyoruz. WordPress’teki yaygın görsel sorunlarının nasıl çözüleceğine ve küçük işletmeler için en iyi tasarım yazılımına ilişkin kılavuzumuzu da görmek isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

18 yorumBir Cevap Bırakın

  1. Muhammad Hammad

    I believe custom theme creation is time taking and the EnviraGallery plugin is a more favorable option.
    However, I am wondering if you can create custom layouts within the EnviraGallery plugin or just select from the pre-installed gallery templates?

    • WPBeginner Support

      Envira Gallery does not have a custom placement of images if that is what you are wanting from the plugin but there are many different gallery options that would scale to the user’s browser.

      Yönetici

  2. Asad

    This was the complete beginner’s guide

    • WPBeginner Support

      Glad you think so :)

      Yönetici

  3. Chris Thom

    Using the default gallery is there a way to control the margin/padding between images?

    • WPBeginner Support

      You would need to manually modify the CSS for your content.

      Yönetici

  4. Chris Thom

    Good information but on the stock WP galley how can I adjust the padding between images? Right now they’re butted right up against each other.

  5. gedi

    problem is u can’t put url behind image – wp won’t give option – can’t be edited execpt in html which is drawn out… good though if you dont want someone to cliick thru

    • WPBeginner Support

      At the moment WordPress does not have the option to add individual links by default to the gallery which is why we show Envira Gallery which does have that option :)

      Yönetici

  6. Agnieszka

    Hi!
    I tried to set up a gallery and even though I set the number of columns when I eventually update and preview my page all images show in just 1 column..no matter what I do!!
    I tried to change the layout and number of columns but every time it is just 1 column and I have no idea how to fix it. Could you please help?

  7. Shannon Ball

    I would like to have a grid of images so that when a reader clicks on an image it takes them to an external url with more info. (like a grid of ads/sponsors) at the bottom of a post…

    Any suggestions?

    • Isaiah Hammons

      I want the same exact thing you’re talking about..

      • sean sewell

        I am desperately after the same thing! If you ever find out please let me know!

    • Michelle

      Just curious… I am sure you have already tried this, but on the media tab inside of wordpress have you clicked on the photo and under the information there is a spot to put a URL so someone can click on it. I know it is kind of hidden and not that intuitive, but that might work for you.

  8. Cathrine

    My gallery still won’t post in multiple columns, any idea why that might be?

    • Vasilis

      That’s my problem also…
      Anybody there?

  9. Eileen

    Wow – the gallery button function is a hidden gem I didn’t know about! Thank you.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.