Apakah Anda ingin menambahkan bar dan grafik di WordPress atau Anda ingin mengetahui cara membuat alat visualisasi grafik di WordPress?

Alat bantu visual seperti grafik, batang, diagram lingkaran adalah cara ideal untuk menyajikan data dengan lebih baik di postingan / halaman Anda.

Dalam tutorial ini, kami akan menunjukkan kepada Anda cara membuat bilah dan gambar dengan plugin Charts Visualizer WordPress WordPress.

Tetapi sebelumnya, jika Anda belum pernah menginstal WordPress temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Masalah dengan bilah dan grafik di WordPress

Ada banyak plugin WordPress untuk menambahkan batang dan grafik ke konten Anda. Namun, sebagian besar pengguna merasa alat ini sulit digunakan.

Temukan kami 8 WordPress plugins untuk membuat diagram di situs web Anda

Beberapa dari plugin ini bahkan mengharuskan pengguna untuk menambahkan data di dalam file Kode pendek dalam format yang sangat rumit untuk diingat.

Alih-alih menggunakan plugin ini, banyak pengguna akhirnya membuat grafik di aplikasi desktop mereka dan mengubahnya menjadi gambar.

Mungkin berhasil jika Anda tidak berencana untuk mengubah apa pun. Namun, gambar tidak dapat menggantikan grafik interaktif di mana data berguna muncul saat pengguna menggerakkan mouse ke bagian tertentu.

Penggunaan grafik akan memungkinkan Anda untuk:

  • Tambahkan data dari sumber data di komputer Anda atau di web.
  • Isi grafik, bagan, dan batang menggunakan data Anda.
  • Buat grafik yang hebat, interaktif, penuh warna, responsif.
  • Lebih penting lagi, itu harus memungkinkan Anda untuk memperbarui data kapan pun Anda mau.

Yang mengatakan, mari kita lihat bagaimana Visualizer WordPress Charts membantu Anda sampai di sana.

Cara membuat grafik dengan Visualizer WordPress Charts

Hal pertama yang perlu Anda lakukan adalah menginstal dan mengaktifkan plugin Charts Visualizer WordPress. Untuk detail lebih lanjut, lihat panduan kami langkah demi langkah langkah tentang cara memasang plugin WordPress.

Meskipun versi gratis tidak melakukan semua yang Anda butuhkan, para pengembang plugin ini juga menawarkan Visualizer WordPress Pro Charts yang menambahkan fitur tambahan, seperti menambahkan data menggunakan spreadsheet sebagai antarmuka dan mengimpor data dari sumber lain.

Biayanya $ 79 untuk satu lisensi dengan satu tahun dukungan pelanggan dan pembaruan biasa

Catatan: Tutorial ini didasarkan pada versi gratis dari plugin.

Setelah aktivasi, Anda harus mengunjungi halaman " Media> Perpustakaan Visualizer ". Di sinilah semua grafik akan ditampilkan.

cara membuat alat visualisasi grafik

Anda harus mengklik tombol « Add Untuk menambahkan grafik pertama Anda.

Ini akan memunculkan jendela di layar. Anda akan melihat berbagai jenis grafik yang tersedia. Cukup pilih jenis grafik yang ingin Anda tambahkan dan klik tombol berikutnya untuk melanjutkan.

Temukan juga Bagaimana cara menambahkan peta interaktif ke situs web WordPress Anda

daftar grafis untuk WordPress

Langkah selanjutnya adalah menambahkan sumber data Anda dalam format CSV. Jika Anda menyimpan data Anda menggunakan spreadsheet Excel, spreadsheet Google, atau program lain, maka Anda dapat mengekspornya sebagai file CSV.

Temukan juga Cara menggunakan plugin WP Ultimate CSV Impor untuk mengimpor data pada WordPress

Anda dapat mengunduh atau menyimpan file CSV ke komputer Anda, dan kemudian menggunakannya untuk menghasilkan grafik.

menghasilkan grafik WordPress

File CSV Anda harus memiliki nama kolom di baris pertama dan tipe data di baris kedua. Plugin mendukung tipe data: string, angka, boolean, tanggal, waktu, tanggal, dan waktu.

Lihat file contoh ini, tersedia di Google Sheets.

Belajar dengan menemukan artikel ini Cara mengekspor data pengguna ke file CSV

Lembar Data Google misalnya

Jika Anda membuat file CSV menggunakan editor teks, lihat file CSV contoh ini:

Browser, pengunjung tali, jumlah Chrome, Firefox 7894, 6754 Internet Explorer, Safari 4230, 2106 Opera 627

Menambahkan grafik ke WordPress dari Google Drive Spreadsheet

Jika Anda memiliki data Anda disimpan sebagai spreadsheet di Google Drive, Anda dapat menambahkannya ke bagan Anda tanpa mengekspornya.

Kami juga menyarankan Anda untuk menemukan kami Plugin 5 WordPress untuk mengintegrasikan Google Drive di situs web Anda

Buka file data Anda di Google Spreadsheets dan klik " File> Publikasikan untuk Web '.

forLe mempublikasikan web google speadsheet

Ini akan memunculkan jendela di mana Anda harus memilih bagaimana Anda ingin menerbitkan dokumen ini. Anda harus memilih " Nilai yang Dipisahkan Koma (.csv) Di menu tarik-turun.

Mode ekspor data WordPress

Jangan lupa klik tombol « Menerbitkan Untuk mengakses versi data Anda yang dipublikasikan.

Anda akan melihat URL publik spreadsheet Anda sebagai file CSV. Anda perlu menyalin URL ini dan kembali ke tabel plugin Visualizer.

Klik pada tombol dari Web Dan masukkan URL file csv Google Spreadsheet Anda.

google Link ke stylesheet

Segera setelah Anda memasukkan URL, plugin akan mencari file CSV Anda dan menampilkan pratinjau grafik Anda secara real-time.

Anda dapat mengklik tombol buat tabel untuk menyimpan grafik Anda.

Menambahkan grafik ke artikel atau halaman

Untuk menambahkan tabel atau bagan ke artikel Anda dan halaman WordPress, Anda dapat melakukannya semudah Anda menambahkan gambar ke artikel / halaman.

Cookies dan WordPress: Cara membuat, mengambil dan menghapus temukan mereka dengan mengklik tautan ini

Buat posting / halaman baru atau edit yang sudah ada di mana Anda ingin menambahkan tabel. Pada layar edit, klik " Tambahkan media Di atas editor visual.

menambahkan media WordPress baru

Ini akan memunculkan jendela pop-up dengan media Anda. Anda harus mengklik tab "Visualisasi" di kolom kiri. Anda akan menemukan semua grafik yang telah Anda buat dan simpan di situs web ini.

Media WordPress melihat seperti

Klik ikon sisipkan di bawah untuk menambahkannya. Popup akan menghilang dan Anda akan melihat tabel Anda ditambahkan ke posting WordPress Anda sebagai file Kode pendek.

menambahkan bentuk tabel peta

Anda sekarang dapat menyimpannya di artikel / halaman WordPress Anda dan mengunjungi situs web Anda untuk melihat bagaimana semuanya bekerja.

Edit grafis plugin Visualizer di WordPress

Anda dapat mengedit dan mengedit grafik Anda kapan saja. Kunjungi saja Media> Perpustakaan Visualizer ". Dari halaman ini, Anda dapat mengkloning tabel, menghapusnya, atau mengubah pengaturan visualnya.

Wordpess perubahan grafis

Memperbarui data dari bagan yang ada tanpa mengubah tabel cukup mudah dengan Visualizer.

Jika Anda menambahkan data dari Google Spreadsheet, yang perlu Anda lakukan untuk memperbarui data adalah menavigasi ke lokasi berikut: " File> Publikasikan untuk web Dan publikasi ulang spreadsheet Anda. Perubahan Anda akan diperbarui secara otomatis.

Kami juga mengundang Anda untuk berkonsultasi dengan kami plugin 10 WordPress untuk menanamkan Google Maps di blog Anda

Di sisi lain, jika Anda mengunduh file CSV, Anda perlu memperbarui file CSV di komputer Anda. Setelah selesai, pilih grafik yang ingin Anda perbarui dan klik tautan edit tabel.

Di bagian ini Unggah Anda hanya perlu mengunggah file CSV baru Anda. Perubahan akan diperbarui secara otomatis.

Menambahkan grafik ke sidebar

Visualizer menggunakan kode pendek untuk memasukkan grafik. Pergi saja ke " Media> Perpustakaan Visualizer Anda akan melihat kode pendek di bawah masing-masing grafik Anda.

Salin kode pendek dan pergi ke " Penampilan> Widget ". Seret dan letakkan widget teks ke sidebar Anda dan rekatkan kode pendek di dalam widget.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. WordPress PDO Crud

WordPress PDO Crud adalah plugin yang kuat yang memungkinkan Anda membuat formulir, untuk melakukan operasi penambahan, modifikasi, penghapusan data frontend.

Wordpress pdo crud plugin wordpress masukkan tabel grafik website bentuk blog

Ini menawarkan tabel yang indah di mana Anda dapat menambahkan data Anda dalam beberapa cara, yang akan mudah ditentukan oleh Webmaster mana pun.

Fitur utamanya adalah: ayntaxe sangat sederhana, sdukungan berbagai tampilan, gpembuatan otomatis penyisipan atau pembaruan formulir dari tabel database,tampilan bidang tertentu, halmendukung banyak plugin WordPress, ituxportasi data dalam pdf, xml, csv dan excel, dike pengaturan personalisasi,upport multibahasa, rcari di bidang tertentu, obeberapa pion penghapusan, elebih.

Download Demo | Hébergement Web

2. Audio Pilihan

Audio Unggulan sangat bagus WordPress Plugin yang mewarisi fitur HTML5 terbaik, seperti namanya. Plugin ini memungkinkan Anda untuk menyesuaikan volume audio yang dipilih untuk setiap posting dan halaman. 

Plugin wordpress premium audio unggulan menambahkan pemutar audio

Adapun fitur-fitur yang akan kita miliki antara lain: lagu di halaman depan, audio player yang mendukung penuh HTML5, dukungan perangkat mobile seperti: iPhone, iPad, Android dan WP7, pemutaran file audio yang disimpan di media library WordPress , dukungan untuk browser lama, dukungan untuk format audio: mp3, wav, ogg, dll…, multibahasa, dan banyak lainnya…

Download | Demo | Hébergement Web

3. ChimpMate Pro

Simpanse adalah WordPress Plugin dari MailChimp Pop-up, yang akan membantu Anda mengubah pembaca menjadi pelanggan. Itu dirancang untuk menumbuhkan daftar email Anda tanpa mengganggu pengunjung dengan pop-up yang mengganggu.

Simpanse pro

Ini sepenuhnya dapat disesuaikan dan Anda akan menguasai kapan dan di mana menampilkan pop-up. Ciri-ciri lainnya adalah: ia fIni berfungsi dengan baik pada beberapa browser dan memiliki halbeberapa opsi penjadwalan, tata letak yang sepenuhnya dapat disesuaikan, aupport pelanggan yang responsif, iintegrasi sempurna dengan WooCommerce, sebuahManajemen cache yang sangat baik, integrasi sempurna dengan banyak Tema WordPress, yang Dukungan multibahasa berkat plugin WPMLDantidak banyak lagi.

DownloadDemo | Hébergement Web

Sumber daya lain yang direkomendasikan

Kami juga mengundang Anda untuk berkonsultasi dengan sumber daya di bawah ini untuk melangkah lebih jauh dalam cengkeraman dan kontrol situs web dan blog Anda.

Kesimpulan

Itu dia! Itu saja untuk tutorial ini. Saya harap ini akan memungkinkan Anda untuk menampilkan peta dan grafik dengan lebih baik di WordPress. merasa bebas untuk bagikan tip dengan teman-teman Anda di jejaring sosial Anda.

Namun, Anda juga akan dapat berkonsultasi dengan kami ressources, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Namun, sementara itu, beri tahu kami tentang file komentar dan saran di bagian khusus.

...