Kimse yavaş yüklenen siteleri sevmez. İnsanların başlangıçta dikkat süreleri kısa olmakla kalmaz, aynı zamanda ilgilendikleri bilgileri bir an önce bulmak için web sitesi sayfalarında hızlı ve zahmetsizce gezinmek isterler. Bu yüzden sitenizin yüklenmesi çok uzun sürerse, kullanıcıların sinirlenip tamamen ayrılmaya karar verebileceklerini söylemeye gerek yok. Ve web sitenizin yükleme hızını artırmak için kullanabileceğiniz (ve kullanmanız gereken) farklı yöntemler olsa da, bazen bu konuda yapabileceğiniz çok az şey vardır. Sonuçta, sitenizin normalden daha yavaş yüklenmesinin birçok farklı nedeni olabilir – bunun nedeni yavaş internet bağlantısı, sunucu bozuklukları vb. olabilir.
Neyse ki, ziyaretçilerinizi meşgul etmenin ve sayfanın yüklenmesi bitene kadar etrafta kalmalarını sağlamanın yolları var – ve bu, sitenizde bir WordPress ön yükleyici animasyonu kullanmaktır. Bu tür bir animasyon, kullanıcıların sayfanızın yakında yükleneceği konusunda bilgi sahibi olmalarını sağlarken, dikkatlerini canlı tutmalarına yardımcı olur ve sonuç olarak sitenizi terk etmelerini engeller.
Bu sefer ön yükleyici animasyonu kullanmanın faydalarından bahsedeceğiz. Ek olarak bir eklenti yardımıyla WordPress sitenize nasıl kolayca ekleyebileceğinizi açıklayacağız, bu yüzden okumaya devam ettiğinizden emin olun.
Ön Yükleyici Animasyonu Nedir ve Nasıl Yararlıdır?
Önyükleyici animasyonu, kullanıcılara bir sayfanın o anda yüklenmekte olduğunu gösteren ve onlara sayfanın takılıp kalmadığına veya bozulmadığına dair güvence veren basit, kısa ama genellikle ilgi çekici bir animasyondur. Bu yüzden ziyaretçilerin dikkatini çekebilir ve sayfanın yüklenmesini beklerken onlara bakacakları ilginç bir şey verebilir ve beklemeleri gereken sürenin olduğundan daha kısa görünmesini sağlayabilir. Düzgün bir şekilde uygulandığında, bu tür bir animasyon yalnızca kullanıcıların ilgisini çekme ve ayrılmalarını önleme potansiyeline sahip olmakla kalmaz, aynı zamanda sitenizin genel olarak daha profesyonel ve kullanıcı dostu görünmesini sağlayabilir.
Önyükleyici animasyonu, resim ve video ağırlıklı sayfaları olan siteler gibi ilk başta belirli içerik parçalarını yüklemesi gereken siteler için idealdir. Fakat yüklenmesi çok uzun sürmeyen metin tabanlı bir siteniz varsa, bu tür bir animasyon kullanmak her zaman gerekli olmayabilir.
Şimdi, ön yükleyici animasyonunu kutudan çıkaran birçok WordPress teması olsa da, herkesin bu tür özelliklere sahip temaları kullanması gerekmez. Veya böyle bir temanız olsa (veya almayı planlıyorsanız), emrinizde daha fazla seçenek olmasını isteyebilirsiniz. Bu durumda, bir ön yükleyici eklentisi yüklemek işinizi görebilir.
Bununla birlikte LoftLoader adlı bir freemium eklentisinin yardımıyla WordPress’te bir ön yükleyici animasyonunu nasıl kolayca ekleyebileceğinizi görelim.
Bir Eklenti Kullanarak WordPress’te Preloader Animasyonunu Ekleme ve Özelleştirme
WordPress.org’da 50.000’den fazla indirme ile LoftLoader, sitenize hızlı bir şekilde güzel ve ilgi çekici WordPress ön yükleyici animasyonları eklemek için kullanabileceğiniz basit ama güçlü bir eklentidir. Bu eklenti, herhangi bir kod kullanmak zorunda kalmadan WordPress Özelleştirici ekranına erişerek animasyonunuzun görünümünü ayarlamanıza olanak tanır.
Kullanabileceğiniz seçeneklerden bazıları 7 farklı yükleme animasyon efekti, 4 bitiş animasyon efekti, sınırsız arka plan rengine erişim (opaklığı değiştirme yeteneği ile) vb. önyükleyici animasyonu yalnızca ana sayfada veya diğer tüm sayfalarda da bulunur.
LoftLoader eklentisinin harika bir yanı da, ön yükleyici animasyonunu tercihlerinize göre özelleştirirken değişikliklerinizi canlı olarak görebilecek olmanızdır.
Eklentiyi kurup etkinleştirdikten sonra Ayarlar >> LoftLoader Lite bölümüne gitmelisiniz. Bu durum ön yükleyici animasyonunuzun görünümünü ve davranışını tamamen özelleştirebileceğiniz bir özelleştirici ekranı açar. Sol tarafta ayarlarınızı yapabileceksiniz, sağ tarafta ise tüm değişikliklerinizin anında ön izlemesi mevcut olacak.
Özelleştirici açılır açılmaz, LoftLoader animasyonunu etkinleştirmenizi veya devre dışı bırakmanızı sağlayacak seçeneği en üstte görebileceksiniz (varsayılan olarak etkin olduğunu unutmayın).
Daha sonra ön yükleyici animasyonunuzu site genelinde mi yoksa yalnızca ana sayfanızda mı görüntülemek istediğinizi belirlemenizi sağlayan “Görüntüle” seçeneği vardır.
Arka Plan ayarı, arka plan rengi ve opaklık (önyükleyici gösterilirken bir sayfanın arka planının görünmesini isteyip istemediğinizi belirlemek için) gibi seçenekleri ayarlamanıza ve hatta bitiş animasyonunu seçmenize olanak tanır.
Yükleyici seçeneğine tıklayarak, 7 farklı önyükleyici animasyon görüntüsü arasından seçim yapacaksınız. Hatta iki özel görüntü yükleyebilir ve bunları önceden var olan iki animasyon görüntüsünden biriyle değiştirebilir veya birleştirebilirsiniz.
Örneğin Çizim çerçevesi animasyonunu tek başına kullanabilir veya ortam kitaplığından kendi özel görüntünüzü ekleyebilir (Görüntüyü Değiştir’e tıklayarak) ve ikisini birlikte kullanabilirsiniz (özel görüntüyü üzerinde kullanma seçeneğiniz yoktur). burada kendi). İstediğiniz resmi (SVG, PNG, vb.) yükleyebilirsiniz.
Kendi resminizi eklemeye karar verirseniz, ön yükleyici animasyon resminiz, yüklediğiniz durağan görüntünün bir kombinasyonu olacak ve önceden tanımlı Çizim çerçevesi animasyonu görüntünüzle birlikte görünecek ve yüklenecektir.
Hatta arka plan rengini siyahtan beyaza çevirdik ve önyükleyici animasyon rengini değiştirdik (bu seçeneği nasıl kullanacağınızı biraz sonra göstereceğiz), böylece örneğimiz için yüklediğimiz görüntüye daha iyi uyacaktır.
Eklemeyi planladığınız görüntünün renklerini değil, yalnızca önceden tanımlanmış yükleme animasyonunun rengini değiştirebileceğinizi unutmayın.
Burada kullanabileceğiniz bir diğer seçenek de Özel Resim Yükleme seçeneğidir. Burada önceden tanımlanmış bir animasyon da mevcuttur, dolayısıyla bu animasyonun ekranınıza yüklenme şeklini beğendiyseniz, bunun yerine bunu kullanmakta özgürsünüz:
Fakat gerçekten kendi görselinizi bir önyükleyici animasyonu olarak kullanmak istiyorsanız, buradaki Resmi Değiştir düğmesine tıklayabilir ve seçtiğiniz herhangi bir resmi yükleyebilirsiniz. Diğer seçeneğin aksine, bu seçenek yalnızca yüklediğiniz görseli kullanmanıza izin verir. Yüklediğiniz görüntü, anında düzgün bir görüntü yükleme animasyon efekti elde edecektir.
Hatta bu özel görüntünün rengini de değiştiremeyeceğinizi unutmayın.
Renklerden bahsetmişken, mevcut önceden tanımlanmış ön yükleyici animasyonlarından birini kullanmak isterseniz farklı renkleri de seçebileceksiniz:
Şimdi, Diğer seçeneğine tıklamak size iki farklı seçeneğe erişmenizi sağlayacaktır – Maksimum Yükleme Süresi ve Kapat Düğmesi.
Maksimum Yükleme Süresi seçeneği, ön yükleyici animasyonunuzun ekranda gösterileceği maksimum yükleme süresini (saniye) ayarlamanıza olanak tanır. 0’ın üzerinde herhangi bir sayı girerseniz bu ayarı etkinleştirirsiniz.
Kapat Düğmesi seçeneği, belirli bir süre sonra (5 ile 20 saniye arasında) bir kapat düğmesinin görünmesini etkinleştirmenizi sağlar (böylece ziyaretçiler ön yükleyici animasyonunu kapatabilir). Ek olarak düğme metnini de özelleştirebilirsiniz.
Gelişmiş ayarlarda, LoftLoader’ın JavaScript’inin (harici veya satır içi javascript) nasıl yükleneceğini de seçebilirsiniz.
Son olarak son sekme, daha fazla ön yükleyici animasyonu, arka plan resimleri, desenler, gradyan renkleri kullanma, özel bir giriş yapma gibi daha gelişmiş seçeneklere (26 ABD dolarından edinilebilir) erişim elde etmek için eklentinin pro sürümüne yükseltme yapmanızı sağlar. mesaj ve daha fazlası.
Ayarlarınızı düzenlemeyi bitirdikten sonra en üstte bulunan Yayınla düğmesine basmaktan çekinmeyin.
Daha sonra ön yükleyici animasyonunuzun çalışırken nasıl göründüğünü görmek için devam edip sayfanızı önizleyebilirsiniz:
Konunun Özeti
Bu durum WordPress sitenize bir ön yükleyici animasyon özelliğini başarılı bir şekilde nasıl ekleyeceğiniz ve özelleştireceğinizle ilgili eğitimimizi sonlandırıyor. Gördüğünüz gibi, doğru eklentiyi kullanırsanız bu özelliği eklemek oldukça kolaydır. Bize sorarsanız, LoftLoader eklentisi, çeşitli çarpıcı animasyonları tamamen özelleştirmenize ve hatta bitiş mesajı, arka plan rengi ve opaklık gibi ayrıntıları eklemenize ve ayarlamanıza, çeşitli bitiş animasyonları eklemenize, farklı seçimler yapmanıza izin verdiği için iş için mükemmel bir seçenektir. animasyonunuz için resimler ve çok daha fazlası. Talimatlarımızı uyguladığınızdan emin olun ve WordPress sayfalarınıza güzel ve dikkat çekici yükleme animasyonları ekleyebilecek ve sayfalarınız tam olarak yüklenmeden önce ziyaretçilerinizin sitenizden ayrılmasını etkili bir şekilde durdurabileceksiniz.