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.
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
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.
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
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 '.
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.
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.
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.
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.
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.
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.
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.
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, exportasi 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.
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.
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.
Download | Demo | 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.
- Cara menampilkan semua publikasi WordPress Anda pada satu halaman
- Cara menggunakan kategori dan tag secara efektif di WordPress
- Cara menambahkan tombol WhatsApp di blog WordPress
- Bagaimana cara mencari sponsor dan menguangkan blog Anda? : Panduan ini
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.
...
