Apakah Anda ingin menambahkan bar dan grafik di WordPress? Alat bantu visual seperti grafik, batang, diagram lingkaran, dan lainnya adalah cara sempurna untuk menambahkan data dengan indah dengan konten Anda. Pada artikel ini, kami akan menunjukkan cara membuat bar dan grafik di WordPress dengan plugin Penjelajah dan Grafik WordPress Visualizer.
Masalah dengan Bar dan Grafik di WordPress
Ada banyak plugin WordPress untuk menambahkan batang, grafik, dan grafik dengan konten Anda. Namun, keluhan paling umum yang pernah kami dengar dari pengguna kami adalah plugin ini biasanya terlalu rumit untuk digunakan.
Beberapa plugin ini bahkan mengharapkan pengguna menambahkan data ke dalam kode pendek dalam format yang sangat rumit.
Alih-alih menggunakan plugin tersebut, banyak pengguna akhirnya membuat bagan di aplikasi perkantoran mereka dan mengubahnya menjadi gambar.
Ini bisa bekerja jika Anda berencana untuk tidak pernah mengubahnya. Namun, gambar bukanlah pengganti bagan interaktif tempat data bermanfaat muncul saat pengguna mengarahkan mouse mereka ke bagian tertentu.
Grafik dan grafik yang ideal akan memungkinkan Anda untuk:
- Tambahkan data dari sumber data di komputer atau di web.
- Ukur bagan, pai, grafik, dan batang menggunakan data Anda.
- Buat grafik yang indah, interaktif, berwarna, dan mobile friendly.
- Yang terpenting, sebaiknya Anda mengupdate data kapan pun Anda mau.
Karena itu, mari kita lihat bagaimana plugin Penjelajah dan Grafik WordPress Visualizer membantu Anda melakukan semua itu.
Membuat Bar dan Grafik di WordPress dengan Visualizer
Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Penjelajah dan Grafik WordPress Visualizer. Untuk lebih jelasnya
Sementara versi gratis hampir semua yang Anda butuhkan, mereka juga memiliki Diagram Penjelajah dan Grafik Pro yang menambahkan fitur tambahan ke plugin seperti menambahkan data secara langsung menggunakan spreadsheet seperti antarmuka dan mengimpor data dari grafik lainnya.
Biayanya $ 79 untuk lisensi satu situs dengan satu tahun dukungan dan pembaruan profesional.
catatan: Tutorial ini adalah tentang versi gratis dari plugin.
Setelah aktivasi, Anda perlu mengunjungi Media »Perpustakaan Visualizer halaman. Di sinilah semua grafik dan grafik Anda akan muncul.
Anda perlu mengklik tombol Add New untuk menambahkan grafik pertama Anda.
Ini akan memunculkan jendela popup di layar. Anda akan melihat berbagai jenis bagan yang tersedia dengan plugin. Cukup pilih jenis bagan yang ingin Anda tambahkan dan klik tombol berikutnya untuk melanjutkan.
Langkah selanjutnya adalah menambahkan sumber data Anda dalam format CSV. Jika Anda telah menyimpan data Anda sebagai spreadsheet menggunakan Excel, Google Sheets, atau program lainnya, Anda dapat mengekspornya sebagai file CSV.
Anda dapat mendownload atau menyimpan file CSV Anda ke komputer Anda dan kemudian mengunggahnya dengan mengklik tombol ‘Dari komputer’.
File CSV Anda harus memiliki nama kolom pada baris pertama dan tipe data di baris kedua. Plugin ini mendukung tipe data ini: string, number, boolean, date, time date, dan time of day.
Lihat contoh contoh yang telah kami buat di Google Spreadsheet ini.
Jika Anda membuat file CSV menggunakan editor teks, lihat contoh file CSV ini:
Browser, pengunjung
string, angka
Chrome, 7894
Firefox, 6754
Internet Explorer, 4230
Safari, 2106
Opera, 627
Menambahkan Bagan di WordPress Menggunakan Spreadsheet Google Drive
Jika data bagan Anda disimpan sebagai spreadsheet di Google drive, Anda dapat menambahkannya ke bagan tanpa mengekspornya.
Buka file data Anda di Google Spreadsheets dan kemudian klik File »Publikasikan ke web .
Ini akan memunculkan popup di mana Anda perlu memilih bagaimana Anda ingin menerbitkan dokumen ini. Anda perlu memilih Comma Separated Values (.csv) dari menu dropdown.
Jangan lupa klik tombol ‘Publish’.
Sekarang Anda akan melihat URL sheet Anda yang tersedia untuk umum sebagai file CSV. Anda perlu menyalin URL ini dan kembali ke tabel Visualizer.
Klik pada tombol Dari Web lalu masukkan URL file csv spreadsheet Google Anda.
Segera setelah Anda memasukkan URL, plugin akan mengambil file CSV Anda dan akan menampilkan pratinjau langsung bagan Anda.
Anda sekarang bisa mengklik tombol create chart untuk menyimpan grafik Anda.
Menambahkan Bagan atau Grafik di Tulisan / Halaman WordPress
Menambahkan grafik atau grafik ke posting dan halaman WordPress Anda semudah menambahkan gambar.
Buat postingan / halaman baru atau edit yang sudah ada di mana Anda ingin menambahkan bagan. Pada layar edit, klik tombol Add Media di atas editor pos.
Ini akan memunculkan media upload upload WordPress. Anda perlu mengklik tab visualisasi dari kolom kiri. Ini akan memuat semua grafik yang telah Anda buat dan simpan di situs ini.
Klik pada ikon insert di bawah grafik Anda. Popup akan hilang dan Anda akan melihat bagan Anda ditambahkan ke posting WordPress Anda sebagai shortcode.
Anda sekarang dapat menyimpan posting atau halaman WordPress Anda dan mengunjungi situs Anda untuk melihat tabel yang disisipkan ke dalam posting WordPress Anda.
Mengedit Diagram Visualizer Anda di WordPress
Anda dapat mengedit dan mengubah grafik Anda kapan saja. Cukup kunjungi Media »Perpustakaan Visualizer halaman. Dari situ Anda bisa mengkloning sebuah bagan, menghapusnya, atau mengedit pengaturan visualnya.
Memperbarui data untuk grafik yang ada tanpa mengubah grafik cukup mudah dengan Visualizer.
Jika Anda menambahkan data dari spreadsheet Google, maka yang perlu dilakukan adalah memperbarui data di spreadsheet dan masuk ke File »Publikasikan ke web dan publikasikan ulang spreadsheet Anda. Perubahan Anda akan secara otomatis tercermin dalam tabel Anda.
Di sisi lain, jika Anda mengupload file CSV, Anda perlu memperbarui file CSV di komputer Anda. Setelah selesai, pilih grafik yang ingin anda update dan klik pada link edit dibawah grafik.
Di bagian File Upload CSV cukup unggah file CSV baru Anda. Perubahan data secara otomatis akan tercermin dalam posting atau halaman di mana Anda telah memasukkan grafik itu.
Menambahkan Bagan di Widget Sidebar WordPress
Visualizer menggunakan shortcode untuk memasukkan grafik. Cukup pergi ke Media »Perpustakaan Visualizer , di sana Anda akan melihat kode pendek di bawah grafik Anda.
Salin kode singkat dan pergi ke Penampilan »Widget . Seret dan lepaskan widget teks ke sidebar Anda dan tempel kode singkat di dalam widget.
Jika shortcode tidak bekerja di widget teks, maka checkout panduan kami tentang cara menggunakan shortcodes di widget sidebar WordPress.