Bu makale, devam eden Kaydırıcı Devrimi eğitim serimizin bir parçasıdır. Bu dizideki tüm makaleleri Kapsamlı Kaydırıcı Devrim Kılavuzumuzda bulabilirsiniz.
Sezgisel ve iyi tasarlanmış navigasyon, iyi bir kullanıcı deneyiminin anahtarıdır. Bu durum bir bütün olarak site için olduğu gibi, web sitenizin tüm bireysel bölümleri için de eşit derecede geçerlidir. Kaydırıcınız söz konusu olduğunda, gezinme yalnızca kullanıcılarınızın slaytlarınız arasında geçiş yapmasına izin vermekle kalmaz, aynı zamanda bir bakışta bakılacak daha fazla slayt olduğunu görmelerini sağlar. Bugün, Slider Revolution’a navigasyonun nasıl ekleneceğine bir göz atacağız.
Kaydırıcı için iki temel gezinme türü vardır: oklar ve madde işaretleri. Masaüstü ve dizüstü bilgisayarlar gibi daha büyük ekranlar için oklu gezinmeyi kullanacağız. Bullet navigasyonu tabletler ve telefonlar gibi daha küçük cihazlar için ayıracağız.
Slider Revolution’a Navigasyon Mermileri Nasıl Eklenir?
Yatay olarak yönlendirilmiş bir kaydırıcı kullanırken, ekranın soluna ve sağına oklar eklemek mantıklıdır. Slider Revolution’da okları açmak için Gezinme > Oklar’a gidin ve Ok Türü ayarını AÇIK olarak değiştirin.
Birkaç varsayılan ok stili vardır. Ok stilinizin görünümünü değiştirmek için hangi seçeneklerin mevcut olduğunu görmek için Ok Stili açılır menüsüne bakın.
Oklarınızın stiline karar verdikten sonra devam edip her oku ayrı ayrı (sol ve sağ) özelleştirebilirsiniz. Burada oynayabileceğiniz pek çok şey var.
Oklar, slaydınıza (Modül Boyutları) veya ızgaralarınıza (İçerik) hizalanabilir.
Daha sonra ok hizalamasını ayarlayabilir ve yatay ve dikey dolgular ekleyebilirsiniz.
Oklar da canlandırılabilir. Varsayılan görünen animasyon basit bir Fade’dir. Ekrana giriş şeklini değiştirmek isterseniz açılır menüden farklı bir animasyon seçin.
Hatta animasyonun hızını ve gecikmesini değiştirebilir, ayrıca daha küçük cihazlarda okları gizleyebilirsiniz. Altında Gizle’nin yanındaki anahtarı AÇIK konuma getirmediğiniz sürece oklar her zaman görünür olacaktır. Ardından tek yapmanız gereken, altındaki okların kaybolmasını istediğiniz ekran boyutunu girmek. Normalde 778px değerini kullanırız. Bunu yaparak, tüm dokunmatik cihazlarda (tabletler ve cep telefonları) okları gizleriz.
Gezinme stili kolaylıkla özelleştirilebilir ve öyle ki, herhangi bir kodlama bilgisi olmadan tamamen kendinize ait bir stil oluşturabilirsiniz.
Slider Revolution’a Gezinme Mermileri Ekleme
Daha önce de belirttiğimiz gibi, mermiler daha küçük olduklarından ve ekranda çok fazla yer kaplamadıklarından, daha çok dokunmatik cihazlarda navigasyon için kullanılırlar. Görüntülenecek daha fazla slayt olduğuna dair hoş ve incelikli bir gösterge görevi görürler.
Slider Revolution’da madde işaretlerini açmak için Gezinme > Madde İşaretleri’ne gidin ve Madde İşareti Türü ayarını AÇIK olarak değiştirin.
Tıpkı gezinme okları gibi, madde işaretlerinin de çeşitli stiller seçmenize olanak tanıyan bir açılır menüsü vardır.
Madde işaretleri arasındaki boşluğu tanımlamak için Boşluk değerini değiştirmeniz yeterlidir.
Mermilerinizin yönünü ayarlamak için Yönlendirme için yatay veya dikey arasında seçim yapın. Dikey kaydırıcınız olduğunda dikey yönü kullanmalısınız. Ve bu durumda, oksuz sadece mermi kullanmanızı öneririz. Fakat diğer her durumda, yönleri yatay olarak ayarlanmış daha küçük cihazlar için madde işaretleri kullanmanızı öneririz.
Masaüstü ve dizüstü bilgisayar ekranlarında madde işaretlerini gizlemek için Genişliği Gizle seçeneğini açın ve genişliği 1024 piksel olarak ayarlayın.
Orijinal bir görünüm oluşturmak istiyorsanız, mermilerinizin gezinme stiliyle de oynayabilirsiniz.
Konu Özeti
Ve hepsi bu kadar. Artık Slider Revolution’a nasıl navigasyon ekleyeceğinizi biliyorsunuz. Gezinme oklarınızı ve gezinme madde işaretlerinizi web sitenizin stiline daha iyi uyacak şekilde özelleştirmek için her zaman elinizden gelenin en iyisini yapmaya çalışmalısınız. Fakat kaydırıcınıza varsayılan gezinme öğelerini ekleyerek bile sitenizin kullanıcı deneyimini artıracak ve ziyaretçileriniz için daha sezgisel hale getireceksiniz. Herhangi bir nedenle Slider Revolution işinize yaramıyorsa, belki daha da iyi bir seçenek var ve bu, Elementor kullanıcıları için kendi kullanışlı widget koleksiyonumuz olan Elementor için WordPress Eklentileri. Koleksiyon, Hover-aware Slider, Animated Device Slider, Numbered Slider ve çok daha fazlası gibi bir dizi gelişmiş kaydırıcı widget’ı içerir.