WordPress'te Sayı Sayısı Animasyonu Nasıl Gösterilir?

Yayınlanan: 2022-11-10

WordPress sitenizde hareketli bir sayı sayacı göstermenin yollarını mı arıyorsunuz?

Bir sayı sayımı göstermek, ziyaretçilerinizin dikkatini çekmenize yardımcı olur ve web sitenizdeki kilometre taşlarını, memnun müşterileri, tamamlanan başarılı projeleri ve diğer önemli istatistikleri görüntülemenize olanak tanır.

Bu yazıda, WordPress'te bir sayı sayma animasyonunun nasıl gösterileceğini göstereceğiz.

WordPress'te bir sayı sayma animasyonu nasıl gösterilir?

WordPress'te Neden Sayı Sayısı Animasyonu Eklemelisiniz?

WordPress web sitenizde bir sayı sayacı göstermek, kullanıcılarla etkileşim kurmanın ve dikkatlerini çekmenin harika bir yoludur.

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, tamamlanmış 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 hareketli bir sayı sayımı kullanabilirsiniz.

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

OptinMonster'da sayı sayacı

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

Bununla birlikte, WordPress'te hareketli 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ıları tıklayabilirsiniz.

  • Yöntem 1: SeedProd Kullanarak Sayı Sayısı Animasyonu Göster
  • Yöntem 2: Sayaç Numarasını Kullanarak Sayı Sayısı Animasyonu Göster

Yöntem 1: SeedProd Kullanarak Sayı Sayısı Animasyonu Göster

WordPress'te hareketli bir sayı sayacı eklemenin en iyi yolu SeedProd kullanmaktır. Sürükle ve bırak sayfa oluşturucu ve birçok özelleştirme seçeneği sunan en iyi WordPress web sitesi oluşturucusudur.

Bu eğitimde, gelişmiş bloklar içerdiği ve bir sayaç eklemenize izin verdiği için SeedProd Pro sürümünü kullanacağız. Ayrıca ücretsiz olarak deneyebileceğiniz bir SeedProd Lite sürümü de bulunmaktadır.

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.

Aktivasyon üzerine, SeedProd sizden lisans anahtarını girmenizi isteyecektir. Lisans anahtarını hesap alanınızda ve satın alma onayı e-postasında bulabilirsiniz.

SeedProd lisans anahtarının girilmesi

Ardından, WordPress yönetici panelinizden SeedProd »Açılış Sayfalarına gitmeniz gerekecek.

SeedProd, yakında çıkacak bir sayfa, bakım modu sayfası, oturum açma 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üğmesini tıklayın.

SeedProd ile yeni bir ana sayfa tasarımı oluşturma

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

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

Bir sayfa şablonu seçin

Ş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üğmesini tıklayın.

Bir Sayfa Adı ve Sayfa URL'si girin

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

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

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

Sayaç bloğunu ekleyin

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

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

Sayacın başlığını düzenleyin

Ardından, solunuzdaki Sayaç blok ayarları altındaki 'Gelişmiş' sekmesine geçebilirsiniz.

Burada, Counter bloğunuz için stili, rengi, aralığı, yazı tipini ve daha fazlasını değiştirmek için daha fazla seçenek bulacaksınız.

Bloğun rengini ve stilini düzenleyin

Bundan sonra, üst kısımdaki 'Sayfa Ayarları' sekmesine gidebilirsiniz.

Şimdi 'Sayfa Durumu' geçiş düğmesini tıklayın ve Yayınla olarak değiştirin.

Numara sayacı sayfanızı yayınlayın

Ardından, üst kısımdaki 'Kaydet' düğmesini tıklayıp açılış sayfası oluşturucudan çıkabilirsiniz.

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

Sayı sayacı önizlemesi

Yöntem 2: Sayaç Numarasını Kullanarak Sayı Sayısı Animasyonu Göster

WordPress'te sayı sayma animasyonu eklemenin başka bir yolu da Sayaç Numarası eklentisini kullanmaktır.

Kullanımı kolay ve siteniz için basit sayaç numaraları oluşturmanıza izin veren ücretsiz bir WordPress eklentisidir.

İlk olarak, Sayaç Numarası eklentisini kurmanız 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.

Aktivasyon üzerine, WordPress kontrol panelinizden Sayaç Numaraları » Tüm sayaçlar'a gidebilir ve 'Yeni Sayaç Ekle' düğmesini tıklayabilirsiniz.

Yeni bir sayaç ekle

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

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

Sayaç için bir ad girin ve bir şablon seçin

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.

Alt kısımda bulunan 'Yeni Sayaç Kutusu Ekle' butonuna tıklayarak istediğiniz kadar sayaç numarası ekleyebilirsiniz.

sayaç ayrıntıları ekle

Bunun yanı sıra sağdaki panelden daha fazla kişiselleştirme seçeneği elde edersiniz.

Örneğin, eklenti sayaç başlığı 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 dönün ve sayacınızı yayınlayın.

Sayaç numaranızı yayınlayın

Ardından, WordPress panonuzdan Sayaç Numaraları » Tüm sayaçlara gidebilirsiniz.

Devam edin ve Sayaç Kısa Kodunu kopyalayın. Şuna benzer: [COUNTER_NUMBER id=41]

Sayaç için kısa kodu kopyalayın

Daha sonra, animasyonlu sayı sayınızı yayınlardan ve sayfalardan kenar çubuklarına kadar web sitenizin herhangi bir yerine yerleştirebilirsiniz.

Yeni bir gönderi veya sayfa eklemeniz veya mevcut bir gönderiyi düzenlemeniz yeterlidir. İçerik düzenleyiciye girdikten sonra '+' işaretini tıklamanız ve bir Kısa Kod bloğu eklemeniz yeterlidir.

WordPress'e kısa kod bloğu ekleme

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

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

Ücretsiz eklenti sayaç numarası önizlemesi

Bu makalenin, WordPress'te bir sayı sayma animasyonunun nasıl gösterileceğini öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca, WordPress güvenliğine yönelik nihai kılavuzumuzu ve küçük işletme web siteleri için en iyi WordPress eklentileri konusunda uzman seçimimizi de görebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi Twitter ve Facebook'ta da bulabilirsiniz.