Cara Membuat Grafik di WordPress (3 Langkah Sederhana)

Diterbitkan: 2024-01-10

Ingin membuat bagan dan grafik WordPress? Posting ini akan menunjukkan cara membuat grafik di WordPress dan menampilkannya di situs Anda!

Cara Membuat Grafik di WordPress

Perkiraan waktu membaca : 4 menit

Apakah Anda bekerja di situs WordPress yang benar-benar perlu membuat beberapa data bersinar?

Menambahkan bagan atau grafik dinamis adalah cara terbaik untuk menarik perhatian pengunjung sekaligus mengintip beberapa statistik.

Dapatkan Formulir Lebih Baik GRATIS!

Tapi sulit membuat grafik untuk WordPress, bukan? Ini sebenarnya jauh lebih mudah dari yang Anda bayangkan, terutama jika Anda menggunakan plugin yang tepat.

Dalam postingan ini, kami akan segera membahas apa yang kami cari di plugin grafik yang bagus. Kemudian, kami akan menunjukkan dengan tepat bagaimana kami membuat grafik untuk WordPress tanpa menulis satu baris kode pun!

Dapatkan Formulir yang Tangguh sekarang!

Gunakan plugin grafik dan grafik WordPress

Tentu saja, grafik tampak sederhana pada pandangan pertama. Namun di balik layar, kodenya bisa jadi rumit.

Daripada menghabiskan waktu berjam-jam mempelajari cara membuat grafik interaktif dari awal, luangkan waktu dua menit untuk menginstal plugin yang dapat menangani hal-hal sulit untuk Anda!

Plugin grafik WordPress yang bagus menawarkan:

  • Kemudahan penggunaan: Hanya dengan beberapa klik, data Anda diubah menjadi visual yang menarik.
  • Beberapa jenis grafik: Pie, scatter, bubble chart... sebut saja! Anda dapat mengubahnya dalam hitungan detik.
  • Pembaruan yang sering dilakukan: Grafik Anda akan terus terlihat bagus dari tahun ke tahun.
  • Dan lebih banyak waktu untuk melakukan apa yang Anda sukai!

Jadi plugin mana yang terbaik untuk membuat grafik di WordPress? Jawabannya adalah Bentuk yang Tangguh !

Benar, pembuat formulir WordPress terbaik juga merupakan plugin grafik WordPress terbaik. Ini adalah Pisau Swiss Army sejati untuk situs Anda.

Sekarang mari kita lihat betapa mudahnya membuat grafik untuk WordPress dengan Formidable Forms.

Cara membuat grafik untuk WordPress

Berlangganan di YouTube

  • Langkah 1: Instal plugin bagan Formidable Forms
  • Langkah 2: Tambahkan blok Formidable Chart ke halaman Anda
  • Langkah 3: Edit grafik Anda di WordPress

    Untuk mengikuti tutorial langkah demi langkah ini, Anda memerlukan plugin Formidable Forms WordPress. Add-on grafik dan bagan disertakan dalam paket Plus Formidable dan yang lebih baru.

    Jika Anda belum memilikinya, cukup klik di bawah untuk mendapatkan lisensi Anda!

    Rencana pro Formulir yang Tangguh

    Setelah Anda selesai diinstal dan diaktifkan Hebatnya, kita bisa mulai membuat grafik kita!

    Sebagai contoh hari ini, kami akan menggunakan blog pengamatan burung perdana kami, Ini Birdie Birdie .

    Di sini Situs Birdie Birdie

    Di situs web kami, kami membuat formulir bagi pengunjung untuk melaporkan burung yang mereka lihat. Situs tersebut kemudian secara otomatis menerbitkan setiap entri sebagai postingan blog. Keren, bukan?

    Formulir pengamatan burung

    Meskipun ini berfungsi dengan baik untuk berbagi detail, kami memiliki banyak pengunjung yang bertanya burung mana yang paling sering dilihat.

    Daripada bersusah payah menggunakan file CSV dan Google Spreadsheet untuk menghitung dan membuat visual, bagan, atau grafik ‍, mari tambahkan bagan responsif ke situs kita untuk menunjukkan jumlah penampakan setiap jenis burung.

    Langkah 1: Instal plugin bagan Formidable Forms

    Di admin WordPress, navigasikan ke Formidable → Add-Ons . Cari add-on Charts , lalu klik tombol biru untuk Instal , dan Aktifkan .

    Bagus, sekarang ke hal-hal menyenangkan!

    Langkah 2: Tambahkan blok Formidable Chart ke halaman Anda

    Selanjutnya, mari buat halaman/postingan WordPress di mana kita ingin menyisipkan grafik kita. Sebagai contoh, kita akan membuat halaman baru bernama "Statistik Pengamatan Burung".

    Di editor Gutenberg, klik ikon untuk menambahkan blok baru. Selanjutnya, cari "Formidable" dan masukkan blok Formidable Chart .

    Bagaimana cara menambahkan grafik ke WordPress dengan blok Chart dari Formidable Forms

    Dari sidebar kanan, pilih formulir yang akan digunakan sebagai sumber data Anda. Sekarang kita akan melihat beberapa data!

    Pilih formulir sebagai sumber data bagan

    Tidak melihat pemilih sumber data? Anda mungkin perlu membuka sidebar dengan mengklik tombol di pojok kanan atas editor WordPress.

    Langkah 3: Edit grafik Anda di WordPress

    Kami pikir grafik kolom (alias diagram batang) paling cocok untuk menunjukkan berapa kali suatu jenis burung terlihat. Dan beruntungnya bagi kami, itu adalah tipe grafik default!

    Buat bagan kolom di WordPress

    Langkah selanjutnya dalam membuat diagram kolom/grafik batang adalah menentukan sumber data sumbu x dan sumbu y di sini, di sidebar.

    Dalam hal ini, kita akan mengatur sumbu x menjadi "Jenis burung" dan sumbu y menjadi "Jumlah entri".

    Bagan dasar WordPress

    Tidak buruk, tapi itu bisa terlihat lebih baik...

    Gaya bagan atau grafik Anda di WordPress

    Mari kita ubah warna bagan kita agar lebih mencolok.

    Untuk melakukan ini, pergi ke sidebar kanan. Di bawah Penampilan , pilih warna yang Anda inginkan.

    Ubah warna grafik di WordPress

    Sekarang grafik itu pasti akan menarik perhatian para pengamat!

    Contoh diagram batang untuk WordPress

    Tapi grafik kita masih bisa lebih baik, bukan?

    Ubah jenis bagan

    Daripada menggunakan grafik kolom, diagram lingkaran mungkin merupakan cara yang lebih baik untuk memvisualisasikan data kita.

    Jadi bagaimana kita bisa menyisipkan diagram lingkaran di WordPress?

    Kita akan pergi ke sidebar kanan dan mengubah Type dari Column menjadi Pie . Ya, Formidable Forms juga berfungsi sebagai plugin diagram lingkaran!

    Masukkan diagram lingkaran di WordPress

    Dan ini dia! Kami sekarang memiliki diagram lingkaran di WordPress yang menunjukkan persentase setiap jawaban yang kami terima di formulir kami!

    Untuk sentuhan akhir, kami hanya akan mengaktifkan tombol Legenda di sidebar untuk membuatnya lebih jelas.

    Bagan Pai Berwarna-warni

    Yang tersisa hanyalah mempublikasikan halaman kami. Kami sekarang memiliki diagram lingkaran di situs WordPress kami yang akan diperbarui secara real time ketika seseorang mengirimkan formulir kami! Terbang cantik! (Kami 99% menyesal atas lelucon itu).

    Tidak ingin kolom atau diagram lingkaran? Tidak masalah! Blok Bagan Formidable memungkinkan Anda mengubah semua jenis bagan dan tabel dalam satu klik:

    • Pie chart
    • Bagan batang (grafik batang)
    • Bagan garis (grafik garis)
    • Plot sebar
    • Bagan wilayah
    • Bagan melangkah
    • Peta
    Jenis bagan dan grafik Formidable

    Dan Formidable tidak berhenti pada pembuatan formulir dan pembuatan bagan untuk WordPress. Plugin premium juga dilengkapi dengan:

    • Tabel dan bagan responsif untuk tema apa pun (termasuk Elementor)
    • Integrasi WooCommerce
    • Gerbang pembayaran
    • Pembuat aplikasi WordPress
    • Dan banyak lagi

    Satu plugin yang melakukan semua itu? Menakjubkan!

    Siap membuat grafik untuk WordPress?

    Jangan biarkan grafik WordPress mengganggu Anda. Sebagai gantinya, cukup instal Formidable Forms dan gunakan fitur visualisasi datanya yang canggih!

    Jadi lupakan mencari plugin grafik atau bagan terpisah. Anda hanya memerlukan pembuat formulir WordPress yang hebat untuk membuat bagan di WordPress.

    Dapatkan Formulir yang Tangguh sekarang!

    Tapi jangan lupa untuk mengikuti kami di Facebook, Twitter, dan YouTube untuk tips dan trik WordPress lainnya!

    Baca lebih lanjut tentang grafik untuk WordPress


    Tahukah Anda bahwa Formidable Forms adalah plugin formulir WordPress tercanggih yang tersedia? Coba versi gratisnya untuk memulai, atau buka semua kemungkinan dengan pembuat formulir WordPress premium kami!