Cara Menampilkan Animasi Hitungan Angka di WordPress

Apakah Anda mencari cara untuk menampilkan penghitung nomor animasi di situs WordPress Anda?

Menampilkan jumlah angka membantu menarik perhatian pengunjung Anda dan memungkinkan Anda menampilkan pencapaian, pelanggan yang puas, proyek yang berhasil diselesaikan, dan statistik penting lainnya di situs web Anda.

Pada artikel ini, kami akan menunjukkan cara menampilkan animasi hitungan angka di WordPress.

Cara menampilkan animasi hitungan angka di WordPress

Mengapa Menambahkan Animasi Penghitungan Angka di WordPress?

Menampilkan penghitung nomor di . Anda Situs web WordPress adalah cara yang bagus untuk melibatkan pengguna dan menarik perhatian mereka.

Anda dapat menggunakannya untuk menampilkan statistik penting di situs Anda, seperti jumlah pengunjung bulanan atau jumlah artikel di blog WordPress.

Demikian pula, Anda dapat menggunakan hitungan angka animasi untuk menampilkan proyek yang diselesaikan, jumlah pelanggan yang puas, jumlah klien, pencapaian yang dicapai oleh bisnis Anda, dan informasi penting lainnya.

Sebagai contoh, OptinMonster menggunakan penghitung nomor untuk menampilkan sesi pengunjung bulanan yang dioptimalkan.

Penghitung nomor di OptinMonster

Menambahkan dan menyesuaikan jumlah angka di WordPress biasanya memerlukan kode pengeditan. Ini bisa menjadi rumit bagi pemula yang tidak tahu cara menulis kode.

Yang mengatakan, mari kita lihat bagaimana Anda dapat menampilkan penghitung angka animasi di WordPress. Kami akan membahas 2 metode sederhana menggunakan pembuat situs web premium dan plugin gratis.

Anda dapat mengklik tautan di bawah ini untuk melompat ke depan ke bagian pilihan Anda.

Cara terbaik untuk menambahkan penghitung nomor animasi di WordPress adalah dengan menggunakan Produk Benih. Ini adalah pembuat situs web WordPress terbaik yang menawarkan pembuat halaman seret dan lepas dan banyak opsi penyesuaian.

Untuk tutorial ini, kami akan menggunakan versi SeedProd Pro karena menyertakan blok lanjutan dan memungkinkan Anda untuk menambahkan penghitung. Ada juga Versi SeedProd Lite Anda dapat mencoba secara gratis.

Hal pertama yang harus Anda lakukan adalah menginstal dan mengaktifkan SeedProd. Jika Anda membutuhkan bantuan, silakan lihat panduan kami di cara menginstal plugin WordPress.

Setelah aktivasi, SeedProd akan meminta Anda memasukkan kunci lisensi. Anda dapat menemukan kunci lisensi di area akun Anda dan email konfirmasi pembelian.

Memasukkan kunci lisensi SeedProd

Selanjutnya, Anda harus menuju ke SeedProd » Halaman Arahan dari panel admin WordPress Anda.

SeedProd memungkinkan Anda membuat halaman arahan khusus yang dirancang secara profesional, termasuk a halaman segera hadirhalaman mode pemeliharaan, halaman login, dan halaman 404.

Silakan dan klik tombol ‘Tambahkan Halaman Arahan Baru’.

Membuat desain beranda baru dengan SeedProd

Setelah itu, Anda dapat memilih template untuk halaman arahan Anda dan menampilkan penghitung nomor animasi.

Cukup arahkan kursor ke template dan klik tombol centang oranye.

Pilih templat halaman

Sebuah jendela popup sekarang akan terbuka. Cukup masukkan nama halaman dan URL halaman.

Setelah itu, klik tombol ‘Simpan dan Mulai Mengedit Halaman’.

Masukkan Nama Halaman dan URL Halaman

Ini akan meluncurkan pembuat drag-and-drop SeedProd.

Selanjutnya, Anda dapat mengedit template halaman Anda dengan menambahkan blok yang berbeda atau mengklik elemen yang ada di halaman.

Untuk menambahkan hitungan angka animasi, cukup seret blok ‘Penghitung’ dari menu di sebelah kiri Anda dan letakkan di template.

Tambahkan blok penghitung

Setelah itu, Anda dapat memilih blok Counter untuk menyesuaikannya lebih lanjut.

Misalnya, ada opsi untuk mengubah angka awal dan akhir di penghitung, memasukkan awalan dan akhiran angka, dan mengedit judul.

Edit judul konter

Selanjutnya, Anda dapat beralih ke tab ‘Lanjutan’ di bawah pengaturan blok Counter di sebelah kiri Anda.

Di sini, Anda akan menemukan lebih banyak opsi untuk mengubah gaya, warna, jarak, fondan lebih banyak lagi untuk blok Counter Anda.

Edit warna dan gaya blok

Setelah itu, Anda dapat menuju ke tab ‘Pengaturan Halaman’ di bagian atas.

Sekarang klik sakelar ‘Status Halaman’ dan ubah menjadi Menerbitkan.

Publikasikan halaman penghitung nomor Anda

Selanjutnya, Anda dapat mengeklik tombol ‘Simpan’ di bagian atas dan keluar dari pembuat laman landas.

Untuk melihat penghitung nomor animasi beraksi, silakan kunjungi situs web Anda.

Pratinjau penghitung angka

Metode 2: Tampilkan Animasi Penghitungan Angka Menggunakan Nomor Penghitung

Cara lain Anda dapat menambahkan animasi hitungan angka di WordPress adalah dengan menggunakan Nomor Penghitung pengaya.

Ini gratis plugin WordPress yang mudah digunakan dan memungkinkan Anda membuat nomor penghitung sederhana untuk situs Anda.

Pertama, Anda harus menginstal dan mengaktifkan plugin Counter Number. Untuk lebih jelasnya, silakan lihat panduan kami di cara menginstal plugin WordPress.

Setelah aktivasi, Anda dapat pergi ke Nomor Penghitung » Semua penghitung dari dasbor WordPress Anda dan klik tombol ‘Tambahkan Penghitung Baru’.

Tambahkan penghitung baru

Setelah itu, Anda dapat memasukkan judul untuk nomor counter Anda.

Dalam versi gratis, Anda hanya dapat memilih template desain polos. Jika Anda menginginkan lebih banyak templat dan opsi penyesuaian, kami sarankan untuk menggunakan Produk Benih.

Masukkan nama untuk penghitung dan pilih template

Selanjutnya, Anda dapat menambahkan detail nomor counter. Ada opsi untuk mengedit judul penghitung, memilih ikon, dan memasukkan nilai nomor penghitung.

Anda dapat menambahkan nomor counter sebanyak yang Anda inginkan dengan mengklik tombol ‘Add New Counterbox’ di bagian bawah.

Tambahkan detail penghitung

Selain itu, Anda mendapatkan lebih banyak opsi penyesuaian dari panel di sebelah kanan Anda.

Misalnya, plugin memungkinkan Anda mengubah warna judul penghitung, warna angka, ukuran ikon, ukuran hurufkeluarga font, dan banyak lagi.

Setelah melakukan perubahan, gulir kembali ke atas dan publikasikan penghitung Anda.

Publikasikan nomor konter Anda

Selanjutnya, Anda dapat menuju ke Nomor Penghitung » Semua penghitung dari dasbor WordPress Anda.

Silakan dan salin Kode Pendek Penghitung. Ini akan terlihat seperti ini:[COUNTER_NUMBER id=41]

Salin kode pendek untuk penghitung

Setelah itu, Anda dapat menempatkan hitungan nomor animasi Anda di mana saja di situs web Anda, dari posting dan halaman ke sidebar.

Cukup tambahkan posting atau halaman baru atau edit yang sudah ada. Setelah Anda berada di editor konten, cukup klik tanda ‘+’ dan tambahkan blok Kode Pendek.

Menambahkan blok kode pendek ke WordPress

Selanjutnya, Anda dapat menempelkan kode pendek nomor penghitung di blok.

Dari sini, pratinjau dan publikasikan halaman atau postingan Anda untuk melihat jumlah animasi yang sedang beraksi.

Pratinjau nomor penghitung plugin gratis

Kami harap artikel ini membantu Anda mempelajari cara menampilkan animasi hitungan angka di WordPress. Anda juga dapat melihat kami panduan utama untuk keamanan WordPress dan pilihan ahli kami dari plugin WordPress terbaik untuk situs web bisnis kecil.

Jika Anda menyukai artikel ini, silakan berlangganan kami Saluran Youtube untuk tutorial video WordPress. Anda juga dapat menemukan kami di Twitter dan Facebook.

.

Sumber Artikel

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *