Kaydırıcı Devrimi: En İyi Kılavuz

Slider Revolution, kelimenin tam anlamıyla günümüzün en popüler WordPress eklentilerinden biridir. 400 binin üzerinde satış ve ortalama 4.75 puanla eklenti, etkinliğini ve büyüklüğünü kanıtladı.

Devrim Kaydırıcısı: Eklentiyi bu kadar harika yapan nedir?

Slider Revolution, Themepunch tarafından geliştirilmiştir. Bu eklenti, web sayfaları için zengin, dinamik içerik oluşturmaya yönelik bir oluşturucudur. Sayfalara hareket katan heyecan verici slaytlar oluşturmanıza izin verdiği için vurgu “dinamik” üzerindedir.

Eklenti, kullanımı kolay bir oluşturucu ve tonlarca seçenek ile sağlanır. İyi hazırlanmış ayar paketleri, kullanıcının kaydırıcının her ayrıntısını ayarlamasına ve kesinlikle farklı içerik türleri ile çalışmasına olanak tanır. Tüm sayfalar ve küçük bölümleri için ayrı gönderiler için kaydırıcılar oluşturulabilir. Eklentiyle daha kesin olmak için şunları oluşturabilirsiniz:

• görüntü kaydırıcıları ve karuselleri
• öne çıkan gönderiler kaydırıcıları
• sosyal medya beslemeleri
• medya galerileri
• kahraman blokları ve ön sayfalar

Web sitenizde Slider Revolution'ı kullanmanız için nedenler

Slider Revolution ile yanlış gidemezsiniz. Kullanıcı dostu araçlara sahip kapsamlı bir eklenti, güzel kaydırıcılar oluşturmak için mükemmel bir çözümdür ve işte bunun nedenleri.

Paketlenmiş Eklenti

Bugün hemen hemen her WordPress teması, bir Slider Revolution eklentisi ile birlikte gelir. Genellikle tema paketi, eklentinin ücretsiz sürümünü içerir. Paketlenmiş eklenti çok temel özelliklerle sınırlıdır, ancak yine de temayı kaydırıcı oluşturucu ile birlikte almak çok uygundur.

Ancak, eklentinin birçok özelliğine erişmek istiyorsanız, bağımsız eklentiyi satın alma seçeneğiniz vardır. Normal lisans size 29 dolara mal olacak ve onu Codecanyon pazarından alabilirsiniz.

Genişletilmiş lisans için yaklaşık 150$ ödemeniz ve sadece 9$ karşılığında bir yıllık teknik destek almanız gerekecek.

Evet, eklenti size biraz pahalıya mal olabilir, ancak eklentinin normal lisansıyla bile harika kaydırıcılar oluşturabilirsiniz.

şablonlar

Harika eklenti, sizi yalnızca araçlar ve özelliklerle etkilemekle kalmayacak, aynı zamanda iyi görünümlü hazır düzenlerden oluşan bir koleksiyona da sahip. Slaytınızda kullanabileceğiniz harika bir hazır şablon koleksiyonu ve ücretsiz medya nesneleri kitaplığı, slayt oluşturma işlemini basitleştirecek ve hızlandıracaktır. Herhangi bir projeniz için şablon seçebilir ve sıfırdan bir kaydırıcı oluşturmak yerine zamandan tasarruf edebilir ve önceden oluşturulmuş düzen ile devam edebilirsiniz.

Seçtiğiniz şablonu içe aktarın ve hemen oluşturmaya başlayın.

Bunun yanı sıra, yazı tipi simgeleri, arka plan resimleri, şeffaf PNG nesneleri, SVG ve diğerleri gibi farklı nesnelerin büyük ücretsiz kitaplığına erişebileceksiniz. Bunları kullanabilir ve slaytlarınıza kolayca ekleyebilirsiniz.

Görsel düzenleyici

Slider Revolution, kaydırıcı şablonları oluşturmayı ve değiştirmeyi çok kolaylaştıran harika bir WYSIWYG düzenleyicisiyle birlikte gelir. Birçok web sitesi sahibi, karmaşık kodlar yazmayı veya bu görev için ayrı bir ekip tutmayı zor buluyor. Kaydırıcı düzenleyici sayesinde zamandan tasarruf edebilir ve olağanüstü slaytlar oluşturmak için sürükle ve bırak özelliğinin keyfini çıkarabilirsiniz.

Slider eklentisi, oluşturduğunuz kaydırıcılarla daha yaratıcı olmanıza ve bunları web sitenizde kolayca sunmanıza olanak tanır. Özel kaydırıcı konumu oluşturma, kaydırıcı gecikmesini seçme, geçişler ekleme, medya katmanları ekleme vb. gibi tonlarca özel seçeneğiniz olacak. bu, açılır liste kullanılarak hemen yapılabilir. Ayrıca eklenti, gezinme stilini değiştirmenize ve oklar, madde işaretleri, sekmeler ve küçük resimler eklemenize olanak tanıyan birçok gezinme özelliğine sahiptir.

Yüksek Hızlı performans

Slider Revolution, hızlı yüklemek için iyi kodlanmıştır. Kaydırıcıların tüm yönleri optimize edilmiştir ve sorunları gidermek için gelişmiş hata ayıklama seçeneklerini kullanır, çekirdek dosyaları otomatik olarak yükler ve kullanılan özelliklerle ölçeklenir. Ayrıca akıllı tembel yükleme kullanır ve SEO için optimize edilmiştir.

Duyarlı Düzenler

Birçok web geliştiricisinin yaşadığı en büyük sorunlardan biri, kaydırıcıların yanıt vermemesidir. Sonuç olarak, bu kaydırıcılar küçük cihazlarda iyi çalışmaz veya hiç görüntülenmez. Duyarlılık, kullanıcı deneyiminin önemli bir bileşenidir. Cep telefonlarından gelen yoğun trafik nedeniyle, kaydırıcılarınızın diğer cihazlarda iyi performans göstermemesi utanç verici olacaktır.

Slider Revolution sadece basit bir kaydırıcı değildir. Eklenti yanıt vermeye hazırdır, bu nedenle oluşturduğunuz slaytlar ne olursa olsun, kullanılacakları cihaz için optimize edileceklerinden emin olabilirsiniz.

Slider Revolution, her kaydırıcı için duyarlı kesme noktaları ayarladığınızdan emin olarak, herhangi bir tasarımın farklı cihazlarda ve küçük ekranlarda harika görünmesini sağlar. Seçtiğiniz seçenek ne olursa olsun – tekli, döner veya standart kaydırıcı, herhangi bir cihazda mükemmel göründüğünden emin olabilirsiniz.

Seçenekleri Özelleştirme

Slider Revolution eklentisinin bir diğer avantajı, çeşitli özelleştirme seçenekleridir. Slayt gecikmelerini ayarlayabilir, gezinme oklarını, paralaks arka planlarını seçebilir, medya katmanları ekleyebilir, düğmeler ekleyebilir, özel yazı tipleri ayarlayabilir, kenar boşlukları ekleyebilir ve daha pek çok şey yapabilirsiniz.

Slider Revolution eklentisi, her şeyi özelleştirmenize olanak tanır. Zaman kazanmak için, daha sonra slayt geçişlerinde, yazı tipi stillerinde ve katman animasyonlarında kullanmak üzere hazır ayarları kaydedebilirsiniz.

Slider Devrimi Eklentileri

Kaydırıcılarınızı daha karmaşık hale getirmek ve geçiş efektleri, animasyonlar ile çeşitlendirmek mi istiyorsunuz?

Senin gitmen iyidir! Slider, blog gönderileri ve güncel gönderiler gibi farklı içerik türlerini destekler, Twitter, Facebook, Vimeo, YouTube ve Instagram gibi sosyal platformlardan beslemeleri kullanmanıza olanak tanır. Kısa sürede bağlantı, video, resim ve metin ekleyebilirsiniz. Varyasyonlar özelliğinin yardımıyla, ziyaretçilerin kullanabileceği, zengin özelliklere sahip ve bilgilerle dolu bir slayt oluşturabilirsiniz.

Güvenlik

Web siteleri söz konusu olduğunda güvenlik en önemli unsurlardan biridir. Birkaç yıl önce Slider Revolution'dan etkilenen savaş güvenlik açığı olduğunu duyabilirsiniz. O zamandan beri Themepunch yazılımın korumasını artırdı ve şimdi eklenti sorunlarını düzenli olarak denetlemek için üçüncü taraf bir kuruluş kullanıyor. Böylece eklentinin son derece güvenli olduğundan emin olabilirsiniz.

Teknik Destek

Eklenti, ayrıntılı belgeler ve eklentiyle ilgili en popüler soruları içeren büyük SSS bölümü ile birlikte gelir. Bu nedenle, çalışma deneyiminiz olmasa bile kaydırıcı devrimine başlamak çok kolaydır. Ayrıntılı öğreticilerin mevcudiyeti, herkes için web sitesi için slayt oluşturmayı kolaylaştırır.

İçerik Kaynakları

Eklenti, çeşitli içerik kaynakları için kaydırıcıların oluşturulmasını başarıyla gerçekleştirir. İster bir WooCommerce ürünü ister ortak bir gönderi olsun, Slider Revolution araçlara sahiptir.

Güçlü özellikler, bu eklentiyi herkes için 1 numaralı seçenek haline getirir. Birincil avantajı, hepsi bir arada çözüm kategorisini sunmasıdır. Herhangi bir ekstra eklentiye ihtiyacınız yok, her şey eklentinin içinde.

Uygun fiyatlı olduğunu da belirtmeliyiz. Normal lisans size 26 dolara mal olacak. Fiyat karşılığında elde ettiğiniz özelliklerin sayısı göz önüne alındığında, Slider Revolution, sektördeki en uygun fiyatlı kaydırıcı eklentisidir.

Bu nihai kılavuzda, eklentinin kurulumundan yeni bir slayt eklemeye ve web sitesine yerleştirmeye kadar her şeyi ele alacağız.

Eklentinin kurulumu ve birincil kurulum

Tema geliştiricilerinin çoğu, tema paketinde Slider Revolution'ı içerir.

StylemixThemes'ten premium WordPress Temalarından birini satın aldıysanız, eklentiyi manuel olarak yüklemeniz gerekmez. Slider Revolution, demo içe aktarma ile otomatik olarak yüklenecektir.

Kullandığınız temanın paketi eklentiyi içermiyorsa, manuel olarak indirip yüklemeniz gerekir. Slider Revolution'ın bir kopyasını almak için bu bağlantıyı takip edin .

Eklentiyi satın almanız gerekecek. Envato hesabınıza giriş yapın ve satın alma işleminizi gerçekleştirin. Bundan sonra dosyayı indirin — “Yalnızca yüklenebilir WordPress dosyası” için indirme seçeneğini seçin.

Şimdi sitenize yeni bir eklenti eklemeniz gerekiyor. Kontrol panelinize gidin – Eklentiler > Yeni Ekle . Kurulum tamamlandıktan sonra eklentiyi etkinleştirin .

Tebrikler, hazırsınız ve ilk kaydırıcınızı oluşturmaya başlayabilirsiniz!

Slider Revolution nasıl güncellenir

Themepunch, kaydırıcı eklentisinin düzenli güncellemelerini yayınlar. Güncellemek için kontrol panelinizden Slider Revolution'ı açın ve Güncellemeler sekmesini takip edin. Bu sayfada “Eklenti Güncellemeleri” başlıklı küçük bir bölüm bulabilirsiniz. Burada, eklentinin şu anda hangi sürümünün web sitenizde yüklü olduğu ve güncelleme için uygun bir sürüm belirtilir.

Ayrıca standart yolu kullanarak Gösterge Tablosu > Güncellemeler'e giderek eklentinin yeni sürümünü oradan yükleyebilirsiniz.

Kaydırıcı Devrimi: Başlarken

Kaydırıcıyı ilk kez kullanıyorsanız, orada kullanılan tüm terminoloji ile yeterince açık olmayabilir. Kafa karıştırabileceğiniz üç ana unsur var. Bunlar modüller, slaytlar ve katmanlardır. Her biri diğerinin parçası olabileceği gibi bireysel olarak da çalışabilir.

Örneğin, kaydırıcı görevi görecek şekilde tasarlanmış bir modül oluşturabilirsiniz ve bu modül, slaytlar içerecektir. Bunun yanı sıra, gezinme menüleri veya başlıklar gibi hiç kaydırıcı olmayan, ancak yine de slayt içerecek modüller yapabilirsiniz. Bunun nedeni, Slider Revolution'ın başlangıçta bir kaydırıcı oluşturucu olarak oluşturulmuş olmasıdır, ancak şimdi tam bir web sitesi düzenleyicisi olarak da kullanılıyor. Böylece onun yardımıyla basit slaytlardan çok daha fazlasını oluşturabilirsiniz.

Modüller, Slaytlar ve Katmanlar Arasındaki İlişki

Modüller, Katmanlar için kapsayıcı olan Slaytlar için kaplardır.

Slaytları içeren modüller vardır. Her modülde en az bir slayt olmalıdır. Boş bir modül oluşturduğunuzda, otomatik olarak boş bir slayt eklenir. Ek slaytlar oluşturabilir veya her şeyi tek bir slayta ekleyebilirsiniz. Tamamen oluşturduğunuz içeriğin türüne bağlıdır.

Slide , katmanlar için bir kapsayıcıdır. Her slaytta en az bir katman olmalıdır. Yeni bir slayt oluşturulduğunda, otomatik olarak bir arka plan katmanı eklenir. Bu katman her zaman oradadır, yeniden adlandırılabilir ve görünmez hale getirilebilir, ancak kaldırılamaz. Bu arka plan alanı katmanlarla doldurulabilir.

Katmanlar görsel, işitsel veya düzen öğeleri içerir ve slaytlara eklenir. Metin, düğme, görüntü, ses, video, grup ve satır tüm katman türleridir. Her katman, tek bir ortam parçasını temsil eder. Katmanlar, fikrinizi en iyi şekilde gerçekleştirecek şekilde canlandırılabilir.

Slider Revolution nasıl kullanılır: Genel ayarlar

Daha önce de belirttiğimiz gibi, Slider Revolution tonlarca seçeneğe sahip ve bu bir abartı değil. Bu nedenle, kaydırıcıyı oluşturmaya başlamadan önce genel ayarlara göz atmanızı ve eklentiyle çalışmanın temel ilkelerini öğrenmenizi öneririz.

Kontrol panelinizden Slider Revolution'a tıklarsanız, eklentinin kurulum ekranını açabilirsiniz.

Kurulum ekranı

Ekranın üst kısmında aşağıdaki seçeneklerin bulunduğu sekmeyi bulabilirsiniz:

Modüller, Güncellemeler, Aktivasyon, Haberler, Globaller, SSS, Destek.

Bu aşamada, yalnızca ikisiyle çalışacağız: Modüller — yeni bir tane oluşturmak için ve Globals — global eklenti ayarlarına bakmak için.

Genel Ayarlar

Globaller ile başlayacağız . Genel ayarlar temel olarak birkaç bölüme ayrılmıştır:

• Genel
• Varsayılan Düzen Izgara Kesme Noktaları
• yazı tipleri
• Çeşitli

Bu ayarlar, yeni bir kaydırıcı, özel yazı tipi yükleme, veritabanı oluşturma ve daha fazlasını oluştururken uygulanan varsayılan duyarlı ızgara seçeneklerinden sorumludur.

Odaklanmanız gereken sadece birkaç seçenek var. Birincisi, gelecekteki kaydırıcılarınızın herhangi bir cihazda iyi görünmesini sağlamak için yanıt vermedir. İşte cihazlar ve boyutları hakkında hızlı bir kılavuz.

Varsayılan düzen ızgara kesme noktası bölümünde , masaüstü, dizüstü bilgisayar, tablet ve mobil gibi farklı aygıt türleri için genişliği piksel olarak ayarlayabilirsiniz.

Her aygıtın kendi boyutu olduğu sürece, kaydırıcının doğru görüntülenmesini sağlamak için her tür için tam genişliği girin.

• Standart Masaüstü monitörleri 1920 piksel genişliğe sahiptir.
• Tüm dizüstü bilgisayarları, MacBook'ları ve yatay yönelimli tabletleri içeren dizüstü bilgisayar cihazları yaklaşık 1600 piksel genişliğindedir.
• Dikey olarak yönlendirilmiş tabletlerin genişliği 778 pikselden fazla değildir (iPad'e göre).
• Ve mobil cihazlar. Bu önemli bir kısım çünkü günümüzde tüm internet trafiğinin yarısından fazlası mobil cihazlar üzerinden oluşturuluyor ve kullanıcılar web sitenizdeki kaydırıcıları düzgün göremiyorlarsa bu tatmin edici olmayacaktır. Ancak bu kafa karıştırıcı olabilir ve bunun nedeni modern akıllı telefonların kesinlikle farklı boyutlara sahip olmasıdır. Numarayı 500 pikselin üzerinde değil, kullanmanızı öneririz.

Kontrol etmek isteyebileceğiniz ikinci şey, kaydırıcıya erişimdir. İzin seçeneği, yöneticiler ve editörler dışındaki diğer kullanıcıların eklentiye erişimini reddetmenize olanak tanır .

Artık kaydırıcılarınızı oluşturmaya başlayabilirsiniz! Kullanabileceğiniz üç seçenek vardır. Sıfırdan başlayabilir ve yeni bir kaydırıcı oluşturabilir, Slider Revolution şablonlarından bir dosyayı dışa aktarabilir veya temanızla birlikte verilen örnek kaydırıcıları içe aktarabilirsiniz.

Yazımızda ilk seçeneği inceleyeceğiz ve sıfırdan yeni bir kaydırıcı oluşturacağız. Bu, daha fazla eklentinin olanaklarını keşfetmemize izin verecek.

Yeni bir kaydırıcı oluşturma

Şimdi bazı birincil kurulumlarla işimiz bittiğinde yeni bir slayt oluşturmaya başlayabiliriz. Slider Revolution ayarlarını açın ve New Blank Module'e tıklayın.

Hızlı kılavuzu gözden geçirmeniz önerilecektir. Kısa bir ders almak istiyorsanız Başlangıç ​​Kılavuzu'na tıklayın. Veya bu adımı atlamak için kılavuzdan çıkın.

Ekranınız birkaç alana bölünecektir: soldan tüm içeriğin görüntülendiği bir çerçeve var, sağdan – bölümleri ve ayarları olan bir çalışma alanı.

Genel seçenekler

Genel Seçenekler ile başlayalım . Ayarları açmak için Dişli simgesine tıklayın. Öncelikle modülümüze bir isim vermemiz gerekiyor. Başlık bölümüne adı girin ve Takma Ad için küçük harflerle ve kelimeler arasında boşluk yerine kısa çizgilerle kopyalayın.

Kaydırıcıyı bir sayfaya eklemek için takma ad gerekir. Sağlanan kısa kodu kopyalayıp kaydırıcınızı görüntülemek istediğiniz sayfaya veya gönderiye yerleştirerek de kullanabilirsiniz.

Bundan sonra, türü ve masaüstü katman alanı yüksekliğini ve genişliğini özelleştirebiliriz. Bu ayarlar, Düzen sekmesinin altında bulunur.

Tür için seçebileceğiniz üç seçeneğiniz vardır:

• Kaydırıcı — tek tek görüntülemek için dönen birkaç animasyonlu slayt.
• Sahne — içerik modülü olarak kullanılabilen tek bir slayt.
• Carousel — aynı anda birden fazla görünen birçok slayt.

Belirtmemiz gereken bir sonraki ayar boyutlandırmadır. Ayrıca üç seçenek mevcuttur:

Otomatik – bu, kaydırıcınızı WordPress temanız tarafından tanımlanan ana kap genişliğine kadar genişleten varsayılan parametredir.

Tam genişlik — tam genişlikte bir kaydırıcı seçeneği soldan sağa doğru uzanır (yine de yüksekliği tanımlamanız gerekir)

Tam ekran — tarayıcınızın veya cihazınızın boyutu ne olursa olsun tüm ekranı dolduran büyük kaydırıcılar için.

Slider Revolution eklentisi ile web sitesinde sayfanın her bölümünü canlandırabilirsiniz. Lütfen bunu yaparken sayfanızın ağırlığının artacağını ve bu nedenle sayfanızın yüklenmesinin daha fazla zaman alacağını göz önünde bulundurun. Sonuç olarak, SEO sıralamasını olumsuz etkileyebilir.

Ayarları yeniden boyutlandır

Klasik veya doğrusal yeniden boyutlandırma , ana ekran boyutu ayarlarınızı yapılandırdıktan sonra kaydırıcınızın uygun şekilde sıkıştırılmasını sağlar (örneğin, 1000×400 piksellik bir kaydırıcı, yazı tipleri, resimler ve diğer kaydırıcı öğeleriyle birlikte 500×200 piksellik bir kaydırıcıya sıkıştıracaktır).

Akıllı devralma , ayarlama seçeneğiyle birlikte, seçtiğiniz masaüstü ayarlarına dayalı olarak otomatik cihaz boyutları oluşturmayı etkinleştirir.

Özel veya manuel kurulum , kaydırıcı boyutlarını farklı ekran genişliklerinde (masaüstü, dizüstü bilgisayar, tablet ve telefon) ayarlama özelliği ile tam pikselleri kullanarak kaydırıcı boyutunuzu ayarlamanıza olanak tanır.

Slaytların duyarlılığı

Hareketli. Duyarlılığı henüz bitirmedik. Tarayıcı genişliğini belirtebileceğiniz bir Katman alanı boyutu vardır.

Genellikle, seçenekler varsayılan olarak Otomatik Boyutlar'a ayarlanır ve yalnızca masaüstü parametreleri belirtilir. Bunları açarak diğer seçenekler için de aynısını yapabilirsiniz.

Ayrıca, belirli bir cihazı açarsanız, çalışma alanınız (sürgülü konteyner) seçilen cihazın parametrelerine göre ayarlanacaktır, yani beton cihaz için kaydırıcının görüntüsünü kontrol edebilirsiniz.

Her cihaz için genel ayarlardan belirlenmiş ızgara boyutları olacaktır. Izgara, kaydırıcı katmanlarınızın bulunduğu alandır. Girmeniz gereken kesin sayılar yoktur. Birkaç seçeneği denedikten ve keşfettikten sonra sizin için en iyi olanı anlayacaksınız.  

Bu sadece başlangıçtı, kaydırıcıyla daha fazla çalışmanızı kolaylaştıracak bazı genel seçenekler. Ve bu kısımla işiniz bittiğinde bir sonraki adıma geçebilirsiniz.

Seçeneklere daha yakından bir bakış

Genel seçeneklerin yanı sıra, çokça etkileşim kuracağınız üç sekme daha var. Çalışacağınız ana ayarlarda size rehberlik etmek istiyoruz. Temel olarak, slaytların oluşturulması, sürece dahil olan birkaç bileşeni dikkate alır. Bunlar genel seçenekler, gezinme ayarları, slayt seçenekleri ve katmanlardır.

Slider Revolution'ın tonlarca seçeneği olduğunu söylerken şaka yapmıyorduk. Ele alınacak çok fazla unsur var, hepsini biraz açıklayalım ve sonra en önemlilerini daha ayrıntılı bir şekilde gözden geçirelim.

1. Genel seçenekler

Başlık ve Düzen gibi Genel Seçeneklerden bazı öğelere zaten değindik. Ancak bunların dışında ayarlamanız gereken başka şeyler de var.

Sonuç olarak, Genel seçenekler aşağıdakileri ayarlamanıza izin verir:

Başlık — kaydırıcının adını sağlamak için.
Düzen — kaydırıcı türünü (kaydırıcı, sahne veya karusel) ve boyutlandırmayı (otomatik, tam genişlik veya tam ekran) seçin. Bu, katman alanı için genişlikleri ve yükseklikleri, modülünüzün konumunu, varsayılan bir arka plan rengini veya görüntüsünü ve daha fazlasını düzenlemeye yardımcı olur.
İçerik — içeriği kaydırıcıya eklemenin yolunu tanımlar. 9 içerik kaynağı arasından seçim yapabilirsiniz.

• Varsayılanlar — burada önemli bir parametreye odaklanmanızı öneririz — Slayt Süresi (her slaydın ne kadar süreceği).
• Genel — bu bölüm, otomatik döndürme, fareyle üzerine gelindiğinde durma, slaytları döngüye alma ve belirlenmiş bir ilk slaydı seçme için slayt gösterisi ayarlarını içerir. Burada ayrıca kaydırıcınızı mobil cihazlarda veya belirtilen piksel genişlikleri altında gizleyebilir veya devre dışı bırakabilirsiniz.
• Kaydırmada — bu, kullanıcıların paralaks, 3B derinlikler, zaman çizelgesi, solma, bulanıklık, gri tonlama ve daha fazlası gibi kaydırma efektlerini seçmesine olanak tanır. Tüm efektler özelleştirilebilir ayarlarla birlikte gelir.
• Döndürücü – veya ön yükleyici ve eklenti, aralarından seçim yapabileceğiniz 15 döndürücü seçeneğine sahiptir.
• Gelişmiş seçenekler, geç yüklemeyi etkinleştirmenize, bir geri dönüş görüntüsü seçmenize veya eski tarayıcılarda kaydırıcınızı basitleştirmenize olanak tanır.
• CSS/jQuery — burada kaydırıcılara kendi özel kodunuzu ekleyebilirsiniz. Bunun, programlama ve kodlama kavramına aşina olan profesyoneller veya kullanıcılar tarafından kullanılmasının daha iyi olduğunu unutmayın.
• Modal olarak – bu özel seçenek, bir açılır pencere veya ışık kutusu olarak görünen bir kaydırıcı oluşturmak istemeniz durumunda gereklidir ve size kalıcı kaydırıcınızı sayfalara eklerken kullanacağınız kaydırıcı konumu, kapak rengi ve kısa kod için seçenekler sunar.
• Dış görünüm — dış görünüm, oluşturabileceğiniz ve metin katmanlarına atayabileceğiniz ön ayarı sunar (vurgu, başlık, içerik metninin rengini belirtir).

Eklentiler — burada eklentileri bulacaksınız (not – eklentiler yalnızca kendi kaydırıcı lisansınızı satın aldıysanız kullanılabilir).

2. Navigasyon Seçenekleri

Birden fazla slayt eklemeyi planlıyorsanız, gezinme seçenekleri, kaydırıcıya madde işaretleri, oklar ve düğmeler gibi gezinme araçları eklemenize yardımcı olacaktır.

Tüm seçenekler, konum/hizalama, boyutlandırma, görünürlük ve genel stil/ön ayarlar için özelleştirmesi kolay ayarları içerir.

Gezinme öğeleri şunları içerir:

• İlerleme — mevcut slayt ilerlemesini görselleştiren ilerleme çubuğu veya daire.
• Oklar — ziyaretçilerin slaytlarınızı tıklamasını kolaylaştırır.
• Madde işaretleri — Slaytınıza eklemek için 14 gezinme noktası stili.
• Sekmeler — sekme gezintisinin gerekli olduğu içerik kaydırıcıları için çok kullanışlıdır.
• Thumbs — bir küçük resim görüntüsünü gezinme seçeneği olarak görüntülemek için gereklidir. 5 seçenek mevcuttur.
• Önceki Boyut — önizleme görüntüsünün boyutunu belirtir.
• Dokunma — blok kaydırma, hız ve yön seçeneklerini içerir.
• Klavye — klavye gezintisini etkinleştirebilirsiniz (erişilebilirlik için önerilir).
• Fare — atlıkarınca işlevi veya ters kaydırma gibi fare kontrolünü etkinleştirir.
• Gezinme Düzenleyici — bu bölüm okları, madde işaretlerini, sekmeleri veya başparmakları kendi özel kodunuzla özelleştirmek içindir.

3. Slayt Seçenekleri

Ayarların sonraki kısmı slayt seçenekleri ile ilgilidir.

• Arka Plan: Slaytınız için arka planı seçin. Saydam, renkli (degrade ekleyebilirsiniz), görüntü, harici görüntü veya video (YouTube, Video veya HTML5) arasından seçim yapın.
• Küçük resim: Yönetici tarafından görünen küçük resmi ve gezinme için kullanılan küçük resmi tanımlayın.
• Animasyon: Slaytlarınız için geçiş animasyonunu seçin.
• Filtreler — Slaytlarınıza eklemek için 22 farklı filtre.
• İlerleme — slaytta slayt uzunluğunu, duraklatmayı ve görünürlüğü özelleştirmeye olanak tanır.
• Yayınlama Kuralları — slaytınızın yayınlanıp yayınlanmayacağını kontrol edin.
• Etiketler ve Bağlantı — slaytınız için özel sınıf, kimlik ve HTML verilerinin yanı sıra bir bağlantı eklemenize yardımcı olur.
• Parametreler — slaytlarınızda ve navigasyonunuzda kullanmak üzere 10 adede kadar özel parametre ekleyin.
• Döngü Katmanları — kaydırıcınızda yalnızca bir slayt varsa döngü ayarlarını yönetin.
• Kaydırmada — slayt başına paralaks ve kaydırma efektlerinizi özelleştirin.

Yeni slaytlar ekleme

Kaydırıcıyı ayarlamayı ve tüm seçenekleri ayarlamayı bitirdikten sonra sıra projeye yeni bir slayt eklemeye gelir. Eklediğinizde slayt içeriğini görüntüleyen çerçeveyi görebilirsiniz. Şimdi şeffaf. Arka plan seçeneğini değiştirebilir ve bir resim ekleyebilir veya rengi ayarlayabilirsiniz.

Bilgisayarınızdan bir resim yükleyebilir veya harici kaynak kullanabilirsiniz (bağlantı ekleyerek). Ayrıca, rengi resim yerine arka plan olarak ayarlayabilirsiniz. Oldukça kolay bir şekilde yapılabilir.

Kaynak panelindeki Tür açılır menüsünden Renkli seçeneğini seçin ve ardından renginizi seçmek için BG Renk düğmesini tıklayın. Videoyu kullanmak istiyorsanız kaynağı eklemeniz yeterlidir.

Slayta yeni bir katman ekleme

Ekranın üst kısmında +Katman Ekle seçeneğini bulacaksınız . Slayta yeni bir katman eklemek için kullanın. 8 farklı seçenek vardır .

Bununla birlikte, kaydırıcıya bazı gezinme araçları eklemeniz gerekiyorsa, en popüler seçenekler düğme destekli resimler ve metinlerdir.

Katman seçenekleri: nasıl kullanılır

Slider Revolution'ın esnekliği, birden fazla seçeneğin kullanılabilirliğine ve tüm kaydırıcı projesini ayarlamanın yanı sıra her ayrıntıyı ayrı ayrı ayarlama yeteneğine dayanmaktadır. Katmanlar bir istisna değildir. Slayta her yeni katman eklediğinizde, bunun için her seçeneği kontrol edebilirsiniz. Slayta yeni bir resim ekleme örneğinde, katman seçeneklerinin değiştirmenize izin verdiği tüm parametreleri inceleyeceğiz.

Slaytınıza bir görüntü katmanı eklemek istediğinizde, Katman Ekle açılır menüsünde Görüntü'ye tıklamanız yeterlidir. Ardından istediğiniz resmi yükleyin.

Çerçevenin yanında çeşitli Katman Seçenekleri bulacaksınız (İçerik, Stil, Boyut ve Konum, vb.).

Katman İçeriği , katman hakkında bazı temel bilgileri görüntüler. Tembel yüklemeyi ayarlayabilir ve kaynak türünü değiştirebilirsiniz.

Katman Stili seçeneklerini kullanarak bir renk arka planı ekleyebileceksiniz.

Bir sonraki seçenek Aralıktır . Aralık, katmanı yukarıdan aşağıya, soldan sağa, aşağıdan yukarıya ve soldan sağa hareket ettirmemize yardımcı olur. 'M' harfi ile işaretlenirler.

Konum ve Boyut. Görüntü katmanının konumu ve boyutunun yanı sıra hizalamayı da ayarlayın. Hem dikey hem de yatay hizalama kolayca değiştirilebilir, hizalama simgelerinden birine tıklamanız yeterlidir.

Daha sonra Aligned Position seçeneklerinden Vertical Offset ile pozisyonu ayarlayabilirsiniz. Katmanınızı slaytta taşımak için X ve Y parametreleriyle oynayın.

Katman Gelişmiş Seçenekleri

Gelişmiş Stil seçenekleri, bir katmanı yatay, dikey ve merkezi olarak döndürmenize ve katmanlara gölgeler eklemenize olanak tanır .

Katman Animasyon Seçenekleri

Animasyon, Slider Revolution'daki ana seçenektir. Eklentinin ana fikri, sitenize statik, standart görseller yerine animasyonlu öğeler eklemektir.

Animasyon seçenekleri slaytlarınıza hareket katar, bu eylemi kullanarak slaytları canlandırabilir ve belirip animasyonlardan çıkabilirsiniz.

Görünme ve çıkış seçenekleri için iki satır vardır: IN ve OUT.

Her satıra farklı türde animasyonlar içeren bir açılır menü sunulur. Varsayılan olarak, soldurma seçeneği tüm katmanlar için ayarlanmıştır. Slaytınızda nasıl göründüğünü görmek için bazı animasyonları deneyin ve en iyisini seçin.

Aşağıdaki bölüm, Animasyon Süresi, Animasyon Hareketi Hızlandırma ve animasyon Başlatma tanımlaması için kullanılır . Süre , animasyonun ne kadar sürede biteceğini , Başlat seçeneği ise slayt yüklendikten sonra animasyonun başlayacağı süreyi tanımlar. Hareket hızı, animasyonun ilerleyeceği hızı tanımlar.

Animasyon Zaman Çizelgesi

Slaytınıza birden fazla katman eklediyseniz, muhtemelen hepsinin aynı anda görünmesini istemezsiniz. Slider Revolution Animasyon Zaman Çizelgesi, bu sorunu çözmenize yardımcı olabilir. Çalışma çerçevemizin hemen altında bulunur.

Her katman için varsayılan çerçeve başlangıcı 0 milisaniye olarak ayarlanmıştır, yani katmanlar yüklendikten 0 milisaniye sonra ekranda görünecektir. Görünen süre genellikle 3 saniyeye ayarlanır; bu, bir katmanın 3 saniye içinde tamamen görünür hale geldiği anlamına gelir. Seçenekleri değiştirmek için katmanı seçin ve farklı bir değer belirterek düzenleyin.  

Farklı katmanlar için farklı değerler ayarladığınızdan emin olun, böylece aynı anda görünüp dağınık görünmezler.

Şimdi Zaman Çizelgesi seçeneklerine daha yakından bakalım

1. Liste Görünümü

Bu simgeler, Katmanları gizlemek veya göstermek ve Dikey hizalamaya göre Satırları gizlemek veya göstermek için kullanılabilir. Bu seçeneklere yalnızca web sitesinin yöneticisi erişebilir.

2. Zaman Çizelgesi Süresi
Zaman Çizelgesi toplam süresi Modül Genel Seçenekleri > Varsayılanlar'da tanımlanır. Ayrıca, Slayt Seçenekleri > İlerleme içinde ayrı ayrı ayarlanabilir.

Zaman Çizelgesi'ndeki bloğu sola ve sağa sürükleyerek slayt uzunluğunu kolayca ayarlayabilirsiniz. Yapabileceğiniz başka bir seçenek de saat simgesine tıklayıp yüzde olarak düzenlemektir.

3. Önizleme Zaman Çizelgesi

Zaman çizelgesini Önizlemek için Oynat simgesine tıklamanız veya boştaki bloğu sürüklemeniz yeterlidir.

4. Katmanları Yeniden Adlandır

Katmanı yeniden adlandırmak için Zaman Çizelgesi'nde katmanın metnine çift tıklayın ve yeniden adlandırın. Ayrıca, Düzenleyicinin üst orta kısmında katmanın başlığını düzenleyebilirsiniz.

5. Katmanlar z-endeksi / Yığın Sırası

Z-endeksi/yığınlama sırasını ayarlamak için katmanları zaman çizelgesinde sürüklemeniz yeterlidir.

6. Animasyonlar

Her katman için bir giriş ve çıkış animasyonu ve ek Ana Kare animasyonları vardır. Tüm animasyonlar zaman çizelgesinde sunulur.

Zaman Çizelgesi'nde animasyonun başlangıç ​​noktasını ayarlamak için bir animasyon bloğunu sürükleyin. Ve bloğun bitiş noktasını sürükleyerek animasyonun süresini düzenleyin

Katman Döngü Seçenekleri

Döngü sekmesi, döngüsel animasyonlar oluşturmanıza olanak tanır. Bir animasyon türü seçebilir, döngü hızını ve hareket hızını tanımlayabilir ve döngü için bir başlangıç ​​ve bitiş zamanı belirleyebilirsiniz.

Seçebileceğiniz 8 tür vardır: Özel, Sarkaç Döngüleri, Efekt Döngüleri, Dalga, Kıpırdamalar, Döndürme, Kaydır ve Vurgulu ve Darbeli. Her döngü animasyonunun kendi seçenekleri vardır.

Sarkaç , katmanınızın bir yandan diğer yana sallanmasını sağlar. Ayarlayabileceğiniz seçenekler arasında bitiş ve başlangıç ​​derecesi vardır – bu, animasyonun gerçekleşeceği dereceleri ve X ve Y başlangıç ​​noktası arasındaki dereceyi tanımlar – bu parametre, katmanın döneceği eksen noktasını belirler, bunu şurada belirtebilirsiniz: yüzdeler.

Efekt Döngüleri , çeşitli seçenekler arasından seçim yapmanıza olanak tanır – Gri Tonlamalı, Yanıp Sönme, Düzleştirme ve Kıvrılma. Tüm efektler farklı görünüyor, bu nedenle sizin için en iyi olanı seçmek için her seçeneğe bakmanızı öneririz.

Dalga animasyonu, katmanınızın dalgaya benzer bir hareketle dönmesini sağlar . Katmanın dışında bir eksen etrafında döner. Katmanın etrafında döneceği eksenin konumunu belirlemek için bir Döndürme X ve Y Noktası, animasyonun başlangıç ​​konumunu belirlemek için bir Başlangıç ​​Açısı ve dönme yörüngesi için bir Yarıçap ayarlayabilirsiniz.

Wiggle döngüsü , katmanınızı bir yandan diğer yana, yukarıdan aşağıya, soldan sağa ve tam tersi şekilde kıpırdatacaktır. Beğendiğiniz seçeneği seçmek için açılır menüyü kullanın.

Dönen döngü, katmanınızın ayarlanan eksen noktası etrafında dönmesini sağlar . Döndürme açılır menüsünden ilk öğeyi – Döndürme öğesini seçerseniz, katman dönecek ve tam bir daire oluşturacaktır.

Katmanınızı soldan sağa, sağdan sola, yukarıdan aşağıya, çapraz olarak hareket ettirmek için Kaydır ve Üzerine Gel animasyonunu kullanabilirsiniz. Animasyon için bir başlangıç ​​ve bitiş konumu belirleyebilirsiniz.

Darbe animasyonu, katmanınızı sürekli olarak yakınlaştırıp uzaklaştırır . Yakınlaştırma Başlangıcını ve Yakınlaştırma Bitişini belirtin. Buradaki varsayılan değerler, hem başlangıç ​​hem de bitiş için 1'dir. Bu, katmanın boyutunun %100'ünde kalacağı anlamına gelir. Başka bir deyişle, canlandırmayacak. Yakınlaştırma Başlangıcı için 0,5 girerseniz, katmanınız boyutunun %50'sinden başlayarak boyutunun %100'üne, ardından %50'sine vb. yakınlaştırılır.

Katman Vurgulu Seçenekleri

Fareyle üzerine gelme efektleri, iyi UX'in temel unsurlarıdır. Fareyle üzerine gelme efektleri, özellikle bu yöntem kaydırıcılarla aktif olarak kullanıldığından, genellikle eylemin gerekli olduğunu veya gerçekleştirildiğini gösterir. Slider Revolution ile fareyle üzerine gelindiğinde katmanlar, metinler ve resimler değiştirebilirsiniz.

Kaydırıcı Devriminde Vurgulu Efektler Ekleme

İlk olarak, katman vurgusunu açmanız gerekir. Efekti eklemek istediğiniz katmanı seçin ve Katman Seçenekleri altında Hover'a tıklayın. Açmak için Etkin'e tıklayın.

Alt kısımda, fareyle üzerine gelindiğinde katman davranışınızı ayarlamak için ihtiyacınız olan tüm seçenekleri bulacaksınız. Her şeyi olduğu gibi bırakırsanız, katman herhangi bir değişiklik göstermez.

fareyle üzerine gelme ayarları

Burada ayarlayabileceğiniz ilk şey İmleçtir. Açılır menüde, İmleç için farklı seçenekler bulabilirsiniz. Otomatik ve Varsayılan aynı işlevleri gerçekleştirir ve herhangi bir farkı yansıtmaz. Artı ve İşaretçi, ekrandaki fare imlecinizin şeklini tanımlar.

Burada daha da fazla imleç stili var. Bazıları oldukça sıra dışıdır, ancak çoğu, tetiklendiğinde katmanın sahip olduğu eylemi gösterir. Örneğin, katmanı Destek merkezine bağlıyorsanız, Yardım imlecini seçebilirsiniz.

İşaretçi Olayı varsayılan olarak Otomatik olarak ayarlanmıştır. Hiçbiri seçeneği, bağlantılı içerik olmadığında kullanılır. Bu bölüm, katman üzerine gelindiğinde İmleç görünümünü seçmenize, animasyonu etkinleştirmenize ve ayarlamanıza olanak tanır.

Vurgulu Animasyon

Ardından, tercihlerinize göre ayarlayabileceğiniz bir Hover Animasyonu var. Bilmeniz gereken birkaç şey var. İlk olarak, üzerine gelindiğinde katman değiştiğinde ve geçiş bir anda gerçekleştiğinde bu iyi görünmüyor. Geçiş gecikmeyle gerçekleştiğinde her zaman daha iyidir. . Varsayılan olarak gecikme 300ms olarak ayarlanmıştır, size uygunsa bu şekilde bırakın veya değeri değiştirin.

Ayrıca, geçiş için hareket hızını ayarlayabilirsiniz. Aralarından seçim yapabileceğiniz birkaç seçeneğiniz var.

filtre

Katmanınıza Filtre ekleyebilirsiniz. Başka bir deyişle, liri bir dereceye kadar bulanıklaştırabilirsiniz. Seçenek piksel cinsinden ifade edilir. Değer ne kadar yüksek olursa, bulanıklık o kadar "kalın" olur.

stil

Ayrıca arka plan rengini ayarlayabileceğiniz ve kenarlığı ayarlayabileceğiniz, yani rengini değiştirebileceğiniz ve kenarlık stilini seçebileceğiniz bir Stil bölümü de bulunmaktadır.

Kaydırma Katmanı Seçeneklerinde

On Scroll seçenekleri, slaydın fare kaydırmasında hareket etmesini mümkün kılar. There are three options – Parallax , Timeline Scroll Based , and Filter Effect Scroll Based .

Layer Action Options

Actions make your layers interactive. For example, you can make a layer open a link when a user clicks on it.

Click on the Action icon to choose the type of action you need. The first dropdown is where you can choose the type of action that you would like to occur . There are a lot of options here: Link Actions, Slide Actions, Layer Actions, Media Actions, and Fullscreen Actions. Your chance is full depends on you and your goals, whether you want the layer to open the link or to switch the slide.

After you made a choice of what action to add, you need to set this particular option. For example, we are going to add a link. Select the option of Simple Link, and on the new screen, you will be offered to enter some parameters such as the URL itself, selecting the interaction and action type, and more.

Layer Visibility Options

If you want your layer to be visible on all devices , then make sure the switches shown in the image below are all turned ON under the Visibility section . The first one is for desktop, the second one is for laptops and horizontally oriented tablets, the third one is for vertically oriented tablets, and the last one is for mobile phones.

If you don't want your slider to be shown on some devices, simply turn off this option.

Text layer

After we review most of the options that we need for the layer setup, let's move to the other type of layer and try to add some text to our slide.

There are two options to choose from Quick Style heading or content. The main difference between them is pre-styled options.

Let's just point out some primary options you need to set for the text layer. They are the following:

• In the Content section, we add our text, and aligned it.
• In Style changed the font and its size, weight, line-height
• Customized the Size & Pos to change the location of the layer within the slider
• In Animation, we add some effects and speed for our text.

When adding a text layer there will appear a black box. You need to enter your text there. Everything you change will be visible in your work-frame.

Moving on to the Style tab. By default the font style that is applied to the text is Roboto. Choose the font family you prefer from the dropdown. Make sure that you selected the text layer before you start editing it.

Besides choosing a font family, you can also determine the font-size, line-height, font-weight, and letter spacing here as well. All these options adjust the look and feel of the text. So take your time to set it up and play around with these options to find the best combination.

Next, choose the color for your text. You can use the color picker and find the color that suits your page and slide perfectly. After that, you can save the change and see how the slider looks on your page.

If everything is good, you can move to the next step which defines the horizontal and vertical alignment of the text layer. For instance, you would like to have your text layer start 300px from the left edge of the screen, and 100px from the top. According to this, the horizontal alignment will be set to left, and vertical alignment to top. Fill in the X and Y fields respectively and save the changes to check how the text looks.

For customizing options you can use the same options we went through during the image layer setup. You can add animations, define visibility, create actions, etc.

You can also input HTML code into your text layer field. Thanks to this option, you can insert different shortcodes and create your own HTML elements using text layers.

Kaydırıcı devrimi ile paralaks efekti nasıl oluşturulur

Paralaks, web sitesini daha etkileyici ve dinamik yapan en popüler efektlerden biridir. Muhtemelen bu efektle entegre edilmiş birçok web sitesi ve tema görmüşsünüzdür. Ve şimdi Slider Revolution eklentisini kullanarak kendi başınıza nasıl bir tane oluşturabileceğinizi göstereceğiz.

Paralaks nedir?

Paralaks etkisi, arka plandaki öğelerle ön plandaki öğelerin farklı hızlarda hareket ederek derinlik yanılsaması yarattığı bir etki olarak tanımlanabilir. Genellikle arka planın öğeleri daha yavaş hareket eder

Web sitenizde bu etkiyi nasıl elde edebileceğinizin farklı yolları vardır. Neyse ki bizim için Slider Revolution, paralaks efekti elde etmenize yardımcı olacak tüm işlevselliğe sahiptir.

Slider Revolution'da Paralaks Oluşturma

Önce paralaksı açın . Modül Genel Seçenekleri > Kaydırıldığında > Kaydırmaya Dayalı Özellikler > Paralaks'a gidin ve Paralaks Etkin anahtarını Açık konumuna getirin .

Eklentinin sunduğu çok çeşitli derinlik değerleri vardır. Sizin için en iyi olanı seçin. Kendi değerlerinizi de girebilirsiniz.

Arka Plan Resimlerine Paralaks Ekleme

Paralaks efektini arka plan resminize eklemek için Slayt Seçenekleri > Kaydırmada > Paralaks ve 3D Ayarları'na gidin ve açılır menüden tercih ettiğiniz derinliği seçin.

Derinlik seçerken katı kurallar vardır. Farklı değerler denerseniz ve kaydırıcınızla hangisinin daha iyi çalıştığını görürseniz daha iyi olur. Farklı derinlikler doğrudan etkiler ve farklı etkiler yaratır. Bu yüzden sonucu görmek için onları denemenizi öneririz.

Katmanlara Paralaks Eklemek

Slider Revolution'da paralaks efekti sadece arka plan resimlerine değil, aynı zamanda tek tek katmanlara da eklenebilir. Bu efektle ilgili harika olan şey, sayfadaki kaydırıcının bölümlerini yalnızca farelerini hareket ettirerek kontrol eden kullanıcılara bir yanılsama vermesidir. Bu, web sitesinde gerçekten güzel görünüyor ve dahası, kurulumu çok kolay.

Katmanınızı seçin, Katman Seçenekleri > Kaydırıldığında > Paralaks ve 3B sekmesine gidin ve istediğiniz derinlik seviyesini seçin.

Sonuç olarak, fare hareketinde etkinleşen paralakslı katmanı elde edeceksiniz.

İster bir arka plan görüntüsü ister tek bir katman olsun, Slider Revolution paralaks efektini eklemek son derece kolaydır. Bununla birlikte, her kaydırıcının paralaks ihtiyacı yoktur. Bunu çoğunlukla basit kaydırıcılar için kullanın, çünkü çok sayıda animasyon içeren dinamik olanlar bu efekt olmadan muhtemelen daha iyi sonuç verecektir.

Düğme Katmanı Ekleme

Kaydırıcı Devrimi ile gezinme için kaydırıcınıza eklemek üzere düğme oluşturabilir ve tasarlayabilirsiniz. Bunu yapmak için, önce kaydırıcı çalışma çerçevesine bir düğme katmanı eklememiz gerekiyor.

Düğmeyi eklediğinizde, metin biçiminde görünecektir, yalnızca özelleştirmeniz gerekir. Ekranın sağ tarafında, önceden tasarlanmış düğmeler için birçok seçenek bulabilirsiniz. Düğmeniz için bunlardan birini seçebilirsiniz.

Ayrıca, oynatma düğmelerinin, anahtarlayıcıların ve diğerlerinin varyasyonları olduğu için orijinal bir şeyle gidebilirsiniz. Ayrıca, bir gölge efekti eklemek ve düğmenin daha ilginç görünmesini sağlamak mümkündür.

Stili seçtikten sonra gelişmiş ayarları değiştirebilir ve görünümünü özelleştirebilirsiniz. Tüm ayarlar Katman Seçenekleri sekmesinde bulunabilir.

Düğmenin ilk görünümünü değiştirebilir, metni değiştirebilir, fareyle üzerine gelindiğinde görünümünü değiştirebilir ve animasyonlar ayarlayabilirsiniz.

Slider Nasıl Duyarlı hale getirilir

En başta, slaytlarımızı duyarlı hale getirmek için bazı parametreler ayarladık. Bu yeterli değil. Bunun için, slaytlarınızdaki her katmanın tüm cihazlara ve ekran boyutlarına sorunsuz bir şekilde uyum sağladığından da emin olmanız gerekir.

Bu nedenle, tüm slaytlarınızı ve katmanlarınızı kaydırıcınıza ekledikten sonra, diğer tüm mevcut cihazlar için ince ayar yapma zamanı gelir.

Çalışma çerçevesindeki slaytları düzenlerken, öncelikle onları masaüstü cihazlarda iyi görünecek şekilde ayarlarsınız. Masaüstünde her şeyin mükemmel göründüğünden emin olduğunuzda, diğer cihazlar için düzenlerle oynamaya başlayabilirsiniz.

Şimdi açılır menüden taklit etmek istediğiniz cihazı seçebilirsiniz. Kaydırıcının görüntüsünü kontrol etmek istediğiniz cihazı açın. Kullanılabilir cihazlar şunlardır: Masaüstü, Dizüstü Bilgisayar, Tablet, Mobil.

Her bir cihaz için her şeyi değiştirebilirsiniz. Örneğin, metin katmanları için kaydırıcınızın görüntülendiği cihaza bağlı olarak farklı yazı tipi boyutu, satır yüksekliği, yazı tipi ağırlığı ve rengi ayarlayabilirsiniz. Görüntü katmanı için boyutunu değiştirmek için farklı bir genişlik eklemeniz gerekir ve görüntünün yüksekliği genişliğe göre otomatik olarak ayarlanacaktır.

Mavi ızgara sınırlarına dikkat edin. Bunlar, çalışmakta olduğunuz cihazın kenarlarını tanımlar. Bu nedenle, katmanlarınızdan herhangi biri sınırların dışına taşarsa, bu katmanların ayarlarını değiştirdiğinizden emin olun.

Son olarak, kaydırıcınızı kaydedin ve nasıl canlı göründüğüne bakın.

Kaydırıcıyı sayfaya ekleme

İyi bir iş çıkardınız ve şimdi kaydırıcınızın sayfada nasıl göründüğünü görme zamanı. Bunu yapmak için daha önce oluşturduğunuz Slider Revolution kısa kodunu kullanın. Bu kısa kod, Genel Seçenekler bölümünün Başlık sekmesinde bulunabilir.

Veya panonuzdan Slider Revolution'ı açarsanız. Mevcut modülü bulun ve Göm seçeneğini seçin.

Açılır pencerede Sayfalar ve Yazılar için seçeneğini seçin ve kısa kodu kopyalayın.

Kısa kod, kaydırıcıya verdiğiniz takma ada dayalı olarak "başlık" ile [rev_slider takma adı=”başlık”][/rev_slider] gibi görünmelidir.

Elementor ile Kaydırıcıyı Görüntüleme

Kaydırıcıyı sayfada görüntülemek için kısa kod yöntemini kullanmak yeterince basittir. Ancak, daha da kolay olabilecek bir yol var. Slider Revolution eklentisi ile oluşturduğunuz tüm kaydırıcılar, Elementor widget'ı kullanılarak sayfaya eklenebilir. Kaydırıcıyı görüntülemek istediğiniz sayfayı seçin ve Elementor düzenleyicisi aracılığıyla açın. Ardından öğeyi çalışma çerçevesine sürükleyip bırakın. Widget'lar panelinde Slider Revolution 6 widget'ını arayın ve sayfaya ekleyin. Widget'ı sürüklediğinizde, kullanmak istediğiniz kaydırıcıyı seçmeniz gerekecektir.

Bazı web sitesi sahipleri sayfa oluşturucu widget'larıyla çalışmayı daha kolay bulduklarından, bu yolu kısa koda alternatif olarak kullanın.

Kaydırıcılar Nasıl Dışa Aktarılır

Kaydırıcıyı dışa aktarmak için pano menünüzden ilgili sekmeye tıklayarak Slider Revolution'a gidin. İçe aktardığınız veya oluşturduğunuz tüm kaydırıcılar burada görüntülenecektir.

Fareyi dışa aktarmak istediğiniz modülün küçük resminin üzerine getirin. Sağ alt köşedeki küçük oku tıklayın. Görünen tüm seçenekler arasında Dışa Aktar'ı seçin ve üzerine tıklayın.

 

Dışa aktarmanın biraz zaman alabileceğini size bildirecek olan onay iletişim kutusunu göreceksiniz. 'Evet, Kaydırıcıyı Dışa Aktar'a tıklayın ve indirme başlayacaktır. İndirme işlemi bittiğinde, kaydırıcınızın bir .ZIP dosyasına sahip olacaksınız.

sonuçlandırmak

StylemixThemes tarafından geliştirilen hemen hemen tüm temalar, pakette Slider Revolution eklentisini içerir. Bize web sitelerini daha çekici, çekici ve etkileşimli hale getirme şansı veren bu güçlü yazılımı seviyoruz.

Rehberimizin, bu harika eklentiyle kaydırıcı oluşturma sürecini daha iyi anlamanıza yardımcı olduğunu umuyoruz. Daha fazla bilgi arıyorsanız lütfen Slider Revolution'ın ana sayfasını takip edin.