Potansiyel okuyucuların dikkatini gönderilerinize çekmenin ve içeriğinizi kontrol etmelerini sağlamanın çeşitli yaratıcı yolları vardır. Aslında, birçok blog sitesi bu amaç için her türden büyüleyici blog gönderisi tasarımları oluşturmaya yöneliyor. Daha basit bir yaklaşım benimseyen ve yalnızca başlık ve ana sayfa veya blog sayfalarındaki gönderilere yönlendiren bir “daha fazla oku” düğmesi sunanlar var. Diğerleri, ziyaretçileri için görsel olarak sürükleyici bir deneyim yaratmak ve güzel duvar mizanpajları kullanarak gönderilerinin parçalarını düzenlemek ve hatta blog döngülerini kullanarak gönderilerinin tüm slayt gösterilerini sağlamak için kendi yollarından çıkıyor. Hatta dikkat çekici blog carousel öğesini kullanarak gönderilerinizin etkileşimli bir görüntüsünü oluşturmayı görev edinmiş olanlar arasındaysanız, o zaman doğru yerdesiniz.
Bu sefer size, en iyi blog gönderilerinizden bir seçkiyi etkili bir şekilde görüntülemek ve okuyucularınızın dikkatini gerçekten çekmek için kendi WordPress Addons for Elementor eklentimizi ve onun son derece esnek ve dinamik Blog Carousel widget’ını nasıl kullanacağınızı göstereceğiz. Aralarından seçim yapabileceğiniz birçok farklı tasarım ve blogunuz için benzersiz görünümlü ve çekici bir döngü oluşturmak için deneyebileceğiniz çok sayıda çok yönlü içerik ve stil seçeneği vardır. Sıfırdan bir blog oluşturma carousel öğesi oluşturacağız ve bu sırada widget’ın seçeneklerinin çoğunu kapsadığımızdan emin olacağız. Daha fazla uzatmadan, işte başlıyor:
-
Blog Carousel Widget’ı Ekleme ve Genel Ayarları Düzenleme
-
Blog Karuseli Widget’ını Şekillendirme
-
Düğmeleri, Simgeleri ve İçeriği Şekillendirme
Blog Carousel Widget’ı Ekleme ve Genel Ayarları Düzenleme
100’den fazla önceden tanımlanmış widget seti ile WordPress Addons for Elementor, neredeyse tüm WordPress siteleri için güzel ve çekici öğeler üretmek için kullanabileceğiniz en büyük ücretsiz Elementor koleksiyonlarından biridir. Widget listesi arasında yer alan çok yönlü Blog Carousel widget’ı, şık bir blog carousel oluşturmanıza ve bunu blog’unuzda istediğiniz yere yerleştirmenize yardımcı olur. Bu ücretsiz pencere öğesi, vitrin blog gönderilerini her türlü büyüleyici şekilde eklemenize yardımcı olma amacına sahiptir. Widget’ın çeşitli düzen ve özelleştirme seçeneklerini kullanabilir ve hatta blogunuz için benzersiz görünümlü bir döngü oluşturmak için bunları çeşitli şekillerde birleştirebilirsiniz. Metninizi tamamen özelleştirebilecek, simgeleri, düğmeleri, gezinme oklarını ve sayfalama madde işaretlerini stilize edebilecek, farklı düzenler seçebilecek ve çok daha fazlasını yapabileceksiniz.
Size bu çok yönlü widget’tan en iyi şekilde nasıl yararlanabileceğinizi gösterdiğimiz için etrafta dolaştığınızdan emin olun. Okumak yerine video izlemeyi tercih ederseniz, aynı konuyu işleyen videoyu da izlemenizi öneririz:
Elementor sayfa düzenlemenizin arka ucuna geldiğinizde, Elementor kenar çubuğunda “Blog Döngüsü”nü aradığınızdan emin olun.
Ekranınızın sağ tarafına sürükleyin. Varsayılan widget’ın neye benzediğini anında görebileceksiniz. Önceden tanımlanmış bir düzene sahip üç öğe vardır ve hem gezinme hem de sayfalandırma açıktır.
Fakat döngünün çalışması için bazı gönderileri önceden hazırlamanız gerektiğini unutmayın; biz de öyle yaptık:
Gönderiniz yoksa, döngü hiçbir şey görüntüleyemez. Bu yüzden bu widget ile çalışmaya başlamadan önce bazı blog gönderileri oluşturmalısınız.
Önceden bazı gönderiler oluşturduğunuzu varsayalım. Widget’ın Genel bölümüne gitme zamanı geldi. Bu bölümdeki ilk seçeneklerden biri, adı oldukça açıklayıcı olan Kaydırıcı Döngüyü Etkinleştir olarak adlandırılır. Varsayılan olarak Evet’e ayarlanmıştır, yani Hayır’a ayarlarsanız döngüde karuseli göstermeyi durduracaktır.
Orta Slaytları Etkinleştir seçeneği, varsayılan olarak Hayır olarak ayarlanmıştır. Fakat Evet olarak değiştirilirse, bir slaydın her zaman karuselin ortasında görünmesini sağlar. Bu seçenek, Kısmi Sütunları Etkinleştir adlı listede biraz daha aşağı inerseniz bulabileceğiniz başka bir seçeneğe biraz bağlıdır. Bu seçeneği Evet olarak ayarladığınızda ve Kısmi Sütun Değeri seçeneğindeki kaydırıcıyı kullandığınızda (yan sütunların ne kadar görüneceğini belirlemek için), aşağıdaki kısmi görünümü elde edersiniz:
Daha sonra ortalanmış slaytları etkinleştirebilir ve döngü çekiciliğinizi simetrik hale getirebilirsiniz; bu, kısmi görünümün artık parçacığın her iki tarafında da mevcut olduğu anlamına gelir. Hatta döner kaydırak merkezde yer alacaktır.
Sadece birkaç farklı seçeneği birleştirmenin karuselinizin görünümünü nasıl etkileyebileceğini hızlıca göstermek istediğimiz için bu ayarları şimdi kapatacağız.
Devam edersek, sayfa açılır açılmaz karuselin hareket etmesine izin veren Kaydırıcı Otomatik Oynatmayı Etkinleştir seçeneği de var.
Hemen altından Slayt Süresini tercihlerinize göre ayarlayabilirsiniz. Bu durum bir slaydın ekranda başka bir slaydın yerini almasına kadar geçen süredir.
Animasyon efektinin ne kadar süreceğini belirlemeye yarayan Kaydırıcı Animasyon Süresi seçeneği de vardır. Örneğimiz için her iki seçeneği de varsayılan olarak bıraktık.
Daha sonra varsayılan olarak etkinleştirilen Kaydırıcı Gezinmesini Etkinleştir seçeneği vardır (oklarda görüldüğü gibi).
Enable Slider Pagination seçeneği de başta belirttiğimiz gibi varsayılan olarak açıktır. Okların ve mermilerin aynı anda açık olması biraz fazla olduğu için ikinci seçeneği devre dışı bıraktık.
Görüntü Oranları seçeneği, kaydırıcınızdaki görüntülerin boyutunu seçmenize olanak tanır. Hangisinin tercihlerinize en uygun olduğunu görmek için bazılarını denemekten çekinmeyin. Özel örneğimize gelince, onu Orijinal’de bıraktık.
Sütun Sayısı seçeneği de kendi kendini açıklayıcıdır – istediğiniz sütun sayısını seçmenize olanak tanır (varsayılan sayı üçtür).
Duyarlı Sütun seçeneği, her ekran boyutunda gösterilmesini istediğiniz sütun sayısını manuel olarak ayarlamanıza olanak tanır. İlk iki seçenek dizüstü bilgisayarlar ve MacBook’lar içindir, sütun sayısı seçeneği ise normal masaüstü ekranları için kullanılır. İlk iki seçeneği varsayılan ayarlarında bıraktık ve geri kalan her şey için bir sütun belirledik (çünkü bunlar mobil ayarlardır).
Devam edersek, ayrı öğeler arasındaki piksel sayısını ayarlamak için kullanılabilen Öğeler Arasındaki Boşluk seçeneği vardır. Bizimki için 28 piksele yerleştirdik.
Sorgu Bölümü
Sırada Sorgu bölümü var. Burada, döngüde gösterilen Sayfa Başına Gönderilerin maksimum sayısını ayarlama seçeneğini bulacaksınız. Örneğimizde yalnızca üç gönderi var, bu yüzden onu üçe ayarladık.
Sıralama Ölçütü seçeneği, karusel içindeki gönderileri hangi ölçüte göre sipariş ettiğinizi seçmenize olanak tanır. Varsayılan olarak Tarih olarak ayarlanmıştır, biz de öyle bırakmıştık.
Daha sonra gönderilerin görüntüleneceği Sırayı seçebilirsiniz (Varsayılan, Azalan ve Artan). Ayarımızı Varsayılan olarak bıraktık.
Hemen altındaki Ek Parametreler seçeneği, döngüde görünecek gönderileri filtrelemenize olanak tanır. Yalnızca belirli Gönderi Kimlikleri, Taksonomi Bilgisi veya Yazar Adı olan gönderileri görüntülemeyi seçebilirsiniz. Taxonomy Slug’u seçtik.
Daha sonra kullanmak istediğiniz Taksonomiyi seçebilirsiniz. Kategori’yi seçtik.
Taxonomy Slug ve IDs alanlarında, gösterilmesini istediğiniz taksonomileri belirtebilirsiniz. Sonunda Taksonomi Kimlikleri seçeneğini kullanırsanız, farklı gönderilerin kimlik numaralarını virgülle ayırdığınızdan emin olmanız gerekir. Örneğimiz için Taxonomy Slug alanına “yaşam tarzı” ekledik.
Düzen Bölümü
Artık Düzen bölümü, dönen düzen ile ilgili ayrı bir dizi seçeneğe sahiptir.
İlk Öğe Düzeni seçeneği, öğelerin karuseldeki görünümünü ayarlamanıza olanak tanır. Kutulu ayar, aşağıdaki resimde gördüğünüz ayardır.
Fakat örneğimiz için, düzenimizi Tarih Kutulu olarak değiştirmeye karar verdik.
Başlık Etiketi seçeneği, başlığınızın etiketini (H1-H6) seçmenizi sağlar. H3 etiketini kullanmayı seçtik.
Daha sonra alıntıyı etkinleştirebilir veya devre dışı bırakabilirsiniz (varsayılan olarak oradadır, bu yüzden onu da korumaya karar verdik) ve uzunluğunu seçebilirsiniz.
İçeriği Ortala seçeneği, içeriğinizi ortalayıp ortalamamanızı sağlar. Bu seçeneği varsayılan olarak bıraktık.
Medyayı Göster seçeneğini kullanarak görüntünüzün görüntülenmesini devre dışı bırakabilirsiniz. Örneğimiz için görüntüyü ekranda tutmaya karar verdik.
Bilgi Simgelerini Göster seçeneği, bilgi metnini görüntülemek için simgeler göstermenizi sağlar. Ayarı Evet olarak değiştirirseniz (hemen sonra kapattık) bilgi metninin hemen yanında küçük simgeler görürsünüz.
Tarihi Göster seçeneği oldukça açıklayıcıdır. Varsayılan olarak etkindir ve bizimkini de tutacağız.
Sonraki, yine varsayılan olarak etkin olan Kategoriyi Göster seçeneğidir ve aynısı Yazarı Göster ve Düğmeyi Göster seçenekleri için de geçerlidir. Fakat örneğimizde, düğmeyi açık tutmaya karar verirken yazarı kapatacağız.
Daha Fazla Oku Düğmesi
Düğmenizi de saklarsanız, onu özelleştirmek için başka bir grup ayarı (Daha Fazla Oku Düğmesi ve Daha Fazla Oku Düğme Simgesi) kullanabileceksiniz.
İlk olarak Daha Fazla Oku Düğmesi ayarlarında, Daha Fazla Oku Metni’ni değiştirebilir ve başka bir şey görüntülemesini sağlayabilirsiniz (varsayılan olarak Daha Fazla Oku yazar). Bunu “Okumaya Devam Et” olarak değiştirdik.
Düğme Düzenini Sabit, Anahatlı veya Metinsel olarak seçebilirsiniz (bizim kullandığımız budur).
Düğme Metni Altı Çizili’yi de etkinleştirdik.
Bir sonraki bölüme geçerek, Devamını Oku Düğme Simgenizi seçebilirsiniz. Bir SVG yükleyebilir veya simge kitaplığından seçim yapabilirsiniz. Daha önce kitaplığa yüklediğimiz SVG’yi seçtik.
Simgenizi seçmeyi bitirdiğinizde Medya Ekle düğmesine basın.
Daha sonra Simge Konumunu düğme metninin sağında veya solunda olacak şekilde ayarlayabilirsiniz. Sağda kalmasını sağladık.
Blog Karuseli Widget’ını Şekillendirme
Bir sonraki Stil sekmesi, blog döngünüzün kapsamlı bir stili için kullanabileceğiniz bir dizi farklı seçenek içerir.
İlk bölüm, Gezinme Konumu adlı ilk seçeneğe sahip Kaydırıcı Gezinme Stili’dir. Temel olarak bu seçenek gezinme oklarının konumunu belirler. Inside ayarı varsayılan ayardır ve okları karuselin içine yerleştirir. Hatta bunları döngünün dışına yerleştirme veya Birlikte’yi seçip döngünün en altına yerleştirme seçeneğiniz de vardır. Bu sefer, Dış mekan ayarını seçtik.
Gezinmeyi Gizle seçeneği ile okların görünmeyeceği ekran genişliğini seçebilirsiniz. 768 pikselin altına ayarladık.
Daha sonra Gezinme Dikey Uzaklığı ve Gezinti Yatay Uzaklığı seçenekleri, okları yukarı veya aşağı (ya da yatay sapma için sola veya sağa) hareket ettirmenizi sağlar. Yatay ofset için %6,5 ayarlarken önceki seçeneği değiştirmedik.
Varsayılan gezinme oklarını başka bir şeyle değiştirmek isterseniz, Önceki Gezinti Oku ve Sonraki Gezinti Oku seçeneklerini kullanabilirsiniz. Kitaplıktaki simgeyi kullanarak bunları değiştirebilir veya bir SVG yükleyebilirsiniz.
Hem Önceki hem de Sonraki oklar için Medya Kitaplığına önceden yüklenmiş olan SVG’yi kullanmayı seçtik.
İşiniz bittiğinde Medya Ekle’ye bastığınızdan emin olun.
Bundan sonra oklarınızı daha da özelleştirebilirsiniz.
Hemen aşağıda, Normal simge görünümü ve Hover’da görüntü için ayarları göreceksiniz. Bu ayarlar, üzerine geldiğinizde simgenizin farklı görünmesini sağlar.
Normal ayarlar panelinde, simgenizin rengini değiştirmek için kullanabileceğiniz Gezinme Ok Rengi seçeneği vardır. Bunu, renk seçiciyi kullanarak veya kendi hex kodunuzu girerek yapabilirsiniz. Burada istediğiniz herhangi bir gölgeyi seçebilirsiniz.
Gezinme Oku Arka Plan Rengi de vardır. Sadece birkaç seçeneği daha göstermek için şimdilik #E47070 hex kodunu seçtik.
Adından da anlaşılacağı gibi Gezinme Ok Boyutu seçeneği, okların boyutunu artırmanıza olanak tanır. Öte yandan Gezinme Oku Tutucu Genişliği, oku içeren tabanın genişliğini ayarlamanıza olanak tanır. Son olarak Gezinme Oku Tutucu Yüksekliği, aynı tabanın yüksekliğini ayarlamanıza olanak tanır.
Bu seçenekleri ayarladıktan sonra alanın nasıl değiştiğini görebilirsiniz.
temize çıkacağız…