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.
Web sitelerindeki kaydırıcıları düşündüğümüzde, genellikle soldan sağa kayan “normal” yatay olanları düşünürüz. Fakat giderek daha fazla sayıda tasarımcı kaydırıcıları için daha az geleneksel çözümleri tercih ediyor. Bugün, etkileyici, modern görünümlü ve aslında yapımı oldukça kolay olan bir kaydırıcıdan bahsedeceğiz – dikey kaydırıcı. Bu kaydırıcılar, yatay olanlar gibi yalnızca üst kısmı yerine genellikle sayfanın tamamını kaplar. Bu durum sayfanın çok dinamik görünmesini sağladığı ve yine de Goodwish temamızın aşağıdaki örneğinden de görebileceğiniz gibi metin veya düğmeler gibi diğer öğeler için yeterli alan sağladığı için onları daha da etkileyici kılar.
Dikey Sürgü Nasıl Oluşturulur
Slider Revolution sayesinde, tüm sayfayı kaplayan bir dikey kaydırıcı oluşturma süreci hiç de karmaşık değil. Aslında, bu mükemmel eklentideki çoğu şey gibi oldukça basittir.
Devam etmeden önce önemli bir not: Tam ekran Slider Revolution dikey kaydırıcısı oluşturmayı planlıyorsanız, kullanacağınız görüntülerin boyutunun tam ekran alanını (1920×1100 piksel) kapsadığından emin olun.
Başlamak için yönetici kontrol panelinizden Slider Revolution’a gidin. Yapılacak ilk şey, doğal olarak oluşturmak istediğiniz kaydırıcı türünü seçmektir. Burada Slider adlı türü seçin.
Boyutlandırma altında, Tam Ekran’ı seçin.
Bir sonraki hareketiniz fare kaydırma yönünü ayarlamak olmalıdır. Gezinme> Madde İşaretleri’ne gidin. Önce Madde İşareti Türü anahtarını açın. Daha sonra Konum > Yönlendirme altında Dikey’i seçin.
Sonraki yapılacak şey, kaydırıcınızın son slayda ulaştıktan sonra dönmesini isteyip istemediğinize karar vermektir. Daha dinamik görüneceği için bu ayarı kullanmanızı öneririz, oysa sadece duran kaydırıcı bir sorun varmış gibi görünebilir.
Mouse > Mouse Scroll Navigation’a gidin ve Carousel yazan seçeneği seçin.
Hatta dikey kaydırıcıların oklara ihtiyacı yoktur, bu nedenle devam edip Oklar > Ok Türü altından bunları kapatabilirsiniz.
Daha Küçük Cihazlarda Dikey Kaydırıcılar
Şimdi, pek çok kişinin elde tutulan cihazlarını, en önemlisi de akıllı telefonlarını kullanarak internette gezindiği gerçeğini hesaba katmalısınız. Web sitenizde tam ekran dikey kaydırıcı varsa, bu cihazlarda da iyi göründüğünden ve çalıştığından emin olmak istersiniz. Kaydırıcılar için varsayılan kaydırma yönü yataydır: sonraki kaydırıcıya geçmek için kullanıcı sola kaydırır ve kaydırıcı değişir. Dikey kaydırıcılarla yön elbette dikey olmalıdır (yukarı ve aşağı), bu nedenle kaydırıcınızın daha küçük ekranlarda düzgün çalışmasını sağlamak istiyorsanız bunu da ayarlamanız gerekir.
Ayarları düzenlemek için Dokunma > Gezinme Seçenekleri’ne gidin. Burada, kaydırma yönünü (Swipe Yön) Dikey olarak ayarlayın.
Ve hepsi bu kadar. Artık, normal bir yatay kaydırıcıda yaptığınız gibi slaytlarınızı ve katmanlarınızı eklemeye başlayabilirsiniz.
Konu Özeti
Slider Revolution ile dikey kaydırıcıların oluşturulması kolaydır ve ziyaretçileriniz üzerinde bırakacakları izlenim açısından size uzun bir yol kat edebilirler. İlham arıyorsanız, tamamen işlevsel ve güzel dikey kaydırıcılara sahip birçok premium WordPress teması vardır, bu yüzden onları kontrol ettiğinizden emin olun.
Hatta Vertical Circled Slider widget’ını veya Divided Slider Reveal’ı içeren çok yönlü ve kullanışlı widget’lardan oluşan bir koleksiyon olan Elementor eklentisi için kendi WordPress Eklentilerimizi kontrol ettiğinizden emin olun. Bu durum sayfalarınıza kolayca uygulayabileceğiniz yenilikçi, modern bir çözümdür ve koleksiyonda başka pek çok kaydırıcı pencere öğesi de vardır.