Jak wyświetlić animację zliczania liczb w WordPress

Szukasz sposobu na wyświetlenie animowanego licznika liczb na twojej witrynie WordPress?

Wyświetlanie liczby pomaga przyciągnąć uwagę odwiedzających i pozwala wyświetlać kamienie milowe, zadowolonych klientów, pomyślnie zakończone projekty i inne ważne statystyki na twojej witrynie internetowej.

W tym artykule pokażemy, jak wyświetlić animację zliczania liczb w WordPress.

Dlaczego warto dodać animację zliczania liczb w WordPress?

Wyświetlanie licznika liczb na twojej witrynie internetowej WordPress to świetny sposób na zaangażowanie użytkowników i przyciągnięcie ich uwagi.

Możesz go użyć do wyświetlania ważnych statystyk na twojej witrynie, takich jak liczba miesięcznych odwiedzających lub liczba artykułów na blogu WordPress.

Podobnie, możesz użyć animowanej liczby, aby wyświetlić ukończone projekty, liczbę zadowolonych klientów, liczbę klientów, kamienie milowe osiągnięte przez twoją firmę i inne ważne informacje.

Na przykład OptinMonster używa licznika liczb, aby pokazać zoptymalizowane miesięczne sesje odwiedzających.

Dodawanie i konfigurowanie zliczania liczb w WordPress zazwyczaj wymaga edycji kodu. Może to być trudne dla początkujących, którzy nie wiedzą, jak pisać kod.

To powiedziawszy, zobaczmy, jak można wyświetlić animowany licznik liczb w WordPress. Omówimy 2 proste metody przy użyciu narzędzia do tworzenia witryn internetowych premium i darmowej wtyczki.

Możesz kliknąć poniższe odnośniki, aby przejść do twojej preferowanej sekcji:

Metoda 1: Wyświetlanie animacji zliczania liczb przy użyciu SeedProd

Najlepszym sposobem na dodanie animowanego licznika liczb w WordPress jest użycie SeedProd. Jest to najlepszy kreator stron WordPress, który oferuje wiele własnych opcji konfiguratora.

W tym poradniku użyjemy wersji SeedProd Pro, ponieważ zawiera ona zaawansowane bloki i pozwala na dodanie licznika. Istnieje również wersja SeedProd Lite, którą można wypróbować za darmo.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć SeedProd. Jeśli potrzebujesz pomocy, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu SeedProd poprosi o wpisz klucza licencyjnego. Klucz licencyjny można znaleźć w obszarze Twojego konta oraz w e-mailu z potwierdzeniem zakupu.

Następnie musisz przejść do SeedProd ” Landing Pages z twojego panelu administracyjnego WordPress.

SeedProd umożliwia tworzenie profesjonalnie zaprojektowanych własnych stron docelowych, w tym strony „coming soon„, strony trybu konserwacji, strony logowania i strony 404.

Kliknij przycisk „Utwórz nową stronę docelową”.

Następnie możesz wybrać szablon SeedProd dla twojej strony docelowej i wyświetlić animowany licznik liczb.

Wystarczy najechać kursorem na szablon i kliknąć pomarańczowy przycisk wyboru.

Otworzy się wyskakujące okno. Wystarczy wpisz nazwę strony i adres URL strony.

Następnie kliknij przycisk „Zapisz i rozpocznij edycję strony”.

Spowoduje to uruchomienie kreatora przeciągania i upuszczania SeedProd.

Następnie możesz edytować szablon twojej strony, dodając różne bloki lub klikając istniejące elementy na stronie.

Aby dodać animowaną liczbę, wystarczy przeciągnąć blok Licznik z menu po twojej lewej stronie i upuścić go na szablonie.

Następnie można wybrać blok licznika, aby dostosować go do własnych potrzeb.

Dostępne są na przykład opcje zmiany początkowego i końcowego numeru licznika, wpisz prefiks i sufiks numeru oraz edytuj tytuł.

Następnie możesz przejść do karty „Zaawansowane” w ustawieniach bloku licznika po twojej lewej stronie.

Tutaj znajdziesz więcej opcji zmiany stylu, koloru, odstępów, kroju pisma i innych elementów twojego bloku licznika.

Następnie kliknij przełącznik „Zapisz” u góry.

Możesz teraz wybrać opcję „Opublikuj” z menu rozwijanego.

Aby zobaczyć animowany licznik liczb w działaniu, przejdź na swoją witrynę WordPress.

Tak to wyglądało na naszej witrynie demonstracyjnej.

Metoda 2: Pokaż animację zliczania liczb przy użyciu licznika liczb

Innym sposobem na dodanie animacji zliczania liczb w WordPressie jest użycie wtyczki Counter Number.

Jest to darmowa wtyczka WordPress, która jest łatwa w użyciu i pozwala tworzyć proste liczniki liczb dla twojej witryny.

Najpierw musisz zainstalować i włączyć wtyczkę Counter Number. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.

Po włączaniu możesz przejść do Numery liczników ” Wszystkie liczniki z twojego kokpitu WordPress i kliknąć przycisk „Utwórz nowy licznik”.

Następnie możesz wpisz tytuł dla twojego numeru licznika.

W darmowej wersji można wybrać tylko zwykły szablon. Jeśli chcesz mieć więcej szablonów i opcji konfiguratora, sugerujemy skorzystanie z SeedProd.

Następnie można dodać szczegóły numeru licznika. Dostępne są opcje edycji tytułu licznika, wyboru ikonki i wpisz wartość numeru licznika.

Możesz dodać dowolną liczbę numerów liczników, klikając przycisk „Utwórz nowy licznik” na dole.

Poza tym, w panelu po twojej prawej stronie dostępnych jest więcej opcji konfiguratora.

Wtyczka pozwala na przykład zmienić kolor tytułu licznika, kolor liczb, rozmiar ikonki, wielkość litery, rodzinę pisma i inne.

Po wprowadzeniu zmian, przewiń z powrotem na górę i opublikuj twój licznik.

Następnie możesz przejść do Numery liczników ” Wszystkie liczniki z twojego kokpitu WordPress.

Śmiało i skopiuj krótki kod licznika. Będzie on wyglądał mniej więcej tak:

[COUNTER_NUMBER id=41].

Następnie możesz umieścić swoją animowaną liczbę w dowolnym miejscu witryny internetowej, od wpisów i stron po panele boczne.

Wystarczy utworzyć nowy wpis lub stronę albo edytować już istniejącą. Po przejściu do edytora treści wystarczy kliknąć znak „+” i dodać blok krótkiego kodu.

Następnie możesz wkleić krótki kod numeru licznika w bloku.

W tym miejscu możesz wyświetlić podgląd i opublikować swoją stronę lub wpis, aby zobaczyć animowaną liczbę w działaniu.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak wyświetlić animację zliczania liczb w WordPress. Możesz również zapoznać się z naszym poradnikiem na temat dodawania animowanego tła w WordPressie i naszym eksperckim wyborem najlepszych kreatorów motywów WordPress, aby zaprojektować twój idealny motyw.

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.