* Slider Revolution’ın daha eski bir sürümünü kullanıyorsanız (v6.0.0’dan önce), bu bağlantıdaki eğitimimize göz atın.
Web siteniz için güzel kaydırıcılar oluşturmak istiyorsanız, Slider Revolution ile yanlış gidemezsiniz. Çok sayıda güçlü özellik, bu eklentiyi binlerce WordPress uzmanı için 1 numaralı seçenek haline getirdi. Fakat Slider Revolution’ı daha önce hiç kullanmadıysanız, sunduğu tüm seçenekler biraz kafanızı karıştırabilir.
WordPress Interactive, Slider Revolution ile çok sayıda WordPress temasına sahip olduğundan, başlamanıza yardımcı olmak için bu kapsamlı kılavuzu oluşturduk. Eklentinin kurulumu ve temel kurulumundan slaytlarınıza katmanlar eklemeye, çarpıcı animasyonlar oluşturmaya ve daha fazlasına kadar her şeyi ele alacağız.
Fakat işe koyulmadan önce, Slider Revolution’ın ücretsiz bir WordPress eklentisi olmadığını belirtmeliyiz. CodeCanyon’dan 109$ karşılığında satın alınabilir. Fakat Slider Revolution ile birlikte gelen tüm WordPress Interactive temaları, eklentiyi tamamen ücretsiz olarak içerir. Dolayısıyla, WordPress Interactive’den Slider Revolution’ın dahil olduğu bir tema satın aldığınızda, bu harika eklentinin bir kopyasını hiçbir ekstra ücret ödemeden alırsınız.
Popüler Slider Revolution’a göre daha basit, daha özelleştirilebilir ve kesinlikle daha zarif bir alternatif olduğunu da belirtmek isteriz: kendi WordPress Addons for Elementor eklentimiz. 100’den fazla esnek, kullanımı kolay Elementor widget’ıyla bu eklenti, kaydırıcılar dahil olmak üzere aklınıza gelebilecek her türlü sayfa öğesi için çok yönlü bir çözümdür. Ve burada ayrıntılı olarak listelenemeyecek kadar çok sayıda şaşırtıcı kaydırıcı widget’ı içerir. Fakat WordPress Eklentileri ile Divided Slider Reveal, Hover-Aware Slider ve hatta Vertical Circled Slider gibi gelişmiş kaydırıcı öğeleri oluşturabileceğinizi söyleyelim.
Web sitenizi düzenlemek için Gutenberg’i tercih ediyorsanız, Gutenberg için WordPress Blokları koleksiyonumuzun bir parçası olarak bazı harika kaydırıcı bloklarımız olduğunu duymaktan mutluluk duyacaksınız. Basit ama çarpıcı bir Görüntü Kaydırıcısı ve ilgi çekici Önce/Sonra Karşılaştırma kaydırıcısı var. Daha sonra ilginç bir Kart Kaydırıcısı ve Cihaz Çerçevesi Kaydırıcısı ve ayrıca içeriğiniz için sayfalarınızı canlandıracak ve ziyaretçilerinizin ilgisini çekecek birkaç modern ve çarpıcı şekilde tasarlanmış kaydırıcı çözümleri var.
Bu eklentiler, Slider Revolution’dan daha ucuz oldukları ve kaydırıcıların yanı sıra çok daha fazla işlevsellik barındırdıkları için daha iyi bir çözüm bile olabilir. Yine de, bugün Slider Revolution kurulumu ve kullanımı konusunda size yol göstermek için buradayız, o yüzden konuya geri dönelim.
Bu kılavuzda aşağıdaki konuları ele alacağız:
Öncelikle, Slider Revolution’ı WordPress web sitenize nasıl kuracağınızı göstereceğiz.
1. Eklentiyi kurma ve etkinleştirme
Slider Revolution’ı WordPress Interactive temalarıyla yükleme
Slider Revolution ile WordPress Interactive temalarından birini satın aldıysanız, Slider Revolution’ın temanızla birlikte gelen ücretsiz sürümünü yüklemek ve etkinleştirmek için gerekli adımlar aşağıdadır.
Eklentiler’e gidin. Sayfanın üst kısmında, temayla birlikte yüklemeniz gereken tüm önerilen eklentileri içeren bir bildirim göreceksiniz. Bu eklentilerden biri de Slider Revolution.
Eklentileri yüklemeye başla’yı tıklayın.
Eklentiler listesinde, Slider Revolution’ın yanındaki kutuyu işaretleyin ve Yükle düğmesine tıklayın.
Eklenti yüklendikten sonra, Eklentinin başarıyla yüklendiğini belirten bir bildirim göreceksiniz. Gerekli eklenti yükleyicisine geri dönme zamanı.
Şimdi eklentiyi tekrar seçin ve bu kez etkinleştirmek için Etkinleştir’e tıklayın.
Slider Revolution eklentisinin ücretsiz sürümünüz artık yüklendi ve etkinleştirildi. Sayfayı yenilediğinizde yönetici panelinizin kenar çubuğunda göreceksiniz.
Slider Revolution’ın ücretli sürümünü yükleme
Slider Revolution’ı yükleme işlemi, başka herhangi bir eklentiyi yüklemekten çok farklı değildir. Yine de, belirli adımlardan geçmek zarar vermez.
Eklentiyi satın aldıktan sonra yapmanız gereken ilk şey, dosyasını CodeCanyon’dan indirmektir. Daha sonra WordPress Panonuza gidin ve Eklentiler – Yeni Ekle’ye gidin.
Ekranın üst kısmındaki Eklenti Yükle düğmesine tıklayın.
CodeCanyon’dan indirdiğiniz dosyayı bulun ve seçin. Ardından Şimdi Kur’a tıklayın.
Yükleme işlemi tamamlandıktan sonra tek yapmanız gereken eklentiyi etkinleştirmek ve hazırsınız! Bu kolaydı, değil mi?
2. Kaydırıcı Devrimi ile İlk Adımlar
Slider Revolution eklentinizi yükleyip etkinleştirdiğinize göre, çarpıcı kaydırıcılar oluşturmaya hazırsınız. Fakat bu harika eklentiyle kendi sihrinizi yaratmaya başlamadan önce değiştirmek isteyebileceğiniz bazı temel ayarlar var.
Temel Duyarlılık Ayarları
Muhtemelen şimdiye kadar yanıt vermenin önemini biliyorsunuzdur. Sonuç olarak bugünlerde web sitesi trafiğinin çoğu mobil cihazlardan geliyor. Bu yüzden kaydırıcınızın görüntülendiği cihazdan bağımsız olarak eşit derecede iyi göründüğünden emin olmak istersiniz.
Slider Revolution için temel yanıt verme seçeneklerini ayarlamak için WordPress kontrol panelinizden Slider Revolution > Globals’e gidin.
Burada pek çok ayar bulacaksınız. Fakat biz yalnızca kaydırıcılarınızı duyarlı hale getirmeyle ilgili olanlara odaklanacağız:
Duyarlılık hakkında zaten her şeyi biliyorsanız, bir sonraki bölümü atlamaktan çekinmeyin. Yukarıdaki resimdeki sayıları ilgili alanlara kopyaladığınızdan emin olun. Aksi takdirde, bu sayıların gerçekte ne anlama geldiğini öğrenmek için okumaya devam edin.
Cihazlar ve Boyutları
Her bir cihazın piksel cinsinden temsil edilen kendi boyutu vardır. Standart Masaüstü monitörlerin genişliği 1920 pikseldir. Bu yüzden çalıştığımız maksimum genişlik olduğundan emin olmak için bu sayıyı Desktop Grid With alanına giriyoruz.
Bir sonraki alan, tüm dizüstü bilgisayarları, MacBook’ları ve yatay yönlendirilmiş tabletleri içeren Dizüstü bilgisayar aygıtları içindir. Hepsini kapsadığınızdan emin olmak için, dizüstü bilgisayar kullanıcılarının sitenizi görüntülemesini beklediğiniz maksimum genişliği girmelisiniz. 1600 piksel olduğunu varsayalım.
Şimdi Tabletler için veya daha doğrusu dikey olarak yönlendirilmiş tabletler için genişliği ayarlama zamanı. Burada, maksimum genişliğin 778 pikselin (iPad genişliği) üzerinde olmayacağını varsayıyoruz.
Hızlı not – isterseniz, hem yatay hem de dikey olarak yönlendirilmiş tabletler için bir genişlik kullanabilirsiniz. Bu durumda Tablet Grid Width alanına girmeniz gereken sayı 1025’tir. Şahsen, bu iki kategori için genişlikleri ayırmanın daha iyi olduğunu düşünüyorum. Bunun nedeni, dizüstü bilgisayarların ve yatay olarak yönlendirilmiş tabletlerin, yatay ve dikey olarak yönlendirilmiş tabletlerden daha benzer oranlara sahip olmasıdır.
Son olarak Mobil cihazlar için genişliği ayarlamanız gerekir. Cep telefonları her boyutta olduğundan bu zor olabilir. Çok büyük veya çok küçük bir sayı girmek her türlü sorunu yaratabilir. Tavsiyem burada 500 pikselin üzerine çıkmamanızdır (genellikle varsayılan ayar olan 480 piksel ile giderim). Örneğin 600px ile gitmeye karar verirseniz ve ekranın tüm genişliğini kaplayan metin veya resimleriniz varsa, daha küçük ekrana sahip bir mobil cihazı olan biri tüm sayfayı göremeyebilir. Bilgilerinizin tüm kullanıcılar, özellikle de mobil cihazlarda görünür olduğundan emin olmanız gerekir. İstatistiklere göre, 2018’de dünya çapındaki tüm web sitesi trafiğinin %52,2’si cep telefonları aracılığıyla oluşturuldu.
Tüm alanları doldurduktan sonra değişikliklerinizi kaydetmeyi unutmayınız.
3. İlk Kaydırıcınızı Oluşturma ve Özelleştirme
Artık küresel yanıt verme ayarlarını yapılandırdığımıza göre, ilk kaydırıcımızı oluşturmaya hazırız. Kaydırıcı Devrimi sekmesine gidin ve Yeni Boş Modül’e tıklayın:
Kaydırıcınızı Adlandırma
Artık çalışma çerçevesinde olduğunuza göre, yapmanız gereken ilk şey kaydırıcınıza bir ad vermektir. Sağdaki Modül Adlandırma bölümünü bulun (Başlık sekmesinin altında). İlk kaydırıcımıza “İlk Kaydırıcı Devrimim” adını vereceğiz – bu, Başlık alanına girmeniz gereken şeydir. Altındaki alan ‘Slider Alias’ için ayrılmıştır. Kaydırıcının adı da buraya yalnızca küçük harflerle ve sözcükler arasında boşluk yerine kısa çizgilerle girilmelidir. Kaydırıcınızı web sitenizdeki bir sayfaya eklemek için daha sonra bu Kaydırıcı Takma Adını kullanacaksınız.
Doğru Kaydırıcı Türünü Seçme
Yapmanız gereken bir sonraki şey, oluşturmak istediğiniz kaydırıcı türünü seçmektir. Aşağıdaki resme bir göz atın.
Düzen sekmesi altında üç tür vardır – Kaydırıcı, Sahne ve Karusel.
Kaydırıcı – birden fazla slaytınız varsa bu türü seçmelisiniz.
Sahne – yalnızca bir slaytınız olduğunda bu türü seçmelisiniz. Sahne’yi seçerseniz, gezinme madde işaretleri ve okları otomatik olarak gizlenir.
Karusel – aynı anda birden fazla slayt görüntülemek istiyorsanız bu türü seçin. Slaytlar radyal olarak ve bir 3B efektle (uzaklık ve alan derinliği kullanılarak) döndürülecektir.
Genellikle birinci ve ikinci tip sürgü ile çalışırım. Aslında, üçüncüye ihtiyacım olup olmadığını bile hatırlayamıyorum.
Artık oluşturmak istediğiniz kaydırıcı türünü seçtiğinize göre, Slider Revolution ile çalışmayı kolaylaştırmak için özelleştirebileceğiniz birkaç ayar daha var.
Kaydırıcı Boyutlandırma Ayarlama
Düzen sekmesinin altındaki ikinci seçenek, her bir kaydırıcı için varsayılan bir boyut seçmenize olanak tanır. İlk olarak kaydırıcınızı ne için kullanacağınıza karar vermelisiniz. Küçük bir kaydırıcı oluşturmayı planlıyorsanız veya sayfanızın belirli bir bölümünü canlandırmak istiyorsanız, muhtemelen “Otomatik” seçeneğini seçmek isteyeceksiniz. Öte yandan, büyük bir kaydırıcı oluşturmak istiyorsanız (genellikle sayfanın üst kısmında görüntülenir), özel ihtiyaçlarınıza bağlı olarak “Tam Genişlik” veya “Tam Ekran”ı seçmelisiniz.
İşte mevcut üç seçeneğin dökümü:
-
Otomatik – kaydırıcı, kabının genişliğini devralır. Bir sayfanın daha küçük bir bölümünü canlandırmak istiyorsanız bu mükemmel bir seçenektir.
-
Tam Genişlik – kaydırıcı her zaman ekranın tüm genişliğini kaplar. Kaydırıcının yüksekliği, görüntülendiği ekrana göre otomatik olarak ayarlanır.
-
Tam Ekran – kaydırıcı, görüntülendiği ekranın boyutundan bağımsız olarak her zaman tüm ekranı doldurur.
Gördüğünüz gibi, Slider Revolution sadece sayfanın üst kısmı için ayrılmış değil. Aksine, sayfanızın her bir bölümünü canlandırmak için kullanabilirsiniz. Lütfen sayfanızın ağırlığının farkında olun. Ne kadar çok kaydırıcı eklerseniz, sayfanız o kadar yavaş yüklenir. SEO sıralamanıza yansıyabileceğinden, aşırıya kaçmayın.
Duyarlılık Seçeneklerinde İnce Ayar Yapma
Duyarlılık söz konusu olduğunda, henüz işimiz bitmedi. Kaydırıcınızın kesinlikle tüm cihazlarda ve ekran boyutlarında mükemmel görünmesini sağlamak için, ilk Slider Revolution’ınıza slayt eklemeye başlamadan önce ince ayar yapmanız gereken birkaç ek seçenek vardır.
Masaüstü bilgisayarlar hariç tüm aygıtlar için katman ızgara boyutlarının varsayılan olarak Otomatik Boyutlar olarak ayarlandığını fark edeceksiniz. Her bir cihazın yanındaki anahtara tıklayarak tüm bu seçenekleri değiştirmenizi öneririm.
Artık otomatik boyutlar yerine, her bir ayrı cihaz için görüntülenen genel ayarlardan ızgara boyutlarını göreceksiniz. Kılavuz, kaydırıcı katmanlarınızın (metin, düğmeler vb.) görüntüleneceği alandır. İlk alan ızgaranın genişliğini gösterir (zaten Global Ayarlarınızda tanımlamışsınızdır), ikincisi ise yüksekliği gösterir.
Bir Tam Ekran kaydırıcıyla çalıştığınızı varsayalım. Yukarıdaki alanlara ne girerseniz girin, kaydırıcı arka planınız her zaman ekrandaki tüm görünür alanı kaplayacaktır. Fakat bu alanlar, katmanlarınızın gösterileceği ızgaranın boyutunu sınırlayacaktır….