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’te Resim Galerisi Nasıl Oluşturulur (Adım Adım)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress’te bir resim galerisi mi oluşturmak istiyorsunuz?

Bir resim galerisi, fotoğrafları satırlar ve sütunlar halinde eklemenizi sağlar. Bu, daha az alanda daha fazla fotoğraf görüntülemenizi sağlarken kullanıcıların bunlara göz atmasını da kolaylaştırır.

Bu makalede, WordPress’te fotoğraflarınızın daha da iyi görünmesini sağlayan bir resim galerisini nasıl kolayca oluşturacağınızı göstereceğiz.

How to create an image gallery in WordPress

WordPress, blog yazılarınıza ve sayfalarınıza resim eklemeyi çok kolaylaştırır. Tek yapmanız gereken Resim bloğunu eklemek ve resminizi yüklemek.

Ancak, WordPress web sitenize birden fazla resim eklerseniz, bunlar birbiri ardına görünecektir. Bu harika görünmez ve kullanıcılarınız hepsini görüntülemek için çok fazla kaydırmak zorunda kalacaktır.

Images added with the Image block

Bir galeri oluşturmak, resimleri sütunlar ve satırlar içeren bir ızgara düzeninde görüntülemenizi sağlar. Resimleriniz için küçük resimler gösterebilirsiniz ve kullanıcılar tam görüntüyü görmek için üzerlerine tıklayabilirler.

Bu şekilde, daha az alanda daha fazla fotoğraf gösterebilirsiniz ve çok daha profesyonel görünecektir.

Örneğin, resimlerinizi sergilemek için bir fotoğrafçılık web sitesi oluşturuyorsanız, bir fotoğraf galerisi eklemek çalışmalarınızı estetik açıdan hoş bir şekilde sergilemenizi sağlar.

Image gallery preview

WordPress ile Gutenberg blok düzenleyicisindeki Galeri bloğunu kullanarak kolayca bir resim galerisi oluşturabilirsiniz.

Daha fazla özelliğe sahip daha da iyi galeriler oluşturmak için WordPress galeri eklentilerini de kullanabilirsiniz.

Bunu söyledikten sonra, WordPress’te bir resim galerisinin nasıl kolayca oluşturulacağını görelim.

Bu eğitimde, galeri oluşturmak için iki yöntem göstereceğiz ve istediğiniz yönteme geçmek için aşağıdaki bağlantıları kullanabilirsiniz:

Bu yöntem, WordPress blok düzenleyicisini kullanarak bir resim galerisi oluşturmak içindir. Ancak, bu özelliğin çok temel olduğunu ve çok fazla özelleştirme seçeneği sunmadığını unutmayın.

Öncelikle, WordPress yönetici kenar çubuğundan galeriyi oluşturmak istediğiniz mevcut veya yeni bir yazı/sayfa açmanız gerekir.

Oraya geldiğinizde, ekranın sol üst köşesindeki ‘+’ düğmesine tıklayın. Buradan Galeri bloğunu bulun ve sayfaya veya gönderiye ekleyin.

Bunu yaptıktan sonra, bilgisayarınızdan yeni görüntü dosyaları yüklemek için ‘Yükle’ düğmesine tıklayın.

Ancak, medya kütüphanesinden görüntü yüklemek istiyorsanız, bunun yerine ‘Medya Kütüphanesi’ düğmesine tıklamanız gerekir.

Upload images for the gallery

‘Yükle’ düğmesine tıklarsanız, genellikle bilgisayardan bir seferde bir fotoğraf yükleyebilirsiniz.

Ancak, klavyenizdeki Ctrl tuşunu basılı tutarak birden fazla görüntü seçebilir ve açabilirsiniz.

Upload images from the computer

Tüm görselleri yükledikten sonra, her bir görselin üst kısmındaki blok araç çubuğunda yer alan ‘Altyazı Ekle’ simgesine tıklayarak altyazı ekleyebilirsiniz.

Ayrıca sağdaki blok panelinden görsellere alt metin ekleyebilirsiniz.

Add caption for the uploaded image

‘Medya Kitaplığı’ düğmesini seçerseniz, galeriniz için aynı anda birden fazla resim seçebilirsiniz.

Görselleri seçerken, sağ taraftaki ek ayrıntıları panelinden görselin alt metnini, başlığını ve resim yazısını da girebilirsiniz.

Tüm resimleri ekledikten sonra, ‘Yeni bir galeri oluştur’ düğmesine tıklamanız yeterlidir.

Add images for the gallery from the media library

Bu sizi medya kütüphanesi istemindeki ‘Galeriyi Düzenle’ sayfasına yönlendirecektir.

Buradan tek tek görselleri seçebilir ve bunlara başlık, açıklama veya alt metin ekleyebilirsiniz.

İşiniz bittiğinde, sağ alt köşedeki ‘Galeri Ekle’ düğmesine tıklamanız yeterlidir.

Add captions in the Edit gallery page

Oluşturduğunuz resim galerisi şimdi WordPress editörüne eklenecektir.

Ayrıca Galeri bloğunu seçerek ve sağdaki blok panelinden ayarlarını yapılandırarak daha da özelleştirebilirsiniz.

Örneğin, galerilerinizin sütun ve satır sayısını belirlemek için ‘Sütunlar’ kaydırıcısını kullanabilirsiniz.

Daha iyi hizalama için küçük resimleri kırpmak üzere ‘Görüntüyü Kırp’ anahtarını bile değiştirebilirsiniz.

Configure gallery settings in the block panel

‘Link to’ seçeneklerinden, kullanıcılarınızın yalnızca fotoğrafınızı görüntülemesini istiyorsanız None’ı seçebilirsiniz. Bu seçenek resimleriniz için tıklama özelliğini devre dışı bırakır.

Ancak, ‘Medya Dosyası’ seçeneğini seçerseniz, resimler tıklanabilir olacak ve tıklandığında resim dosyası açılacaktır. Benzer şekilde, ‘Ek Sayfası’ seçeneğini seçerseniz ek sayfası açılacaktır.

Ayarlardan memnun olduğunuzda, ayarlarınızı kaydetmek için üstteki ‘Yayınla’ veya ‘Güncelle’ düğmesine tıklayın.

Son olarak, resim galerisini çalışırken görmek için WordPress blogunuzu ziyaret edebilirsiniz.

Image gallery preview

Artık web siteniz için kolayca bir resim galerisi oluşturdunuz. Ancak, yakında bazı temel özelliklerden yoksun olduğunu fark edeceksiniz.

Örneğin, resimleriniz ya tıklanabilir olmayacak ya da yeni bir sayfada açılacaktır. Galeri resimlerinizi medya dosyasına veya ek sayfasına bağlarsanız, kullanıcılar galeriyi tekrar görüntülemek için geri düğmesine tıklamak zorunda kalacaktır.

Bu kullanıcı dostu değildir ve kullanıcıları web sitenizi daha fazla keşfetmekten vazgeçirebilir.

Benzer şekilde, galerinin görünümü de kullandığınız WordPress temasına bağlıdır.

Ayrıca, galerilerinizi albümler, konular, etiketler ve daha fazlası şeklinde düzenleyemezsiniz. Galeriniz hiçbir yerde saklanmaz ve aynı galeriyi tekrar eklemeniz gerekirse, yeniden oluşturmanız gerekir.

Daha profesyonel görünümlü galeriler eklemek istiyorsanız, bir sonraki yöntemi kullanmalısınız.

WordPress siteniz için daha işlevsel ve estetik açıdan hoş bir resim galerisi oluşturmak istiyorsanız, bu yöntem tam size göre.

Piyasadaki en iyi WordPress resim galerisi eklentisi olduğu için Envira Gallery eklentisini kullanacağız.

Envira, WordPress’te kolayca tamamen duyarlı, güzel ve modern resim galerileri oluşturmanıza olanak tanır. Süper hızlıdır ve ışık kutusu açılır penceresi, kolay görüntü gezinme, sürükle ve bırak oluşturucu ve profesyonel galeri şablonları gibi birçok özellikle birlikte gelir.

Öncelikle Envira Gallery eklentisini yüklemeniz ve etkinleştirmeniz gerekir. 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 WordPress kontrol panelinden Envira Gallery ” Ayarlar sayfasına gidin.

Bu anahtarı Envira Galeri web sitesindeki hesabınızdan alabilirsiniz.

Not: Envira Gallery’nin kullanabileceğiniz ücretsiz bir eklentisi de vardır. Ancak, daha fazla özelliğin kilidini açmak için bu eğitimde pro sürümünü kullanacağız.

Add the Envira Gallery license key

Lisans anahtarınızı doğruladıktan sonra, ilk galerinizi oluşturmaya başlamak için WordPress kenar çubuğundan Envira Galeri ” Yeni Ekle sayfasına gidebilirsiniz.

Buraya geldiğinizde, galeriniz için bir başlık girin ve ardından resimlerinizi yüklemek için ‘Bilgisayardan dosya seç’ düğmesine tıklayın.

Creating a New Gallery with Envira Gallery WordPress Plugin

‘Diğer kaynaklardan dosya seç’ düğmesine tıklayarak WordPress medya kitaplığınızdan da görsel yükleyebilirsiniz.

Bu seçeneği kullanırsanız, medya kitaplığından bir seferde yalnızca tek bir görüntü yükleyebileceğinizi unutmayın.

Resimleri yükledikten sonra, tüm fotoğraflarınızın görüneceği ‘Galeri’ bölümüne ilerleyin.

Images in Envira Gallery Builder

Ardından, ekranda ‘Meta Verileri Düzenle’ istemini açmak için her görüntünün üst kısmındaki kalem simgesine tıklayabilirsiniz.

Buradan, tek tek resimler için başlık, durum, başlık ve alternatif metin ekleyebileceksiniz.

İşiniz bittiğinde, resim başlıklarınızı kaydetmek için ‘Meta Verileri Kaydet’ düğmesine tıklamayı unutmayın.

Edit Gallery Image Metadata

Ardından, soldaki kenar çubuğundan ‘Yapılandırma’ sekmesine tıklamanız gerekir.

Buradan, sütun sayısı, görüntü tembel yükleme, görüntü boyutu, başlık ve resim yazısı konumlandırma, kenar boşlukları, yükseklikler, küçük resim boyutları, görüntü boyutları ve daha fazlası dahil olmak üzere galeri düzeninizi değiştirebilirsiniz.

Edit gallery configuration settings

Bundan sonra, sol kenar çubuğundan ‘Lightbox’ sekmesine geçin ve ‘Enable Lightbox’ seçeneğini işaretleyin.

Bu seçenek kullanıcıların görüntüleri büyütmesine ve sayfadan ayrılmadan görüntülere göz atmasına olanak tanıyacaktır.

Diğer varsayılan ayarları olduğu gibi bırakabilirsiniz çünkü çoğu web sitesi için çok iyi çalışırlar, ancak seçenekleri gözden geçirebilir ve isterseniz değiştirebilirsiniz.

Enable the lightbox

Ardından, galeri ayarlarınızı mobil cihazlar için yapılandırmak üzere ‘Mobil’ sekmesine tıklayın.

Buradan mobil cihazlar için görüntü boyutlarını seçebilir, Lightbox’ı etkinleştirebilir veya devre dışı bırakabilir, görüntü başlıklarını etkinleştirebilir/devre dışı bırakabilir ve daha fazlasını yapabilirsiniz.

Configure settings for gallery

Bundan sonra, ‘Misc’ bölümünden galeri slug’ı ve özel CSS ekleme gibi daha fazla seçeneği inceleyebilirsiniz.

Ayarlarınızdan memnun olduğunuzda, değişikliklerinizi kaydetmek için üstteki ‘Yayınla’ düğmesine tıklamanız yeterlidir.

Miscellaneous gallery settings

Ardından, galerinizi yerleştirmek istediğiniz bir gönderi veya sayfa açmanız gerekir.

Oraya vardığınızda, blok menüsünü açmak için ekranın sol üst köşesindeki ‘+’ düğmesine tıklayın.

Ardından, Envira Galeri bloğunu bulup sayfaya veya gönderiye eklemeniz yeterlidir.

Add the Envira gallery block

Bunu yaptıktan sonra, Envira Galeri bloğundaki açılır menüden resim galerinizi eklemeniz gerekir.

Son olarak, değişikliklerinizi kaydetmek için en üstteki ‘Güncelle’ veya ‘Yayınla’ düğmesine tıklayın.

Artık resim galerinizi WordPress web sitenizde görüntüleyebilirsiniz.

WordPress Photo Gallery Created with Envira Gallery

Burada, galerideki herhangi bir resme tıkladığınızda lightbox efektiyle tam boyutta açılacağını göreceksiniz.

Ayrıca ekrandaki veya klavyenizdeki sol ve sağ ok tuşlarına basarak bu açılır penceredeki görüntülere göz atabilirsiniz.

Envira Gallery Image in the Lightbox Popup

Bonus: Galeri Görsellerini Arama Motorları İçin Optimize Edin

Tüm galeri resimlerinizi web kalitesini kaybetmeden optimize etmek önemlidir, böylece arama motorları bunları doğru anahtar kelimeler için dizine ekleyebilir.

Bu, sayfa yükleme hızınızı artırmanıza, kullanıcı deneyimini iyileştirmenize, sosyal medya paylaşımlarını geliştirmenize ve web sitenize organik trafik getirmenize yardımcı olabilir.

Ek ayrıntıları sayfasına alt metin ekleyerek galeri resimlerinizi kolayca optimize edebilirsiniz. Bu açıklama arama motoru tarayıcılarına gösterilir ve resim galerilerinizin daha üst sıralarda yer almasına yardımcı olur.

Add alt text with all your images

Ayrıca, piyasadaki en iyi WordPress SEO eklentisi olan All in One SEO‘yu da kullanabilirsiniz.

Alt metninizi, resim başlıklarınızı, resim yazılarınızı ve daha fazlasını otomatik olarak ayarlayacak bir Image SEO eklentisi ile birlikte gelir. Ayrıca SEO sıralamanızı iyileştirmek için uygun bir resim site haritası ve diğer SEO özellikleri ekleyecektir.

Daha fazla bilgi için AIOSEO incelememize bakın.

All in One SEO website

Bunun dışında, görselleriniz için açıklayıcı dosya adları kullanmalı, alakalı anahtar kelimeler kullanmalı ve galerilerinizi sosyal medyada paylaşmalısınız. Daha fazla ipucu için görsellerin arama motorları için nasıl optimize edileceğine ilişkin başlangıç kılavuzumuza göz atın.

Umarız bu makale WordPress’te nasıl resim galerisi oluşturacağınızı öğrenmenize yardımcı olmuştur. Ayrıca WebP – PNG – JPEG: WordPress için en iyi resim formatı karşılaştırmamızı ve resimleri yönetmek için en iyi WordPress eklentileri uzman seçimlerimizi 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

147 yorumBir Cevap Bırakın

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Chris says

    I just started using standard wordpress image galleries. When I add images to the gallery, if I do not have enough images to fill an entire row, the last row’s image is displayed at a size that allows the image to fill the full width of the container. So the default of 3 images per row applies until the row runs out of images, then I get a final row with a giant image. Is there a way to force every image to the same size so that the gallery just has all images the same size, regardless of whether the row it appears in is full?

    • WPBeginner Support says

      For that, you would want all of your images uploaded to be the same size and then you would uncheck the crop images checkbox that forces your images to align.

      Yönetici

  3. Roger Novak says

    Can separate clickable links be attached/embedded to each picture in a gallery that will take the viewer to another web site?

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.