Cara Membuat Tabel Responsif di WordPress

Membuat tampilan tabel pada posting di WordPress biasanya tidak responsif dan tampilannya berantakan ketika diakses menggunakan perangkat HP atau tablet. Untuk membuat tabel di WordPress agar tampilannya responsif bisa menggunakan plugin tablepress.

Nah, tutorial kali akan mengajak kamu untuk mengetahui cara membuat tabel responsif di WordPress menggunakan TablePress.

Cara Membuat Tabel Responsif di WordPress

TablePress adalah salah satu plugin tabel WordPress yang dapat membuat tampilannya menjadi responsif. Plugin ini mudah digunakan untuk mengedit tabel, tanpa perlu pengetahuan coding, dapat menyisipkan gambar,  impor file spreadsheet dan masih banyak keunggulan lainnya.

1. Instalasi plugin Tablepress

Pada halaman admin WordPress pilih menu Plugin > Add new, cari TablePress > kemudian klik install. Setelah proses instalasi selesai aktifkan plugin tersebut.

2. Membuat tabel

Pada menu TablePress pilih Add New

Lalu isi nama tabel, deskripsi, dan jumlah baris serta kolom yang diinginkan lalu klik Add Table

Masukkan data yang ingin ditampilkan ke dalam tabel pada kolom Table Content. Pada halaman Table Manipulation dapat digunakan untuk mengatur tampilan tabel.

Pengaturan yang dapat dilakukan antara lain duplikat baris/kolom, memindahkan baris/kolom, menambah baris/kolom, sembunyikan baris/kolom, memasukkan link, gambar, dan lain sebagainya.

3. Memasukkan Tabel Pada Post

Setelah selesai membuat tabel, agar bisa diakses maka tabel dapat di masukkan pada postingan. Caraya adalah:

1. Masuk ke halaman edit post.

2. Add pilih TablePress table seperti pada gambar berikut.

3. Klik tombol Settings di kanan atas > lalu pilih nama tabel yang ingin ditampilkan.

4. Memasukkan TablePress pada post telah selesai. Kemudian lanjutkan publish/update post yang telah dibuat.

Berikut adalah tampilan tabel yang telah berhasil dibuat ketika diakses melalui komputer dan browser di HP.

Terima kasih, sudah setia bersama IDwebhost. Jika kamu punya pertanyaan seputar layanan kami, silakan hubungi tim customer service terbaik IDwebhost melalui kanal berikut:

Live Chat

Email ( info@idwebhost.com, billing@idwebhost.com, support@idwebhost.com )

Hotline (0274) 415585