Buat dan Kelola Tabel dengan Editor Gutenberg

Tabel dan grafik lebih penting daripada yang kita duga ketika kita memiliki situs web karena hal ini dapat sangat memudahkan cara kita menampilkan harga, paket, perjalanan perusahaan, dan banyak hal lainnya

 Mungkin sangat merepotkan untuk menemukan tabel setelah membuatnya karena kita harus menyalin/menempel shortcode, tetapi bagaimana jika ada blok khusus untuk menemukan semua tabel Anda? WP Table Manager memungkinkan Anda melakukannya dengan editor WordPress Gutenberg yang mudah digunakan.

WP Table Manager menambahkan blok ke editor Gutenberg yang memungkinkan Anda menambahkan tabel ini dengan kotak pencarian langsung ke dalam blok.

Membuat Tabel WordPress dengan Plugin ini untuk Gutenberg

Untuk postingan ini kita akan menggunakan WP Table Manager untuk membuat tabel perbandingan harga, pertama-tama, kita akan melihat cara membuat tabel.

Pertama-tama, buka Tables Manager > All Tables, di bagian ini, klik + Create New > Table, ini akan membuka editor tabel, kita bisa menggunakan tema untuk membuat semuanya jauh lebih mudah jadi mari kita pilih salah satu, klik Theme > Theme Selection.

Anda akan melihat semua opsi untuk tema, jadi kami akan memilih salah satu yang cocok untuk tabel perbandingan harga.

Sekarang klik Ok (perlu diingat bahwa semua data dalam tabel akan dihapus).

Karena kita telah menambahkan tema, hampir seluruh pekerjaan selesai.

Kita hanya perlu melakukan penyesuaian sederhana dan menyesuaikan tabel dengan kebutuhan kita, saya akan menghapus banyak baris dan mengedit banyak di antaranya, ini dapat diedit hanya dengan mengkliknya dan mulai mengetik seperti jika Anda menggunakan Excel.

Untuk menghapus, cukup klik pada baris, klik kanan, lalu Hapus.

Sekarang jika Anda ingin mengedit sel, cukup klik sel tersebut, maka akan terbuka editor lanjutan yang dapat Anda gunakan untuk menyesuaikan konten sesuai keinginan Anda.

Jika kita ingin menyesuaikan tabel lebih lanjut, kita dapat mengubah warnanya, kita hanya perlu mengklik sel dan menggunakan alat di bagian atas untuk mengubah warna sel yang kita inginkan.

Kita tidak perlu menyimpan tabel karena tabel akan disimpan secara otomatis pada setiap perubahan.

Sekarang setelah kita membuat tabel, kita dapat menambahkannya ke pos menggunakan blok Gutenberg Editor.

Buka Pos > Tambah Baru, Anda akan melihat Editor Gutenberg, kami akan memilih blok WP Table Manager .

Ini akan menambahkan kolom pencarian yang akan menampilkan kategori dan tabel kepada Anda, dan Anda dapat menambahkan tabel hanya dengan mengklik tabel tersebut.

Tabel akan ditambahkan, dan sekarang, Anda hanya perlu mempublikasikan pos tersebut dan tabel akan muncul, semudah mengklik tabel dan mempublikasikan pos/halaman.

Dan itu saja, kami telah membuat dan memposting tabel harga dalam waktu kurang dari 10 menit, sangat mudah, bukan?

Menggunakan WP Table Manager di WordPress untuk Membuat Grafik

Ya, kami juga akan memiliki opsi untuk membuat grafik dari tabel, dan kabar baik lainnya adalah bagian grafik memiliki Gutenberg Block khusus sehingga Anda dapat dengan mudah menemukan grafik tersebut saat Anda membuat postingan.

Sekarang, untuk membuat grafik, buka Table Manager > All Tables, kita harus memiliki tabel yang dibuat dengan data yang ingin kita tampilkan dalam grafik, kita memiliki tabel yang telah disiapkan dengan informasi untuk membuat grafik ini.

Praktik yang baik adalah membuat kategori untuk setiap jenis tabel yang ingin kita buat, misalnya, di sini kita telah membuat kategori bernama: “Grafik”.

Kategori sangat mudah dibuat, untuk ini klik + Create New > Category.

Terakhir, ketik judul kategori, pilih kategori induk (jika ini sub-kategori), lalu klik Selesai.

Sekarang mari kita pergi ke tabel tempat kita ingin membuat grafik, kami telah menambahkan tabel berdasarkan populasi dari 5 negara.

Untuk membuat grafik, kita harus memilih sel yang ingin kita tambahkan ke grafik dan klik Chart > Create chart from data.

 Sekarang, kita akan melihat grafik yang dibuat dengan menu kanan di mana kita akan dapat melihat alat-alat untuk menyesuaikan grafik.

Kami akan menggunakan diagram lingkaran untuk contoh ini.

Di bagian bawah panel sisi kanan, kita akan dapat memilih warna untuk setiap bidang sehingga kita dapat menyesuaikan warna dengan tema yang kita gunakan.

Sekarang setelah kami membuat/menyesuaikan bagan, mari kita buka Pos > Tambah Baru agar kami dapat membuat pos dan menambahkan bagan baru yang telah kami buat.

Di Editor Gutenberg, cari blok “WP Table Manager Chart” dan tambahkan ke postingan.

Ini akan membuka bidang pencarian di mana Anda akan dapat melihat semua bagan yang tersedia.

Seperti yang Anda lihat, ini akan menampilkan semua kategori, tabel, dan bagan yang tersedia, itulah sebabnya kita harus mengurutkan semuanya dalam kategori. Sekarang klik bagan yang ingin Anda tambahkan, dalam kasus kami adalah “Bagan Populasi”.

Seperti yang Anda lihat, shortcode akan ditambahkan secara otomatis, jadi Anda hanya perlu mempublikasikannya dan semuanya akan selesai.

Tapi sekarang, apa yang terjadi jika kita ingin memperbarui data di dalam grafik? Haruskah kita membuat grafik baru? Jawabannya tidak! Anda cukup mengedit data di dalam tabel dan grafik akan diperbarui secara otomatis.

Dalam contoh ini, populasi Tuvalu adalah 11147, seperti yang Anda lihat pada gambar, jadi mari ubah populasi menjadi 20000, dan periksa grafiknya lagi.

Sekarang diagramnya harus sudah diperbarui, mari kita periksa.

Dan ya, keajaiban pun terjadi, kami telah membuat bagan dinamis yang dapat dengan mudah diubah hanya dengan mengubah data di dalam tabel.

Plus, Tabel dari Database di WordPress

Ada juga opsi untuk membuat tabel dari Database dan tabel ini akan diperbarui secara otomatis ketika ada perubahan pada database Anda, jadi jika Anda memiliki informasi yang tersimpan di Database Anda dan ingin membuat tabel/grafik berdasarkan itu, cukup klik + Create New > Database Table

Ini akan mengarahkan Anda ke halaman yang berisi semua tabel yang ada di Database Anda sehingga Anda cukup memilihnya beserta kolom yang Anda inginkan, dan WP Table Manager akan secara otomatis membuat tabel tersebut.

Setelah itu, Anda dapat memilih kolom yang ingin ditambahkan ke tabel, misalnya, di sini kita hanya akan memilih tipe komentar dan email dari penulis.

Terakhir, pilih judul untuk setiap kolom dan tambahkan aturan untuk membuat tabel.

Sekarang, klik Buat Tabel dan tabel akan dibuat secara otomatis, perlu diingat bahwa ada Kondisi yang dapat kita tambahkan, misalnya, tampilkan variabel hanya jika email penulis adalah “Alamat email ini dilindungi dari bot spam. Anda harus mengaktifkan JavaScript untuk melihatnya.”.

Kita dapat menambahkan aturan sebanyak yang kita inginkan, kita hanya perlu mengklik “Tambah” dan kotak baru akan ditambahkan untuk menetapkan aturan baru.

Dan sekarang Anda dapat melihat betapa mudahnya membuat tabel dari basis data.

Desain baru kami akan membuat semuanya jadi lebih mudah!

Mulai Membuat Tabel dengan WP Table Manager

Sekarang Anda tahu betapa mudahnya membuat tabel dan mengelolanya menggunakan WP Table Manager, apa lagi yang Anda tunggu? Kunjungi di sini dan beli keanggotaan Anda untuk mulai menyajikan semua tabel ini dengan cara yang paling profesional.