Lewati ke konten utama
7 menit waktu membaca (1477 kata)

Buat dan Kelola Tabel dengan Editor Gutenberg

spanduk-bagan

Tabel dan bagan lebih penting daripada yang kita pikir ketika kita memiliki situs web karena ini dapat membuat cara kita menampilkan harga, rencana, arah perusahaan, dan banyak hal lainnya menjadi lebih mudah

Ini bisa sangat melelahkan untuk menemukan tabel setelah membuatnya karena kita harus menyalin/menempelkan kode pendek tetapi bagaimana jika ada blok yang didedikasikan untuk menemukan semua tabel Anda? WP Table Manager memungkinkan Anda melakukan itu dengan editor Gutenberg WordPress yang mudah digunakan.

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

 

Mencari solusi manajemen tabel yang tangguh untuk situs web klien?

Dari tabel harga hingga perbandingan produk, plugin ini menawarkan fitur canggih untuk menyajikan data dengan cara yang jelas dan ramah pengguna.
Dapatkan keunggulan kompetitif sekarang!

DAPATKAN PLUGIN SEKARANG

 

Membuat Tabel WordPress dengan Plugin ini untuk Gutenberg

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

Pertama-tama, pergi ke Manajer Tabel > Semua Tabel, di bagian ini, klik + Buat Baru > Tabel, ini akan membuka editor tabel, kita bisa menggunakan tema untuk membuatnya lebih mudah sehingga mari kita pilih satu, klik Tema > Pilihan Tema.

 

 

Anda akan melihat semua opsi untuk tema, jadi kita akan memilih yang akan bekerja untuk tabel perbandingan harga.

 

 

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

Karena kami telah menambahkan tema, hampir semua pekerjaan selesai.

 

 

Kita hanya perlu membuat 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, dan kemudian, Hapus

 

 

Sekarang jika Anda ingin mengedit sel, cukup klik di atasnya, itu akan membuka editor lanjutan yang dapat Anda gunakan untuk menyesuaikan konten sesuai keinginan.

 

 

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

 

 

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

Sekarang kita telah membuat tabel, kita dapat menambahkannya ke posting menggunakan blok Editor Gutenberg.

Pergi ke Posting > Tambah Baru, Anda akan melihat Editor Gutenberg, kita akan memilih WP Table Manager blok.

 

 

Ini akan menambahkan bidang pencarian yang akan menampilkan kategori dan tabel dan Anda akan dapat menambahkan tabel hanya dengan mengklik tabel.

 

 

Tabel akan ditambahkan, dan sekarang, Anda hanya perlu mempublikasikan postingan itu dan tabel akan ada di sana, semudah mengklik tabel dan mempublikasikan postingan/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-tabel, dan kabar baik lainnya adalah bahwa bagian grafik memiliki Blok Gutenberg yang didedikasikan sehingga Anda akan dapat dengan mudah menemukan grafik saat Anda membuat postingan.

Sekarang, untuk membuat grafik, pergi ke Manajer Tabel > Semua Tabel, kita seharusnya memiliki tabel yang dibuat dengan data yang ingin kita tampilkan dalam grafik, kita memiliki tabel yang 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 yang disebut: “Grafik”.

Kategori sangat mudah dibuat, untuk ini klik pada + Buat Baru > Kategori.

 

 

Terakhir, ketikkan judul kategori, pilih kategori induk (jika ini adalah sub-kategori), dan klik Selesai.

 

 

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

 

 

Untuk membuat grafik, kita harus memilih sel yang ingin kita tambahkan ke grafik dan klik pada Grafik > Buat grafik dari data.

 

 

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

 

 

Kami akan menggunakan grafik lingkaran untuk contoh ini.

 

 

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

 

 

Sekarang setelah kita membuat/menyesuaikan grafik, mari kita pergi ke Postingan > Tambah Baru sehingga kita dapat membuat postingan dan menambahkan grafik baru yang telah kita 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 grafik yang tersedia.

 

 

Seperti yang Anda lihat, itu akan menampilkan semua kategori, tabel, dan grafik yang tersedia, itulah sebabnya kita harus memiliki semua yang tertata dalam kategori, sekarang klik pada grafik yang ingin Anda tambahkan, dalam kasus kami adalah "Grafik Populasi".

 

 

Seperti yang Anda lihat, shortcode akan ditambahkan secara otomatis, sehingga 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? Nah, jawabannya tidak! Anda bisa langsung 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 kita ubah populasi menjadi 20000, dan periksa grafik lagi.

 

 

Sekarang grafik harus diperbarui, mari kita periksa.

 

 

Dan ya, keajaiban telah selesai, kami telah membuat grafik 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 sehingga jika Anda memiliki info yang tersimpan di Database dan ingin membuat tabel/grafik berdasarkan itu, cukup klik pada + Buat Baru > Tabel Database

 

 

Ini akan mengarahkan Anda ke halaman dengan semua tabel yang termasuk dalam Basis Data Anda sehingga Anda bisa memilihnya dengan kolom yang Anda inginkan, dan WP Table Manager akan secara otomatis membuat tabel.

 

 

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

 

 

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

 

 

Sekarang, klik pada Buat Tabel dan tabel akan dibuat secara otomatis, perlu diingat bahwa ada Kondisi yang dapat kita tambahkan, misalnya, menampilkan variabel hanya jika email penulis adalah “Alamat email ini dilindungi dari robot spam. Anda perlu 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 database.

 

Desain baru kami akan membuat semuanya lebih mudah!

 

Memanggil semua webmaster!

Tingkatkan situs web klien Anda dengan WP Table Manager. Mudah mengelola dan menyesuaikan tabel, bagan, dan spreadsheet, memberikan klien visualisasi data yang dinamis dan menarik.
Tingkatkan layanan desain web Anda hari ini!

DAPATKAN PLUGIN SEKARANG

 

Mulai Membuat Tabel dengan WP Table Manager

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

 

Tetap Terinformasi

Ketika Anda berlangganan blog, kami akan mengirimkan email kepada Anda ketika ada pembaruan baru di situs sehingga Anda tidak akan melewatkannya.

Postingan Terkait

 

Komentar 8

Tamu - Chelsea pada Selasa, 19 Mei 2020 18:56

Saya tidak bisa memusatkan blok tabel lanjutan saya. Mohon saran.

Saya tidak bisa memusatkan blok tabel lanjutan saya. Mohon saran.
Tristan pada Rabu, 20 Mei 2020 06:54

Hai, Anda dapat menggunakan pengelola kolom lanjutan untuk memusatkan tabel Anda jika alat default tidak berfungsi seperti yang diharapkan. Misalnya, gunakan tata letak 3 kolom dan letakkan tabel di bagian tengah. Semoga membantu.

Hai, Anda dapat menggunakan pengelola kolom lanjutan untuk memusatkan tabel Anda jika alat default tidak berfungsi seperti yang diharapkan. Misalnya, gunakan tata letak 3 kolom dan letakkan tabel di bagian tengah. Semoga membantu.
Tamu - Nathan pada Selasa, 26 Mei 2020 15:30

Mungkin Anda bisa menambahkan opsi untuk menyesuaikan ukuran font di blok tabel lanjutan? Ini adalah permintaan umum dari klien, dan merupakan satu-satunya fitur yang saya lewatkan dari blok tabel lanjutan yang luar biasa.

Mungkin Anda bisa menambahkan opsi untuk menyesuaikan ukuran font di blok tabel lanjutan? Ini adalah permintaan umum dari klien, dan merupakan satu-satunya fitur yang saya lewatkan dari blok tabel lanjutan yang luar biasa.
Tristan pada Rabu, 27 Mei 2020 05:49

OK, dicatat!

OK, dicatat!
Tamu - Sander pada Selasa, 09 Juni 2020 12:40

Apakah mungkin untuk memiliki daftar di dalam sel tabel?

Apakah mungkin untuk memiliki daftar di dalam sel tabel?
Tristan pada Selasa, 09 Juni 2020 12:50

Halo, saat ini tidak memungkinkan, tetapi saya sarankan untuk mengirimkan permintaan fitur pada forum dukungan direktori plugin.

Halo, saat ini tidak memungkinkan, tetapi saya sarankan untuk mengirimkan permintaan fitur pada forum dukungan direktori plugin.
Tamu - Kristin Hanes pada Jumat, 12 Juni 2020 22:24

Halo! Saya perhatikan bahwa Tabel Lanjutan terlihat sangat berbeda di bagian belakang daripada di bagian depan. Saya tidak yakin bagaimana cara melampirkan tangkapan layar ke komentar ini atau di mana harus email dukungan. Ada ide mengapa ini terjadi?

Halo! Saya perhatikan bahwa Tabel Lanjutan terlihat sangat berbeda di bagian belakang daripada di bagian depan. Saya tidak yakin bagaimana cara melampirkan tangkapan layar ke komentar ini atau di mana harus email dukungan. Ada ide mengapa ini terjadi?
Tristan pada Senin, 15 Juni 2020 12:31

Halo, terjadi bahwa tema menerapkan gaya otomatis pada tabel. Bisakah Anda tolong kirimkan permintaan dukungan pada forum dukungan direktori plugin?

Halo, terjadi bahwa tema menerapkan gaya otomatis pada tabel. Bisakah Anda tolong kirimkan permintaan dukungan pada forum dukungan direktori plugin?
Sudah Terdaftar? Masuk Di Sini
Selasa, Maret 03, 2026

Gambar Captcha