Günümüzün internet kullanıcıları seçim yapmakta zorlanırlar ve kötü tasarlanmış bir web sitesinin izleyicilerin beğenisini kazanması pek olası değildir. Estetiğin giderek daha fazla önem kazanmasının nedenlerinden biri de budur: ziyaretçilerinizi yalnızca mükemmel içeriğinizle (yaratmak yeterince zor) değil, aynı zamanda nasıl sunulduğuyla da bağlamanız gerekir.
Bu eğitimde, size resim içeriğinizi sunmanın bir yolunu göstermek istiyoruz: kart galerisi. Bir kart galerisi, bir tür kart destesi gibi “karan” bir galeridir. Şuna benzer:
WordPress web sitenize bir kart galerisi eklemek kolay ve ücretsizdir, bu nedenle web sitenizi iyileştirebileceğini düşünüyorsanız tereddüt etmeniz için hiçbir neden yok. Ama bir kart galerisi kullanıp kullanamayacağınızı nasıl anlarsınız? Sadece estetik bir seçim mi, yoksa aynı zamanda işlevsel bir tasarım öğesi mi? Nasıl yapılır konusuna geçmeden önce bu sorunları ele almak ve sahip olabileceğiniz bazı soruları yanıtlamak istiyoruz.
İşte hakkında konuşacağımız konular:
-
Neden WordPress Web Sitenize Kart Galerisi Ekleyin?
-
Kart Galerisi Ne Zaman Kullanılmamalıdır?
-
Elementor için Qi Eklentileriyle Kart Galerisi Nasıl Oluşturulur
Neden WordPress Web Sitenize Kart Galerisi Ekleyin?
Bir kart galerisinin birden fazla kullanımı vardır, fakat esas olarak bir galeridir: ziyaretçilerinizin boş zamanlarında göz atabilecekleri fotoğraflar veya diğer resimler için bir vitrin.
Bir kart galerisindeki resimlerin her biri başka bir sayfaya bağlantı vermek için de kullanılabilir. Bu şekilde, kart galerinizi diğer web sitelerine veya kendi web sitenize gitmek için kullanabilirsiniz. Örneğin projeleriniz için logolar oluşturabilir, bunları kartlar halinde sunabilir ve bireysel proje sayfalarına bağlanmalarını sağlayarak kart galerilerini portföyler için ideal hale getirebilirsiniz. Ya da onları ekip sayfaları yerine kullanabilirsiniz, bu sayede bir ziyaretçi personelinizden birinin küçük resmine tıklayabilir ve onun biyografi sayfasına bağlanmasını sağlayabilir.
Fakat gezinme için kullanılmasa bile kart galerisi tıklanabilir bir animasyon öğesidir. Kullanıcılarınıza yapacakları bir şey verildiğinde, yalnızca resimlere bakmak yerine kendilerini daha meşgul hissedecek ve genel olarak kullanıcı deneyimini daha iyi hale getirecektir.
Kart Galerisi Ne Zaman Kullanılmamalıdır?
Resim galerileriyle ilgili olan şey, zorunlu olarak resim içermeleridir ve elbette, kart galerisi de bir istisna değildir. Bu durum galeri içeren bir sayfa yüklendiğinde, çok fazla resim içermeyen bir sayfanın yüklenmesine göre algılanabilir şekilde daha uzun sürebileceği anlamına gelir.
Galerileriniz için yüksek çözünürlüklü resimler kullanıyorsanız, bu uzun yükleme süreleri anlamına gelebilir ve bu da hemen çıkma oranınızı ve SERP sıralamalarınızı olumsuz etkileyebilir. Bu sizi ilgilendiriyorsa, grafikleri idareli kullanın.
Tabii ki, bazı web siteleri (sanatçı portföyleri, dövme salonları ve fotoğraf stüdyoları özellikle akla geliyor) doğası gereği görsellere ağırlık vermek zorunda. Bu yüzden kullanıcı deneyimini geliştirmek istiyorsanız görüntü optimizasyonuna bakmalısınız.
Elementor için Qi Eklentileriyle Kart Galerisi Nasıl Oluşturulur
Elementor eklentisi için kendi Qi Eklentilerimizi kullanarak nasıl kart galerisi ekleyeceğinizi size göstereceğiz. Fakat kullanmadan önce Elementor görsel düzenleyicisinin en son sürümünü (ücretsiz sürüm gayet iyi) yükleyip etkinleştirmeniz ve ardından Qi Eklentilerini yükleyip etkinleştirmeniz gerekir. Qi Addons tamamen ücretsiz bir eklentidir, bu nedenle tüm kurulumun size bir kuruşa mal olması gerekmez.
Elementor için Qi Eklentileri, Elementor’un zaten etkileyici olan tasarım öğeleri dizisini profesyonelce tasarlanmış 60 yepyeni pencere öğesiyle genişletiyor. Çok çeşitli galeri seçenekleri içerir ve kart galerisi widget’ı bunlardan yalnızca biridir. Widget’ı bir gönderiye nasıl ekleyeceğinizi göstereceğiz, fakat onu web sitenizin herhangi bir widget’a hazır alanına ekleyebilirsiniz. Ücretsiz Qi Temamızı kullanacağız, fakat eklenti, kullanıyor olabileceğiniz herhangi bir temayla iyi çalışmalıdır.
Elementor için Qi Eklentileri ile güzel ve işlevsel bir kart galerisi oluşturmak, bazı basit pencere öğesi ayarlarıyla yalnızca birkaç dakikanızı alır. Nasıl yapıldığını video eğitimimizde izleyebilirsiniz:
Fakat öğreticilerinizi metin biçiminde tercih ederseniz, size yardımcı oluruz: sadece okumaya devam edin.
WordPress web sitenize bir Qi Addons kart galerisi eklemek, diğer tüm Elementor widget’larında olduğu gibi başlar: onu sol taraftaki menünüzde bulun ve istediğiniz yere sürükleyin.
Öğenin varsayılan sürümü, üç yer tutucu resim içerir. İçerik sekmesinin Genel bölümünü kullanarak kart galerinizi kendi resimlerinizle doldurabilirsiniz.
İlk seçenek, varsayılan olarak Sağ olarak ayarlanan, tıklanabilir kartların sağda olduğu anlamına gelen Görüntü Karıştırma Stili’dir. Kartlarınızı Soldan veya Soldan ve Sağdan da karıştırabilirsiniz, biz bunu seçtik.
Daha sonra Görüntü Öğeleri bölümünü buluyoruz. Kart galerinize istediğiniz resimleri ekleyebileceğiniz yer burasıdır. Widget’ın varsayılan sürümü üç resim içerir ve bu kadarına ihtiyacımız var, fakat + Öğe Ekle düğmesine tıklayarak daha fazlasını ekleyebilirsiniz.
Bir Öğeye resim eklemek için üzerine tıklayın. Bir Öğenin iki kontrolü vardır: Bağlantı ve Öğe Resmi. Bağlantı alanı, bir öğe tıklandığında bir sayfaya bağlantı vermek için kullanılabilir. Öğenin bulunduğu sayfaya bağlantı vererek bizimkini # olarak ayarlayacağız, böylece bağlantı kurulduğunda nasıl görüneceğini ve davranacağını görebilirsiniz. Boş bırakmak, sayfa öğesinin hiçbir yere bağlantı vermeyeceği anlamına gelir.
Bir resim eklemek için Öğe Resmi kutusunu tıklayın. Resim Seç düğmesi fareyle üzerine gelindiğinde görünür olmalıdır.
Medya kitaplığınızdan bir resim seçebilir veya yeni bir resim yükleyebilirsiniz. Bir görüntü seçtikten sonra Medya Ekle’ye tıklayın.
Bağlantı alanına # girdik ve her Öğe için bir resim seçtik. Genel bölümündeki son kontrol Görüntü Oranları menüsüdür. Bu durum tüm öğeler için görüntünün boyutunu ve oranlarını yönetir. Küçük Resim, Kare, Yatay, Portre ve diğer birkaç seçenek arasından seçim yapabilirsiniz. Görüntülerimizin boyutunu koruyarak Orijinal’i seçtik.
Stil sekmesine geçtiğinizde, yalnızca iki kaydırıcı olduğunu göreceksiniz. İlki, Scale Step’tir. Etkin olmayan (tıklanabilir) görüntüleri orijinal boyutlarının belirli bir yüzdesine küçültmek için bu kaydırıcıyı kullanabilirsiniz. Bu kaydırıcıyı 0’a ayarlamak, resimlerin orijinal boyutunu korur. Ölçek ayarımız için 0,19’u seçtik ve etkin olmayan görüntüleri orijinal boyutlarının %81’i haline getirdik.
Ofset Adım kaydırıcısı, etkin olmayan görüntüleri etkin olana göre, yani etkin olmayan (tıklanabilir) görüntünün ne kadarının gösterildiğini dengelemek için kullanılır. Bu kaydırıcıyı 0’a ayarlamak, onları tamamen gizler, tıklanamaz hale getirir ve tüm widget’ı işe yaramaz hale getirir. 37 olarak belirledik.
Ve işte karşınızda, dakikalar içinde yapılan basit, zarif ve etkili bir animasyonlu kartlar galerisi.
Çözüm Yolu
Gördüğünüz gibi, Elementor için Qi Eklentileri ile WordPress web sitenize güzel, göz alıcı ve ilgi çekici bir widget’ı dakikalar içinde ve tamamen ücretsiz olarak ekleyebilirsiniz. Tasarladığınız bir web sitesi bu çarpıcı vitrinden faydalanabiliyorsa, artık WordPress araç setinizin bir parçasıdır. Ve Elementor için Qi Eklentileri ile ilk kez karşılaşıyorsanız, bunun birçok olası kullanımından yalnızca biri olduğunu unutmayın.