WordPress'te Galeri Nasıl Oluşturulur

Yayınlanan: 2023-04-21

İster fotoğrafçı, ister sanatçı, ister sadece bazı görüntüleri ilginç bir şekilde sergilemek isteyen biri olun, çevrimiçi galeriler tercih edilen araçlardır. WordPress'te nasıl galeri oluşturulacağına ilişkin bu kılavuzda, iki kolay yönteme bakacağız:

  • Eklenti olmadan WordPress'te bir galeri nasıl oluşturulur?
  • Otter Blocks ile gelişmiş bir resim galerisi nasıl oluşturulur?

Ama önce, WordPress sitenizde resimlerinizi daha dinamik bir şekilde görüntülemenize nasıl yardımcı olabileceklerinden bahsedelim.

WordPress'te bir galeri oluşturun

Resimleri görüntülemek için neden bir galeri kullanmalısınız?

Varsayılan olarak, WordPress Gutenberg düzenleyicisi, ayrı ayrı yüklenen görüntüleri, bu paragrafın yanındaki (veya bunu bir mobil cihazda görüntülüyorsanız aşağıdaki ) gibi dikey bir yığın halinde görüntüler.

Bu, resimlerin aralarında metin olduğu normal bir blog gönderisinde anlamlıdır.

Ancak bir galeride resimleri yan yana görüntülemek istersiniz. Bu, kullanıcıların aynı anda daha fazla resim görüntülemesine olanak tanır ve galerinizi sitenizin diğer alanlarından ayırmanıza yardımcı olabilir.

Bu yan yana ekranı elde etmek için iki seçeneğiniz var. İlki, sütunları manuel olarak ayarlamak, ardından her sütuna görüntü blokları eklemektir. Üzerinde çalıştığınız sayfaya çok sayıda resim ekliyorsanız, bu çok sıkıcı bir süreç olabilir.

Diğer seçenek, WordPress'te nasıl galeri oluşturulacağını öğrenmektir. Bu, ilk seçenekten çok daha kolaydır. Ayrıca, resimlerinizin nasıl görüntüleneceğini özelleştirmek için size daha fazla yetenek sağlar.

Nasıl çalıştığına bir göz atalım!

Basit Sayfa
#WordPress'te #galeri nasıl oluşturulur?
Tweetlemek için tıklayın

Eklenti olmadan WordPress'te bir galeri nasıl oluşturulur?

Web sitenize yeni bir şey yüklemek istemiyor musunuz? WordPress Gutenberg düzenleyicisinin yerleşik bir galeri bloğu sunduğunu duymaktan memnun olacaksınız. Engelleme menüsünü açıp Galeri'yi arayarak herhangi bir sayfaya veya gönderiye ekleyebilirsiniz:

WordPress'te bir galeri nasıl oluşturulur: "Galeri" aramasını engelle

Eklemek için bloğa tıklayın.

WordPress'te bir galeri nasıl oluşturulur: galeri eklentisi

Daha sonra görüntüleri üç şekilde ekleyebilirsiniz:

  • Dosyaları bilgisayarınızdaki bir klasörden sürükleyip bırakın
  • Bilgisayarınızdan dosya yükleyin (aynı anda birden fazla dosya seçmek için Windows için CTRL tuşunu veya Mac için Command tuşunu basılı tutun)
  • Medya Kitaplığınızdaki dosyaları bulun (istediğiniz kadar görüntüye tıklayın)
WordPress'te bir galeri nasıl oluşturulur: Medya Kitaplığı

Medya Kitaplığı'ndan resim çekiyorsanız, Yeni galeri oluştur 'u tıklayın. Ardından, galeriye koymadan önce tüm resimlerinize altyazı ekleme seçeneği sunulur:

WordPress'te bir galeri nasıl oluşturulur: Medya Kitaplığına altyazı ekleme

Birkaç resim yükledikten sonra, galeriniz için özelleştirme seçeneklerini kenar çubuğunda görmek için aralarındaki boşluğa tıklayın. Varsayılan galeri bloğu, bir dizi sütun belirtmenize olanak tanır. Ayrıca görüntü kırpmayı ayarlamanıza, görüntülerin nereye bağlanacağına karar vermenize ve her görüntünün boyutunu seçmenize olanak tanır. Ayrıca, galeriniz için bir arka plan rengi seçmek için de kullanabilirsiniz.

WordPress'te bir galeri nasıl oluşturulur: resimler yerinde ve kenar çubuğunda görünen ayarlarla galeri bloğu

İkiden fazla sütun seçerseniz ve her satırda eşit olmayan sayıda resim varsa, üst sıradaki resimlerin alttaki resimlerden daha küçük olduğunu fark edeceksiniz. Bu ayarı değiştiremezsiniz, ancak bir resmi ızgaranın altına taşıyabilirsiniz. Bunu yapmak için, üzerine tıklayın ve üzerinde görünen ok düğmelerine basın. Bu, hangi görüntünün en büyük olduğunu seçmenizi sağlar.

WordPress'te bir galeri nasıl oluşturulur: resim düzenleme seçeneklerinin açık olduğu galeri bloğu ve resim taşıma aracını gösteren kırmızı bir ok

Ardından, bir resim yazısı ayarlamak için galerideki bir resme tıklayın.

Resmin altındaki "Altyazı ekle" alanını işaret eden kırmızı bloklu galeri

Kenar çubuğuna resmi açıklayan alternatif metin de ekleyebilirsiniz. Bu alternatif metin, arama motorlarının içeriğinizin ne hakkında olduğunu belirlemesini kolaylaştıracaktır. Alternatif metin ayrıca içeriğinizi, özellikle ekran okuyucu kullananlar gibi görme engelli kullanıcılar için daha erişilebilir hale getirir.

WordPress'te bir galeri nasıl oluşturulur: resim yazıları ve alt metin için resim galerisi blok seçenekleri

Ayrıca bloğun alt kısmına tüm galeri için bir başlık ekleyebilirsiniz. Bu, tüm resimlerinizi neyin birbirine bağladığını açıklamanıza, yaratıcıya itibar etmenize veya izleyicilerinize galerinizin içeriği hakkında daha fazla bilgi vermenize yardımcı olabilir.

Bloğun altındaki "Galeri yazısı yaz" alanını işaret eden kırmızı bir okla seçilen galeri bloğu

Ve işte, ilk WordPress galerinizi oluşturdunuz! Ancak, bu galeri seçeneğinin bazı sınırlamaları vardır. En önemlisi, görüntüler arasındaki boşluğu kontrol edemezsiniz. Bu düzeyde kontrol elde etmek istiyorsanız, bunun yerine WordPress'te Otter ile bir galeri oluşturmanız gerekir.

İşte tam da bunun nasıl yapılacağına dair hızlı kılavuzumuz:

Otter ile WordPress'te bir galeri nasıl oluşturulur?

Galeriniz için farklı düzen seçeneklerini denemek ister misiniz? Gelişmiş özelleştirme seçeneklerine erişilsin mi?

Su samuru yardım etmek için burada! Bu eklenti, normal Gutenberg editöründe bulunmayan birkaç bloğa erişmenizi sağlar. Bunlar, içeriğinize ekleyebileceğiniz simgeler, haritalar ve geri sayımlar gibi şeyleri içerir. Ayrıca, kaydırıcı bloğu ve amaçlarımız açısından en önemlisi, Masonry Gallery bloğu dahil olmak üzere içeriğinizi görüntülemenin yeni yollarına erişebileceksiniz.

Su Samuru Blokları afişi

Otter , Eklentiler > Yeni Ekle'ye gidip eklenti dizininde Otter'ı arayarak WordPress sitenize ekleyebileceğiniz ücretsiz bir eklentidir. Yükle'yi ve ardından Etkinleştir'i tıkladığınızda, gitmeye hazırsınız.

Otter hakkında daha fazla şey öğrenmek ister misiniz? Tam Otter İncelememize göz atın.

Web sitenize Otter yüklendiğinde, herhangi bir gönderiye veya sayfaya yalnızca birkaç adımda Duvarcılık Galerisi ekleyebilirsiniz:

  • Birinci adım: galeri ekleyin
  • İkinci adım: resim ekleyin
  • Üçüncü adım: galerinizi özelleştirin
  • Dördüncü adım: altyazı ve alternatif metin ekleyin
  • Beşinci adım: yayınlayın

Birinci adım: galeri ekleyin

Galerinizi eklemek istediğiniz sayfayı veya gönderiyi açın ve sayfanın herhangi bir bölümünün yanındaki + simgesine tıklayın. Ardından aramaya Duvarcılık yazın. Sayfanıza eklemek için bloğa tıklayın.

Mansory Arama

İkinci adım: resim ekleyin

Blok yerindeyken, resimlerinizi eklemek için üç seçeneğiniz olacak: bilgisayarınızdaki bir klasörden sürükleyip bırakın , Dosya Yöneticinizden yükleyin veya Medya Kitaplığınızdan ekleyin. Bilgisayarınızdan karşıya yüklüyorsanız, birden çok dosya seçmek için CTRL'yi basılı tutun (Mac için Komut). Medya Kitaplığından resim ekliyorsanız, istediğiniz kadar resme tıklayabilirsiniz ve hepsi yüklenir.

Medya kütüphanesi

Üçüncü adım: galerinizi özelleştirin

WordPress'te galeri oluşturmayı öğrenmenin bir sonraki adımı, görünümünü özelleştirmek.

Kenar çubuğunda özelleştirme seçeneklerini açmak için resimler arasındaki boşluğa tıklayın. Bu seçeneklerin birçoğunun öncekiyle aynı olduğunu fark edeceksiniz: sütun sayısı, görüntü kırpma ve bağlama ve görüntü boyutu. Ancak, iki yeni seçenek de var:

  • duvarcılık Bu, galerinizin genel görünümünü kontrol ederek fotoğraflar arasındaki kenar boşluklarının boyutunu kontrol etmenize olanak tanır. Unutmayın, kenar boşluğu değişiklikleri arka uca yansıtılmaz; ön uçta görmek için gönderiyi önizlemeli veya yayınlamalısınız.
  • Blok araçları . Galerinize animasyon eklemek için bu araçları kullanabilirsiniz. Ayrıca, görünümünü tamamen özelleştirmek için özel CSS ekleyebilir ve kullanıcıları sayfanızda aşağı kaydırırken takip etmesi için onu bir yapışkana dönüştürebilirsiniz. Ek olarak, galerinizi kimlerin ve ne zaman gördüklerini kontrol etmek için Görünürlük Koşulları ayarlayabilirsiniz.
WordPress'te galeri nasıl oluşturulur: Su samuru seçenekleri

Dördüncü adım: altyazı ve alternatif metin ekleyin

Henüz altyazı eklemediyseniz, bu aşamada altyazı eklemek isteyeceksiniz. Ayrı ayrı resimlere, üzerlerine tıklayarak ve sağlanan alana yazarak altyazı ekleyebilirsiniz.

Ortadaki görüntünün seçili olduğu ve görüntünün altındaki "Altyazı ekle" alanını gösteren bir ok bulunan galeri bloğu

Bir resme tıklamak, kenar çubuğunda alternatif metin özelleştirme aracını da açar. Yine, hem görme engelli kullanıcıların hem de arama motorlarının içeriğinizi daha iyi anlaması için alt metninizin görsellerinizi anlattığından emin olmak istiyorsunuz. En iyi etki için, kullandığınız sayfanın odak anahtar kelimesini resim alternatif metninizin bir kısmına veya tamamına dahil etmenin doğal bir yolunu aramak istersiniz.

WordPress'te bir galeri nasıl oluşturulur: Bloğun altındaki "Galeri yazısı yaz" alanını işaret eden kırmızı bir okla seçilen galeri bloğu

Ayrıca bloğun alt kısmında galeri için bir bütün olarak resim yazısı ekleyebileceğiniz bir alan bulacaksınız.

Beşinci adım: yayınlayın

Artık galerinizi dünyayla paylaşmaya hazırsınız! Sayfanızdaki diğer içerikten memnun olduğunuzdan emin olun, ardından WordPress editörünün sağ üst köşesindeki Yayınla düğmesini tıklayın.

Başa gitmek

WordPress'te nasıl galeri oluşturulacağına dair son düşünceler

Bir WordPress galerisi oluşturmanın birçok nedeni vardır. Fotoğraf veya tasarım çalışmalarınızı sergilemek için kullanabilirsiniz. Ayrıca düzenlediğiniz veya katıldığınız etkinliklerden resim koleksiyonları paylaşabilir veya ekibinizin iş başındaki resimlerini "Hakkında" sayfanıza ekleyebilir ve çok daha fazlasını yapabilirsiniz.

Bu güçlü görüntü görüntüleme araçlarının kurulumu da oldukça kolaydır. Normal WordPress editörüyle sadece birkaç tıklamayla basit bir galeri oluşturabilir veya gelişmiş özelleştirme seçeneklerine erişmek için web sitenize Otter Blocks ekleyebilirsiniz. Her iki durumda da, dünyayla paylaşmak için resimlerinizden oluşan güzel bir sergiye sahip olacaksınız.

WordPress'in nasıl kullanılacağı hakkında daha fazla bilgi edinmek ister misiniz? Bir WordPress sitesi oluşturmak için nihai kılavuzumuza göz atın!

#WordPress'te #galeri nasıl oluşturulur?
Tweetlemek için tıklayın

WordPress sitenizi hızlandırma konusundaki hızlandırılmış kursumuza katılmayı unutmayın. Aşağıda daha fazla bilgi edinin: