WordPress’te Sayı Sayma Animasyonu Nasıl Gösterilir

WordPress sitenizde animasyonlu bir sayı sayacı görüntülemenin bir yolunu mu arıyorsunuz?

Sayı göstermek ziyaretçilerinizin dikkatini çekmenize yardımcı olur ve web sitenizde kilometre taşlarını, memnun müşterileri, tamamlanan başarılı projeleri ve diğer önemli istatistikleri görüntülemenizi sağlar.

Bu makalede, WordPress’te bir sayı sayma animasyonunun nasıl gösterileceğini göstereceğiz.

WordPress’e Neden Sayı Sayma Animasyonu Ekleyelim?

WordPress web sitenizde bir sayı sayacı göstermek, kullanıcıların ilgisini çekmek ve dikkatlerini çekmek için harika bir yoldur.

Aylık ziyaretçi sayısı veya bir WordPress blogundaki makale sayısı gibi sitenizdeki önemli istatistikleri görüntülemek için kullanabilirsiniz.

Benzer şekilde, tamamlanan projeleri, memnun müşteri sayısını, müşteri sayısını, işletmenizin ulaştığı kilometre taşlarını ve diğer önemli bilgileri görüntülemek için animasyonlu bir sayı sayımı kullanabilirsiniz.

Örneğin, OptinMonster optimize edilmiş aylık ziyaretçi oturumlarını göstermek için bir sayı sayacı kullanır.

WordPress’te sayı eklemek ve özelleştirmek genellikle kod düzenlemeyi gerektirir. Bu, kod yazmayı bilmeyen yeni başlayanlar için zor olabilir.

Bununla birlikte, WordPress’te animasyonlu bir sayı sayacını nasıl gösterebileceğinizi görelim. Premium bir web sitesi oluşturucu ve ücretsiz bir eklenti kullanarak 2 basit yöntemi ele alacağız.

Tercih ettiğiniz bölüme geçmek için aşağıdaki bağlantılara tıklayabilirsiniz:

Yöntem 1: SeedProd Kullanarak Bir Sayı Sayma Animasyonu Gösterin

WordPress’e animasyonlu bir sayı sayacı eklemenin en iyi yolu SeedProd kullanmaktır. Çok sayıda özelleştirme seçeneği sunan en iyi WordPress sayfa oluşturucusudur.

Bu eğitim için SeedProd Pro sürümünü kullanacağız çünkü gelişmiş bloklar içeriyor ve bir sayaç eklemenize izin veriyor. Ayrıca ücretsiz olarak deneyebileceğiniz bir SeedProd Lite sürümü de var.

Yapmanız gereken ilk şey SeedProd’u kurmak ve etkinleştirmektir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından SeedProd sizden lisans anahtarını girmenizi isteyecektir. Lisans anahtarını hesap alanınızda ve satın alma onay e-postasında bulabilirsiniz.

Ardından, WordPress yönetici panelinizden SeedProd ” Açılış Sayfaları bölümüne gitmeniz gerekecek.

SeedProd, yakında sayfası, bakım modu sayfası, giriş sayfası ve 404 sayfası dahil olmak üzere profesyonelce tasarlanmış özel açılış sayfaları oluşturmanıza olanak tanır.

Devam edin ve ‘Yeni Açılış Sayfası Ekle’ düğmesine tıklayın.

Bundan sonra, açılış sayfanız için bir SeedProd şablonu seçebilir ve animasyonlu sayı sayacını gösterebilirsiniz.

Bir şablonun üzerine gelin ve turuncu onay düğmesine tıklayın.

Şimdi bir açılır pencere açılacaktır. Sadece bir sayfa adı ve sayfa URL’si girin.

Bundan sonra, ‘Kaydet ve Sayfayı Düzenlemeye Başla’ düğmesine tıklayın.

Bu, SeedProd sürükle ve bırak oluşturucusunu başlatacaktır.

Ardından, farklı bloklar ekleyerek veya sayfadaki mevcut öğelere tıklayarak sayfa şablonunuzu düzenleyebilirsiniz.

Animasyonlu bir sayı sayımı eklemek için sol taraftaki menüden Sayaç bloğunu sürükleyip şablonun üzerine bırakmanız yeterlidir.

Bundan sonra, daha fazla özelleştirmek için Sayaç bloğunu seçebilirsiniz.

Örneğin, sayacın başlangıç ve bitiş numaralarını değiştirme, bir sayı ön eki ve son eki girme ve başlığı düzenleme seçenekleri vardır.

Ardından, sol tarafınızdaki Sayaç bloğu ayarlarının altındaki ‘Gelişmiş’ sekmesine geçebilirsiniz.

Burada, Sayaç bloğunuzun stilini, rengini, aralığını, yazı tipini ve daha fazlasını değiştirmek için daha fazla seçenek bulacaksınız.

Ardından, en üstteki ‘Kaydet’ geçişine tıklayın.

Şimdi açılır menüden ‘Yayınla’yı seçebilirsiniz.

Animasyonlu sayı sayacını çalışırken görmek için devam edin ve WordPress sitenizi ziyaret edin.

Demo sitemizde bu şekilde görünüyordu.

Yöntem 2: Sayaç Sayısını Kullanarak Bir Sayı Sayma Animasyonu Gösterin

WordPress’te sayı sayma animasyonu eklemenin bir başka yolu da Counter Number eklentisini kullanmaktır.

Kullanımı kolay ve siteniz için basit sayı sayaçları oluşturmanıza olanak tanıyan ücretsiz bir WordPress eklentisidir.

Öncelikle, Counter Number eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.

Etkinleştirmenin ardından, WordPress kontrol panelinizden Sayaç Numaraları ” Tüm sayaçlar bölümüne gidebilir ve ‘Yeni Sayaç Ekle’ düğmesine tıklayabilirsiniz.

Bundan sonra, sayaç numaranız için bir başlık girebilirsiniz.

Ücretsiz sürümde, yalnızca düz tasarım şablonunu seçebilirsiniz. Daha fazla şablon ve özelleştirme seçeneği istiyorsanız, SeedProd‘u kullanmanızı öneririz.

Ardından, sayaç numarası ayrıntılarını ekleyebilirsiniz. Sayaç başlığını düzenleme, bir simge seçme ve sayaç numarası değerini girme seçenekleri vardır.

Alttaki ‘Yeni Sayaç Kutusu Ekle’ düğmesine tıklayarak istediğiniz kadar sayaç numarası ekleyebilirsiniz.

Bunun yanı sıra, sağ tarafınızdaki panelden daha fazla özelleştirme seçeneği elde edersiniz.

Örneğin, eklenti sayaç başlık rengini, sayı rengini, simge boyutunu, yazı tipi boyutunu, yazı tipi ailesini ve daha fazlasını değiştirmenize olanak tanır.

Değişiklikleri yaptıktan sonra en üste geri gidin ve sayacınızı yayınlayın.

Ardından, WordPress kontrol panelinizden Sayaç Sayıları ” Tüm sayaçlar bölümüne gidebilirsiniz.

Devam edin ve Sayaç Kısa Kodunu kopyalayın. Şuna benzer bir şey görünecektir:

[COUNTER_NUMBER id=41]

Daha sonra, animasyonlu sayı sayınızı web sitenizde yazılardan sayfalara ve kenar çubuklarına kadar herhangi bir yere yerleştirebilirsiniz.

Yeni bir yazı veya sayfa ekleyin ya da mevcut bir yazıyı düzenleyin. İçerik editörüne girdikten sonra ‘+’ işaretine tıklayın ve bir Kısa Kod bloğu ekleyin.

Ardından, sayaç numarası kısa kodunu bloğa yapıştırabilirsiniz.

Buradan, animasyonlu sayı sayımını çalışırken görmek için sayfanızı veya gönderinizi önizleyin ve yayınlayın.

Umarız bu makale WordPress’te sayı sayma animasyonunun nasıl gösterileceğini öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te animasyonlu arka plan ekleme eğitimimize ve mükemmel temanızı tasarlamak için en iyi WordPress tem a oluşturucuları uzman seçimimize bakabilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.