WordPress web sitenizde görüntülemek istediğiniz resimleriniz olduğunda, bunları Pinterest tarzı bir resim galerisine koymak, bunu yapmanın en popüler yollarından biridir. Aslında o kadar popüler ki, onu kullanan birçok premium WordPress teması bulacaksınız.
Oluşturmak da çocuk oyuncağı olabilir – Qi Addons for Elementor eklentimizle bu şekilde yaptık. Eklentide bulunan altmış Elementor eklentisi arasında (ücretsiz bir eklentide bulacağınız en fazla şey) bir Pinterest resim galerisi widget’ı bulacaksınız.
Sadece birkaç adımda WordPress’te Pinterest tarzı bir resim galerisi oluşturmak için widget’ı nasıl kullanabileceğinizi göstereceğiz. Videoyu tercih edenler için bir eğitim videosu oluşturduk ve izlemek isterseniz buraya yerleştireceğiz.
Widget sayfasında görebileceğiniz örnek galerilerden birini nasıl oluşturduğumuzu okumak isterseniz, bu yazıyla devam edebilirsiniz.
WordPress’te Pinterest Stili Resim Galerisi Ekleme
Bu gösteriyi takip edebilmek ve kendinize ait harika Pinterest tarzı resim galerileri oluşturabilmek için iki temel bileşene ihtiyacınız olacak: Elementor ve Qi Addons for Elementor eklentimiz. Web siteniz için hala bir temaya karar vermediyseniz ve premium fiyat etiketi olmadan premium görünen ve hissettiren bir şey istiyorsanız, ücretsiz Qi WordPress temamıza da göz atabilirsiniz.
Bu yüzden ilk adımınız Elementor’u yükleyip etkinleştirmek ve ardından Qi Addons for Elementor eklentisini yükleyip etkinleştirmek olacaktır. Bunu yaptıktan sonra, resim galerisini eklemek istediğiniz yeni bir sayfa veya gönderi oluşturmaya devam edebilir veya düzenlemek istediğiniz bir gönderi veya sayfayı açabilirsiniz. Her iki durumda da, Öğeler sekmesinde “Pinterest” için arama yapmak, Pinterest Resim Galerisi widget’ını getirir ve onu ücretsiz bir bölüme sürüklemek başlamanız için yeterli olacaktır.
Widget’ı eklemeden önce herhangi bir sütun oluşturmamış olmamız sizi endişelendirmesin. Galeriye herhangi bir resim eklenmeden önce widget’ın biraz sade ve boş görünümü de olmamalıdır.
Resim galerinizin size burada gösterdiğimiz gibi gerçekten tam genişlikte olmasını istiyorsanız, muhtemelen bazı ayarları gözden geçirmeniz gerekeceğini belirtmek için iyi bir zaman. Varsayılan olarak galeri, galerinin kenarları ile sayfanın kenarları arasında bir miktar boşluk bırakarak kutulanmış olabilir. Kullanmakta olduğunuz temaya ve seçtiğiniz düzene bağlı olabilir.
Galerinin ekranın tüm genişliğini kaplaması için düzenimizi ve bölümü nasıl ayarladığımızı size göstereceğiz. İlk olarak, sayfa ayarlarında, en geniş olanı seçmenize izin veren düzen seçeneklerini bulabilirsiniz. Bizim durumumuzda, Qi Teması ile bu, Qi Tam Genişlik Seçeneğiydi. Farklı bir tema kullanıyorsanız Elementor Tam Genişlik şablonunu veya temanızla birlikte gelen benzer bir seçeneği seçin.
Bu düzeni seçerken bölümü tam genişlikte yaptı, içeriği kutulu kaldı. Galerimizi yaparken böyle görünüyordu.
Bunu düzeltmek için, bölümün üstündeki orta düğmeye basarak, ne yeni bir bölüm eklemek için “+” ne de mevcut bölümü silmek için “x” olan orta düğmeye basarak Bölüm Düzenle menüsüne erişmemiz gerekiyordu. Düzenle Bölümü seçeneklerinde, İçerik Genişliği için varsayılan Kutulu seçeneği yerine Tam Genişlik’i seçtik ve Sütun Boşluğu seçeneğini Boşluk Yok olarak ayarladık.
Bu hile yaptı ve bize boşluksuz mümkün olan en geniş galeriyi verdi. Elbette hem kutulu kurulumdan çıkabilirsiniz hem de boşluklar için farklı seçenekler seçebilirsiniz – bu, örneği oluştururken yaptığımız yoldu.
Resim Galerisini Ayarlama
Şimdi eğlenceli kısma geçelim – resim ekleme ve galeriyi ayarlama. Pinterest Resim Galerisi İçeriği sekmesinde, Genel seçeneklerinin resimleri seçmenize izin verdiğini göreceksiniz. Bir galeri oluşturmak için düğmeye basmak sizi medya kitaplığınızdan resimler seçebileceğiniz veya yenilerini yükleyebileceğiniz bir menüye götürecektir. Halihazırda medya kitaplığımızda olan on resim seçtik.
Yeni galeriyi oluşturup widget’a ekledikten sonra, varsayılan galerinin nasıl göründüğünü göreceksiniz. Genişlik ayarlarını önceden yaptığımız için bizimki tam genişlikteydi ve öğeler arasında biraz boşluk bırakılarak üç sütun halinde geldi.
Bir sonraki ayar grubu, galeride oldukça önemli bazı değişiklikler yapabileceğiniz yerdir. Örneğin Galeri Ayarlarındaki ilk seçenek, resimler için özel bağlantıların etkinleştirilip etkinleştirilmeyeceğini seçmenizi sağlar. Fakat bunu yapmak, ışık kutusu açılır seçeneğini varsayılan olarak devre dışı bırakacaktır. Seçebileceğiniz diğer seçenekler arasında, farklı boyutlu ekranlar için farklı olacak şekilde ayarlayabileceğiniz sütun sayısı, öğeler arasındaki boşluk, görüntünün üzerine gelme efekti ve normal görünüm ve üzerine gelindiğinde bindirme renkleri yer alır.
Lightbox açılır penceresini etkinleştirdik çünkü bu, sahip olunması gereken çok faydalı bir seçenek. Galerimiz için beş sütun seçtik, fakat Duyarlı Sütunlar seçeneklerinde epeyce ayarlamalar yaptık. En büyük iki ekran boyutu için beş sütun seçtik. Bir sonraki için, üçe ayarladık ve iki tek sütunla bitirmeden önce iki ile takip ettik. Görüntüleri yeterince büyük tutarken hoş bir estetik etki için daha fazla sütun görüntülemek için daha büyük ekranların sağladığı ekstra alanı kullanmak istedik. Aynı şeyi daha küçük, daha dar bir ekranla yapmaya çalışmak, görüntülerin çok küçük olmasına neden olur. Bu yüzden ekran ne kadar darsa, o kadar az sütun kullandık. Yine de orada olacaklar, yan yana değil, sadece biri diğerinin altında olacaklar.
Öğeler arasındaki boşluğu sıfıra ayarladık ve görüntünün vurgulu yakınlaştırma orijini merkez olacak şekilde görüntünün üzerine gelindiğinde uzaklaştırılmasını seçtik. Hem normal hem de üzerine gelindiğinde bindirme rengi eklemeyi tercih etmedik, fakat galerinizi biraz renklendirmek istiyorsanız eklemekten çekinmeyin. Galerinizdeki resimleri tamamen engellemesini istemediğiniz sürece, seçtiğiniz herhangi bir renge bir dereceye kadar şeffaflık eklemeyi unutmayın.
Uyguladığımız son dokunuş, görüntüleri yeniden sıralamaktı. Genel seçeneklere geri dönerseniz, Galeri penceresine tıklamak galeriyi düzenlemenizi sağlar. Resimleri hareket ettirmek, sayfada göründükleri sırayı değiştirecektir. Galeriyi bitirip yeniden yerleştirdikten sonra sonuç buydu.
Çözüm Yolu
Mesleğinize ve web sitenizin amacına bağlı olarak, barındırabileceğiniz en önemli içerik türü görseller olabilir. Bu yüzden galeriler oluşturmanın ve onları göstermenin hızlı ve kolay bir yolunu bulmalısınız. Bu makalede, Elementor için Qi Eklentilerimizin Pinterest Resim Galerisi widget’ı sayesinde bu seçeneği nasıl sağlayabileceğini gösterdik.