Elementor Kullanarak WordPress'te Ön Yükleyici Nasıl Oluşturulur

Muneeb WordPress Eğiticileri Nov 22, 2021

Yükleyici olarak da bilinen Ön Yükleyici, sayfanın diğer içeriği yüklenirken sayfada çalışmaya devam eden basit veya karmaşık bir animasyon veya GIF'dir.

İçeriği yüklemek için web sitenizin aldığı kısa süre boyunca kullanıcılarınızı eğlendirmek oldukça önemlidir. Yalnızca çok sayıda kullanıcının elde tutulmasına yardımcı olmakla kalmaz, aynı zamanda kullanıcıların zihninde kalıcı bir varlık yaratılmasına da olanak tanır. Bu eğitimde, Elementor kullanarak Ön Yükleyicilerin nasıl oluşturulacağını anlayacağız.

Elementor Kullanarak Ön Yükleyici Nasıl Oluşturulur

Elementor , web sitenizi tamamen farklı bir düzeyde temsil etmenize olanak tanıyan seçeneklerle doludur. Benzer şekilde, web sitenizden hızla çıkan kullanıcıları yakalayabileceğiniz Ön Yükleyiciler oluşturmanıza da olanak tanır.

Başlamak için, yalnızca içeriği yüklemek için gerçekten birkaç dakikaya ihtiyaç duyan ve web sitenizin önemli bir yönü olan sayfalar için Ön Yükleyiciler oluşturduğunuzdan emin olun.

Harika Web Siteleri Oluşturun

En iyi ücretsiz sayfa oluşturucu Elementor ile

Şimdi başla

Ön Yükleyiciyi hangi sayfaya yerleştireceğinize karar verdikten sonra, web sitenize ve o sayfaya uygun bir SVG veya GIF bulun. Icons8 , Preloaders animasyonu için gerçekten ünlü bir kaynaktır.

Elementor'da SVG Format dosyalarını nasıl içe aktaracağınızı bilmiyorsanız, devam edin ve eğiticimize göz atın.

Ardından, Ön Yükleyicileri web sitenizde kullanmanın iki yolu vardır; bunu belirli bir sayfa için veya tüm web sitesi için kullanarak.

  • Tüm web sitesi için Ön Yükleyiciyi kullanmak istiyorsanız, Başlık Şablonunda yeni bir bölüm oluşturun.
  • Belirli bir sayfa için Ön Yükleyiciyi kullanmak istiyorsanız , sayfanın üst kısmında yeni bir bölüm oluşturun.

Her iki durumda da, bölümün ayarlarını Boşluk Yok olarak değiştirdiğinizden emin olun.

Toplamda, ayarları tamamladığınızda, ekranınızın solundaki Öğeler sekmesine gidin ve HTML öğesini seçin.

HTML alanına, Preloader URL'sini kendinizle değiştirdiğinizden emin olarak aşağıdaki kodu ekleyin.

>div class="loader" /divscript/scriptstyle/style

Kodlama, yeni başlayanlar için bir ihtiyaç varsa bir tür değişiklik yapmaları için bir açıklama açıklamasına sahiptir.

Son olarak, devam edin ve Ön Yükleyicinizi yayınlayın ve kusursuz çalışıp çalışmadığını kontrol edin. WordPress web sitenizde Elementor ile bir Ön Yükleyici bu şekilde oluşturabilirsiniz.

Bu eğitimin, web sitenizin kullanıcılarını elde tutmanıza ve aynı zamanda çok daha profesyonel görünmesini sağlamanıza yardımcı olacağını umuyoruz. Bu eğitim için bizden bu kadar. İçeriğimiz hakkında güncel kalmak için Twitter ve Facebook'ta bize katıldığınızdan emin olun.

Divi WordPress Theme