En İyi Ücretsiz WordPress Smooth Scroll Eklentisi 2022

Bir web sitesi oluşturduysanız, ancak web sitesinin içeriği çok uzunsa, bu durumda anlaşılması kolay değilse, WordPress Smooth Scroll eklentilerini kullanabilirsiniz. WordPress Smooth Scroll eklentileri, web sitelerini çok sorunsuz bir şekilde yukarı ve aşağı kaydırmanıza yardımcı olacaktır. Bu sadece web sitesi kullanıcısının deneyimini geliştirmekle kalmayacak, aynı zamanda dönüşüm seviyesi üzerinde de büyük bir etki yaratacaktır. Çünkü kullanıcılarınız daha uzun süre web sitenize katılacaktır. JQuery kullanarak WordPress üzerindeki en üst etkiye nasıl ince bir kaydırma ekleyebilirim? Diğer çeşitli web sitelerinin neden sayfanın üstünde düzgün bir kaydırma efekti olduğunu merak ediyor musunuz? Bu, uzun bir sayfanız varsa pürüzsüz bir üst kaydırma efekti eklemek için idealdir.
Bu, kullanıcı deneyiminizi sayfanızdaki geliştirmeye yardımcı olur ve aynı zamanda hızlı bir şekilde zirveye dönmelerini kolaylaştırır. Şimdi soru şu ki, WordPress sitenizdeki en iyi etkiye nasıl ince bir kaydırma eklersiniz? JQuery kullanarak kolayca yapabilirsiniz. Burada jQuery kullanarak nasıl kolayca yapabileceğiniz hakkında konuşacağız. Okuyun: Pürüzsüz kaydırma nedir ve ne zaman kullanılır? Sayfada veya yayında çok fazla içerik varsa, kullanıcılar her şeyi okumak için aşağı kaydırmalıdır. Kullanıcı aşağı kaydırmaya başladığında, navigasyon bağlantınız yükselmeye başlar.
Kullanıcı okumayı bitirdiğinde, onun için bir şey olup olmadığını görmek için kaydırmaları gerekir. Üst düğmeye kaydırma okuyucunun hızlı çalışmasını sağlar. JQuery kullanmaya gerek kalmadan bu metin bağlantısını eklemeyi seçebilirsiniz. ^yukarıdaki okuyucuyu bir saniyede kaydırırken sayfanın en üstüne gönderecektir. Bu işlevsel olarak işlev görür. Ancak, ince parşömenler bunun tam tersidir. Uyku kaydırma, kullanıcının sayfanın alanına geri kaymasına yardımcı olur. Bu, sitenizdeki kullanıcı deneyimini geliştirmeye yardımcı olur. WordPress’te jQuery ile en üst düzey efekt için Smooth Scroll ekleyin? Üst efekt için ince bir kaydırma eklemek istiyorsanız, jQuery kullanabilirsiniz. Eşzamanlı olarak, WordPress temanızdaki HTML kodu için bir satırla birlikte bazı CSS eklemeniz gerekir. Başlamak için önce not defteri gibi metin düzenleyicisini açmanız gerekir. Şimdi bir dosya oluşturmanız ve smoothscroll.js olarak kaydetmeye devam etmeniz gerekir. Şimdi kodu kopyalayıp dosya alanına eklemeniz gerekiyor: jQuery (belge). Rapor (işlev ($) {
$ (pencere) .scroll (function () {
if ($ (this) .scrolltop () <200) {
$ ('#Smoothup'). Fadeout ();
}
Değilse {
$ ('#Smoothup') .FadeIn ();
}
});
$ ('#smoothup'). ('Tıklayın', function () {
$ ('Html, beden'). Hayvan ({scrolltop: 0}, 'hızlı');
yanlış geri;
});
});
Şimdi dosyaları kaydetmeniz gerekiyor. Bundan sonra /JS /WordPress tema klasörüne yükleyebilirsiniz. Temanızda bir dizin /js /yoksa, bunu yaparak başlamanız gerekir.
Bundan sonra bu dizine smoothscroll.js yükleyebilirsiniz. Bu kod, düğmeye düzgün bir yükseltme efekti ekleyecek jQuery komut dosyası olarak adlandırılır. Bu temel olarak kullanıcıların sayfanın üstüne sorunsuz bir şekilde gitmelerine yardımcı olacaktır. Bundan sonra bu smoothscroll.js'i temanızın alanına eklemeniz gerekir. Bunu yapmak istiyorsanız, WordPress'e komut dosyası eklemeniz gerekir. İşte işlevlerinize koymanız gereken komut dosyaları veya kodlar. Bu kod, wordPress komut komutunu gönderir. Aynı zamanda, WordPress'e jQuery kitaplığını yüklemesini söyledi çünkü eklenti buna bağlı. üst alan. HTML kodunu footer.php dosyanızdaki herhangi bir yere eklemeniz gerekir. Gerçekten de, görüntü simgesini, düğmeyi tekrar görüntülemenizi sağlayan oku yukarıda kullanmanız gerektiğinden. Tema stili sayfanıza 40x40px simgesini bu şekilde ekleyebilirsiniz:
#Memperhalus {
Yükseklik: 40 piksel;
Genişlik: 40 piksel;
Konum: Sabit;
Aşağıda: 50px;
Sağ: 100 piksel;
Metin girinti: -9999px;
Ekran: Hiçbir şey;
Arka plan: URL ("http://www.example.com/wp-content/uploads/2013/07/top_icon.png");
-Webkit-Transition süresi: 0.4s;
-Moz-Transition süresi: 0.4s; Geçiş süresi: 0.4 saniye;}
#Smoothup: İmleci {
-Webkit-Transform: Döndür (360 derece)}
Arka plan: URL ('') Yenileme;
}
Yukarıda belirtilen CSS'de, görüntü simgesinin konumunu dondurmayı seçtiniz. Bu aynı zamanda görüntü simgelerinin arka plan görüntüsü olarak kullanılmasını da içerir. Şimdi WordPress medya yükleyicilerinin yardımıyla resim simgeni yüklemeniz gerekiyor.
Ardından, arka plan URL'si olarak yapıştırmanız gereken bir resim URL'sini alabilirsiniz. Düğmeyi çeviren düğmeye CSS animasyonunu eklediğiniz için, kullanıcı hala Tinter işaretçisini düğmeye yönlendirir. Şimdi, kullanıcıların en iyi alana dönmelerine ve web sitenizde başka neler yapabileceklerini bulmalarına olanak tanıyan en üst düzey efektte kaydırmanız gerekiyor. Kolay bir görünüme sahip bir özellik içeriği oluşturmak için yüzen altbilgi de ekleyebilirsiniz. Kullanıcılarınızın makaleleri paylaşmak için en iyi alana girmesini istemiyorsanız, yönetmeyi kolaylaştırmak için yüzen bir sosyal paylaşım eklentisi kullanabilirsiniz.
2022'de ince kaydırma eklentisi – Çok hafif ve daha hızlı WordPress Pürüzsüz kaydırma eklentisi, zorluk çekmeyen tüm cihazlarda ve diğer tarayıcılarda kesinlikle daha hızlı ve daha etkili bir şekilde çalışacaktır. Buna ek olarak, bu Yoast SEO, İletişim Formu 7, NextGen Galerisi, Slider Revolution, WooCommerce, SKT Page Builder, Visual Composer ve Elementor ve daha fazlası gibi diğer eklentilerle olağanüstü işlev görür. Bloglar, portföy web siteleri, danışma web siteleri, şirket web siteleri, e -ticaret web siteleri, yaratıcı ajanslar, gayrimenkul web siteleri, kişisel CV'ler, perakende şirket web siteleri vb. Web sitesinin görünümünü ve hissini iyileştirmek için WordPress Smooth Scroll eklentisini kullanabilir. Birçok ücretsiz WordPress Scroll eklentisi mevcuttur, ancak tüm ziyaretçilerinizin seveceği pürüzsüz kaydırma eklentilerinin çoğunu vurguladık. Lütfen alt kısımları kontrol ediniz.
1. Sayfayı kimliğe kaydırın:
IDS'ye kaydırma sayfaları, tamamen karakterize edilen ve iyi geliştirilmiş özellikler ve işlevsellik ile donatılmış açık kaynaklı bir yazılımdır. Bu size sorunsuz bir animasyon efekti verir. Sayfayı kimlik eklentisine kaydırabilir. Kimlik ve ofset yardımıyla, bu eklentinin sayfa boyutunu hesaplayacağı ve otomatik olarak ayarlayacağı belirtilmiştir. 2. Kaydırmaya menü (veya herhangi bir şey!) Yapıştır:
Kaydırma eklentisindeki yapışkan menü (veya her neyse) ücretsiz olarak kullanılabilir. Bu, herhangi bir menünün veya öğenin yapışkan hale gelmenize yardımcı olur. Yapışkan öğeye tıkladıktan sonra, sizi hemen sayfanın üstüne kaydırır. Yapışkan yapmak istediğiniz doğru öğeleri kaldırmak için HTML/CSS hakkında sadece küçük veya temel bir bilgiye ihtiyacınız vardır. 3. Sınırsız WordPress – Ajax Load Daha Fazla: Ajax Load Web Sitesini sorunsuz bir şekilde kaydırabilmeleri için WordPress kullanıcıları için daha fazla yapılır. Ajax, tembel yayınlar, tek yayınlar, sayfalar ve yorumlar yüklemeye yardımcı olmak için daha fazlasını içerir. Bu eklenti, WooCommerce 4 gibi e -ticaret eklentileri için en ünlüdür. Kolay ince kaydırma bağlantıları:
Kendiniz aşağıdan yukarıya özellikler yapabilirsiniz. Çünkü Seasy Smooth Scroll bağlantıları ayarlanabilen ve çok hafif bir eklentidir. Kaydırma öğesini ayarlamak için yalnızca görüntülerden birini seçmeniz gerekir. Ayrıca, elemanların konumunu sol, orta, sağ tarafa ayarlayabilirsiniz. Bu eklenti aynı zamanda açık kaynaklı bir yazılımdır. 5. Mousewheel Fine Scroll:

Mousewheel pürüzsüz kaydırma eklentisi, tüm çapa bağlantıları için kaydırmak için çok iyidir. Genellikle sayfayı aşağıdan yukarıya kaydıracak sağ tarafa yerleştirilir. Bu nedenle bu eklenti RTL’yi destekler ve WordPress kontrol panelinde işe yaramaz menü öğeleri yapmaz. 6. WPO’lara göre ince kaydırma: