Table of contents

Tampilan tabel di website WordPress sering kali tidak responsif, terutama saat diakses melalui perangkat mobile seperti HP atau tablet. 

Akibatnya, tabel terlihat berantakan dan sulit dibaca. Solusinya? Kamu bisa menggunakan plugin TablePress untuk membuat tabel yang responsif dan rapi di semua perangkat.

Di tutorial ini, kita akan membahas langkah-langkah mudah untuk membuat tabel responsif di WordPress menggunakan TablePress.

Apa Itu TablePress?

TablePress adalah plugin WordPress gratis yang memungkinkan kamu membuat, mengelola, dan menampilkan tabel dengan mudah di website tanpa perlu keahlian coding. Plugin ini sangat populer di kalangan pengguna WordPress karena fleksibilitas dan kemudahan penggunaannya.

Dikembangkan oleh Tobias Bäthge, TablePress sudah diunduh lebih dari 800 ribu kali dan memiliki rating tinggi dari komunitas WordPress. 

Dengan TablePress, kamu bisa menampilkan tabel di halaman, post, atau bahkan di widget menggunakan kode pendek (shortcode). Tabel yang dibuat dengan TablePress bisa digunakan untuk berbagai kebutuhan, seperti:

  • Menampilkan daftar harga atau paket layanan
  • Membuat tabel perbandingan produk
  • Menyajikan data statistik atau laporan keuangan
  • Membantu menyusun jadwal acara atau kalender

Yang membuat TablePress semakin menarik adalah dukungan untuk tabel interaktif dengan fitur pencarian, filter, dan pengurutan data. Selain itu, kamu juga bisa mengimpor atau mengekspor tabel dalam berbagai format seperti CSV, Excel, atau JSON.

Cara Membuat Tabel Responsif di WordPress dengan TablePress

Sekarang, mari kita mulai langkah-langkah cara membuat tabel responsif di WordPress dengan TablePress:

1. Instalasi plugin TablePress

Di halaman admin WordPress, buka menu Plugin, lalu pilih "Add New". Gunakan kolom pencarian untuk menemukan TablePress, kemudian klik "Install". 

Setelah pemasangan selesai, aktifkan plugin agar dapat digunakan.

Membuat Tabel Responsif di WordPress dengan TablePress

2. Membuat tabel

Pada menu TablePress pilih Add New

Membuat Tabel Responsif di WordPress dengan TablePress

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

Membuat Tabel Responsif di WordPress dengan TablePress

Tambahkan data yang ingin ditampilkan ke dalam tabel pada bagian Table Content. Di halaman Table Manipulation, kamu bisa menyesuaikan tampilan tabel sesuai kebutuhan.

Beberapa pengaturan yang bisa dilakukan meliputi menduplikasi, memindahkan, menambah, atau menyembunyikan baris/kolom, serta menambahkan link, gambar, dan elemen lainnya.

Membuat Tabel Responsif di WordPress dengan TablePress

3. Memasukkan Tabel pada Post

Setelah tabel selesai dibuat, langkah berikutnya adalah menyisipkannya ke dalam postingan agar dapat ditampilkan di website. Caraya adalah:

    1. Masuk ke halaman edit post.

    2. Add pilih TablePress table seperti pada gambar berikut.

Membuat Tabel Responsif di WordPress dengan TablePress

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

Membuat Tabel Responsif di WordPress dengan TablePress

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.

Membuat Tabel Responsif di WordPress dengan TablePress
Membuat Tabel Responsif di WordPress dengan TablePress

Fitur-fitur TablePress

Bukan sekadar plugin pembuat tabel biasa. Ada banyak fitur keren yang bisa kamu manfaatkan di TablePress, antara lain:

1. Mudah Digunakan

Interface TablePress sangat ramah pengguna, mirip dengan tampilan spreadsheet seperti Excel atau Google Sheets. Kamu hanya perlu mengetik data ke dalam sel, menambahkan baris atau kolom, lalu menyisipkan tabel ke dalam post atau halaman menggunakan kode pendek.

2. Responsif dan Interaktif

Tabel yang dibuat dengan TablePress bisa diatur agar responsif, sehingga tetap nyaman dibaca di berbagai ukuran layar. Selain itu, kamu bisa mengaktifkan fitur interaktif seperti pencarian, filter, dan pengurutan data tanpa perlu menulis kode tambahan.

3. Dukungan Impor dan Ekspor

TablePress mendukung impor dan ekspor dalam berbagai format seperti:

  • CSV (Comma Separated Values)
  • Excel (.xls, .xlsx)
  • HTML
  • JSON
  • Google Sheets (dengan ekstensi tambahan)

Ini sangat membantu jika kamu ingin mengedit data di luar WordPress lalu mengunggahnya kembali ke website.

4. Dapat Dikustomisasi dengan CSS dan JavaScript

Bagi kamu yang ingin tampilan lebih sesuai dengan brand atau desain website, TablePress memungkinkan penyesuaian melalui CSS dan JavaScript.

5. Dukungan Ekstensi Tambahan

TablePress memiliki beberapa ekstensi yang bisa menambahkan fitur tambahan, seperti:

  • Responsive Tables – Membuat tabel otomatis menyesuaikan ukuran layar
  • Row Order – Mengizinkan pengunjung untuk mengatur ulang baris dalam tabel
  • Column Filter Widgets – Menambahkan filter khusus untuk setiap kolom dalam tabel

Fitur-fitur ini membuat TablePress semakin fleksibel untuk berbagai kebutuhan.

Kelebihan TablePress

Lalu, mengapa banyak orang memilih TablePress dibanding plugin pembuat tabel lainnya? Berikut beberapa keunggulannya:

1. Gratis dan Open-Source

TablePress adalah plugin gratis yang bisa digunakan tanpa batasan. Selain itu, karena bersifat open-source, komunitas WordPress dapat terus mengembangkan dan meningkatkan fitur-fiturnya.

2. Kompatibel dengan Tema dan Plugin Lain

TablePress bekerja dengan baik di hampir semua tema WordPress tanpa menyebabkan konflik. Selain itu, kompatibel dengan banyak plugin populer, termasuk Gutenberg, Elementor, dan WPBakery.

3. Tidak Membebani Performa Website

Dibandingkan dengan beberapa plugin lain yang bisa memperlambat website, TablePress tetap ringan dan cepat, sehingga tidak mengganggu kecepatan loading halaman.

4. Mudah Dikelola dan Diperbarui

Tabel yang dibuat dengan TablePress bisa dengan mudah diperbarui atau dimodifikasi tanpa harus mengedit post atau halaman secara langsung. Cukup buka dashboard TablePress, edit tabel, dan perubahan akan otomatis diterapkan di seluruh website.

5. Dukungan dan Dokumentasi Lengkap

Jika mengalami kesulitan, TablePress menyediakan dokumentasi lengkap serta forum dukungan yang aktif. Banyak tutorial dan panduan juga tersedia secara online.

Mengapa Membuat Tabel Responsif di WordPress?

Adapun, dengan membuat tabel responsif di WordPress, kamu akan mendapatkan sejumlah manfaat penting ini:

1. Meningkatkan Pengalaman Pengguna

Pengguna yang mengakses website dari smartphone atau tablet akan lebih mudah membaca dan memahami data dalam tabel jika tampilannya responsif.

2. Mendukung SEO yang Lebih Baik

Google lebih menyukai website yang ramah mobile. Dengan tabel responsif, struktur halaman akan tetap rapi dan mudah diakses, yang bisa meningkatkan peringkat SEO.

3. Memudahkan Pembaca Mencerna Informasi

Tabel interaktif memungkinkan pengguna menyortir atau mencari data dengan cepat, sehingga mereka bisa menemukan informasi yang dibutuhkan tanpa harus menggulir terlalu jauh.

4. Meningkatkan Konversi dan Engagement

Jika tabel digunakan untuk menampilkan daftar harga atau perbandingan produk, tampilan yang responsif akan membantu calon pelanggan membuat keputusan lebih cepat. Ini bisa meningkatkan conversion rate dan engagement di website.

Kesimpulan

Membuat tabel responsif di WordPress sangat penting untuk meningkatkan pengalaman pengguna, terutama bagi mereka yang mengakses website dari perangkat mobile. 

Dengan menggunakan plugin TablePress, kamu bisa membuat tabel yang tidak hanya rapi dan mudah dibaca, tetapi juga interaktif dengan fitur pencarian, filter, serta pengurutan data.