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.
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.
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.
Bundan sonra, her sütuna bir resim bloğu ekleyebilirsiniz.
Sadece ‘+’ düğmesine tıklayın ve ‘Resim’ bloğunu seçin.
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.
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.
Ş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.
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.
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.
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.
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.
Şimdi resimlerinizi galeri bloğunda görmelisiniz.
Sağ taraftaki Ayarlar panelindeki kaydırıcıya tıklayarak satır sayısını ayarlayabilirsiniz.
İş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.
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.
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.
İ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.
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.
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.
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.
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.
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.
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.
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
Asad
This was the complete beginner’s guide
WPBeginner Support
Glad you think so
Yönetici
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
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.
WPBeginner Support
You would need some knowledge of CSS, for a better understanding, we would recommend taking a look at our article below:
https://www.wpbeginner.com/wp-tutorials/basics-of-inspect-element-with-your-wordpress-site/
Yönetici
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
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?
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.
Cathrine
My gallery still won’t post in multiple columns, any idea why that might be?
Vasilis
That’s my problem also…
Anybody there?
Eileen
Wow – the gallery button function is a hidden gem I didn’t know about! Thank you.