Putri Aprilia Putri is an SEO Content Writer at Niagahoster. She has experience in SEO writing with business and tech topic.

Cara Membuat Tabel di WordPress dengan Mudah

4 min read

Cara Membuat Tabel di WordPress

Anda mungkin perlu menambahkan tabel pada website untuk memudahkan pengunjung membaca informasi penting. Namun, bagaimana cara membuat tabel di WordPress? 

WordPress memang telah menyediakan fitur tabel pada editor Gutenberg. Namun, fitur tersebut sangat terbatas, sehingga Anda tak bisa banyak melakukan kustomisasi. Misalnya saja, mengatur ukuran tabel, menambahkan gambar, dan lainnya. 

Nah, di artikel ini, kami akan jelaskan cara membuat tabel di WordPress dengan beberapa pilihan, yaitu menggunakan plugin dan tanpa plugin. Kami juga akan memberikan rekomendasi plugin tabel yang bisa Anda coba. Yuk, simak artikel ini sampai selesai, ya! 

Cara Membuat Tabel di WordPress 

Berikut ini cara membuat tabel di WordPress menggunakan plugin TablePress. Cara buat tabel di WordPress pakai TablePress ini bisa Anda lakukan dengan dua cara, yaitu secara manual dan import tabel. Lebih jelasnya, simak penjelasan berikut. 

Memasukkan Data Tabel secara Manual 

1. Langkah pertama, install dulu plugin TablePress dengan cara klik menu Plugin > Add New. Lalu cari plugin melalui kolom pencarian. 

Install TablePress

Selanjutnya, klik Install Now > Activate untuk mengaktifkan plugin.

2. Setelah plugin aktif, Anda bisa mulai membuat tabel. Pilih menu TablePress > Add New Table pada dashboard. 

Cara Membuat Tabel di WordPress dengan TablePress

3. Masukkan data seperti nama tabel, deskripsi, dan jumlah baris serta kolom. Setelah selesai, klik Add table seperti gambar berikut. 

Lengkapi Informasi Tabel

4. Setelah itu, masukkan data yang ingin Anda tampilkan ke dalam tabel pada kolom Table Content. 

Isi Data Tabel

5. Masih pada halaman yang sama, Anda juga bisa melakukan modifikasi pengaturan tampilan tabel pada kolom Table Manipulation. Beberapa hal yang bisa Anda kustomisasi misalnya, memasukkan link, gambar, menambah kolom, menambah baris, dan lainnya. 

Atur Tampilan Tabel

6. Jika pengaturan telah selesai, simpan data dengan klik tombol Save Changes. Anda juga bisa melihat tampilannya terlebih dulu dengan klik tombol Preview.

7. Setelah selesai membuat tabel, masukkan tabel tersebut ke postingan Anda. Ada dua cara yang bisa Anda lakukan. Pertama, meletakkan shortcode yang terdapat pada Table Information. 

Copy Shortcode Tabel

8. Salin shortcode tersebut dan paste pada postingan baru Anda. 

Paste Shortcode di Postingan

9. Cara kedua, masukkan tabel menggunakan menu Insert Table from TablePress di WordPress editor. 

Insert Table From TablePress

10. Berikut ini tampilan tabel setelah postingan di-publish. 

Contoh Tampilan Tabel

Memasukkan Data dengan Fitur Import Tabel 

Plugin TablePress juga menyediakan fitur import file dengan format CSV, HTML, JSON, XLS, dan XLSX. Jadi, jika Anda telah memiliki file data dengan format tersebut, Anda tak perlu repot-repot memasukkan data satu per-satu. Tinggal pakai fitur import table berikut. 

1. Klik menu TablePress > Import a Table

2. Pilih file yang akan Anda import dengan menekan tombol Choose File. Pilih format yang Anda inginkan, lalu klik tombol Import.  

Pilih File yang Akan Diimport

3. Jika berhasil import file, Anda tinggal lakukan melakukan kustomisasi tabel yang berisi data dari file import tadi. 

4. Jika sudah dikustomisasi, Anda bisa salin shortcode untuk dipasang di postingan

Copy Shortcode TablePress

5. Lalu, paste di postingan Anda. 

Paste Shortcode TablePress

6. Cara lainnya, klik menu Insert Table from TablePress yang ada pada WordPress editor. Setelah itu klik Publish.

Import Tabel melalui TablePress

7. Setelah publish, hasilnya akan sama dengan menambahkan data secara manual. 

Contoh Tampilan Tabel

8. Kalau Anda ingin mendapatkan file tabel tersebut, Anda bisa mengekspor tabel ke format file yang Anda inginkan. Caranya klik menu TablePress > Export a Table. 

Export File Tabel

Selanjutnya, tinggal pilih tabel dan format yang Anda inginkan, lalu klik tombol Download Export File

Export Table

Cara Membuat Tabel Menggunakan HTML di WordPress

Itu tadi cara buat tabel di WordPress dengan mudah menggunakan plugin. Meski begitu, kustomisasi tampilan dan warna tabelnya masih sangat terbatas. Sebagai solusinya, Anda bisa membuat tabel sendiri menggunakan kode HTML

Untuk menggunakan langkah ini, setidaknya Anda sudah pernah belajar HTML dan memahami konsepnya untuk membuat website. 

Nah, untuk membuat tabel HTML, Anda perlu tahu terlebih dahulu tag-tag membuat tabel HTML sebagai berikut: 

  • <table> – menandai sebuah tabel 
  • <thead> – menandai bagian head sebuah tabel 
  • <tbody> – menandai bagian body sebuah tabel 
  • <tr> – untuk menyisipkan baris 
  • <td> – untuk menyisipkan sel dalam sebuah baris 
  • <th> – untuk mengisyaratkan sel header atau judul 

Sekarang mari kita coba cara membuat tabel di WordPress tanpa plugin. Anda bisa membuat kodenya menggunakan tool online seperti Tryit Editor W3School. Lalu buat kode seperti ini: 

<!DOCTYPE html>
<html>
<head>
    <title>Contoh Tabel HTML</title>
</head>
<body>

    <table border="1">
        <tr>
            <td>Baris 1 Kolom 1</td>
            <td>Baris 1 Kolom 2</td>
        </tr>
        <tr>
            <td>Baris 2 Kolom 1</td>
            <td>Baris 2 Kolom 2</td>
        </tr>
    </table>

</body>
</html>

Dengan kode tersebut, Anda sudah bisa membuat tabel HTML seperti berikut: 

Table HTML

Sekarang simak cara memberi warna pada sel dan baris berikut ini. Anda akan menggunakan atribut bgcolor yang diletakkan di tag pembuka <tr> atau <td>. 

Menggunakan atribut bgcolor dalam tag <tr>, warna yang ditentukan akan diaplikasikan ke semua sel dalam satu baris. Sementara, atribut bgcolor dalam tag <td> hanya akan mempengaruhi satu sel. Perhatikan contoh di bawah ini: 

<table border="1" cellpadding="5">
        <tr bgcolor="yellow">
            <td>Baris 1 Kolom 1</td>
            <td>Baris 1 Kolom 2</td>
        </tr>
        <tr>
            <td bgcolor="red">Baris 2 Kolom 1</td>
            <td>Baris 2 Kolom 2</td>
        </tr>
    </table>

Begini hasilnya: 

Table HTML Berwarna

Itu tadi beberapa cara membuat tabel menggunakan HTML secara singkat. Untuk lebih lengkapnya, silakan kunjungi artikel berikut → Cara Membuat Tabel HTML di WordPress dengan Mudah

3 Rekomendasi Plugin Tabel di WordPress

Berikut ini adalah rekomendasi plugin tabel selain TablePress sebagai referensi Anda membuat table di WordPress. 

1. Data Tables Generator by Supsystic  

Data Table Generator by Supystic

Plugin tabel WordPress yang pertama ada Data Tables Generator by Supsystic.  Plugin ini tersedia dalam versi gratis dan berbayar. Di versi gratisnya, Anda bisa mendapatkan plugin dengan unlimited pembuatan baris, cells, dan data formatting. 

Sementara itu, pada fitur premium Anda bisa mendapatkan layanan export file ke PDF, Excell, dan CSV. Anda juga bisa membuat button, diagram, dan sorting data. 

Nah, jika Anda memiliki tim untuk mengelola website, Anda juga mengatur siapa saja yang dapat mengedit tabel. 

Harga: $29 

2. Ninja Tables 

Ninja Table

Plugin untuk membuat tabel di WordPress lainnya yang bisa Anda gunakan ialah Ninja Tables. Plugin ini diklaim sebagai plugin table paling responsive. Sehingga, pengunjung website dari perangkat mobile tetap bisa melihat table dengan baik. 

Ninja Tables juga telah terhubung langsung dengan Google Sheets sehingga Anda bisa mengimport data lebih mudah. Selain itu, bagi Anda yang memiliki website toko online, Ninja Tables juga telah terintegrasi dengan WooCommerce. Jadi, kebutuhan tabel untuk toko online Anda lebih mudah dipenuhi. 

Harga: $49.50 – $249.50

3. League Table

Leagu Table

Plugin tabel yang satu ini memang tidak menyediakan versi gratis, tapi harga yang ditawarkan plugin ini sangat terjangkau kok. Hanya 23 dollar saja. 

Plugin League Table menyediakan 135 pilihan kustomisasi, termasuk di dalamnya Anda bisa menyortir data, menambahkan warna, merger, dan lainnya. Anda juga bisa mengimport dan mengexport data dengan mudah. 

Hal yang terpenting, plugin ini dapat menampilkan tabel yang responsif. Sehingga pengunjung yang mengakses website melalui perangkat mobile bisa tetap melihat data tabel secara utuh. 

Harga: $23 

Baca juga: Rekomendasi Plugin Table WordPress Terbaik

Buat Tabel di WordPress Lebih Mudah, Sekarang!  

Membuat tabel di WordPress ternyata tidaklah sesulit yang Anda bayangkan lho! Anda bisa menggunakan plugin tabel yang telah disediakan supaya lebih mudah. 

Tinggal install plugin tabel pilihan Anda, masukkan data tabel, pasang di postingan Anda. Jika tak ingin repot memasukkan data satu per-satu, Anda juga melakukan import data yang telah Anda buat di file terpisah. 

Jika Anda ingin lebih bebas mengustomisasi tabel Anda dengan warna atau ukuran tertentu, Anda juga bisa membuat tabel dengan HTML. Cara ini memang lebih rumit dibanding menggunakan plugin, tapi tak ada salahnya Anda coba untuk menghasilkan tabel yang Anda inginkan. 

Fitur tabel memang merupakan salah satu fitur yang penting pada website, terutama website toko online. Eits, tapi jangan lupa fitur penting lainnya yang mampu meningkatkan usaha online Anda. Yuk, baca apa saja fitur toko online yang penting dalam bentuk ebook berikut ini! 

Putri Aprilia Putri is an SEO Content Writer at Niagahoster. She has experience in SEO writing with business and tech topic.

26 Replies to “Cara Membuat Tabel di WordPress dengan Mudah”

  1. Mas kalau tabel kayak buat nampilin spesifikasi smartphone yang paling enak pakek apa ya mas ?

  2. bos kalau domain gratisan kok gak bisa diinstall yaa . apa harus premium atau punya hosting wordpress sendiri?

    1. jika yang dimaksud domain gratisan adalah subdomain dari wordpress.com, maka tidak bisa di instal plugin, supaya bisa instal plugin harus upgrade ke premium atau menginstal WordPress di hosting.

  3. Mas, agar border table kelihatan pake kode CSS gimana yah ? itu deafult nya gan bordernya gak keliatan.

    1. Silahkan tambahkan properti: border="1" pada tabel yang bapak miliki untuk menampilkan border.

        1. Silakan tambahkan code berikut di bagian "Custom CSS" dengan cara pilih menu TablePress > Plugin Options

          .tablepress-id-1 th,
          .tablepress-id-1 td {
          border: 1px solid #cccccc;
          }

          Catatan: untuk angka id silakan disesuaikan dengan id dari tabel Anda, pada contoh ini angka pada id adalah 1.
          Semoga membantu, 🙂

  4. Mas Wayanto bagaimana caranya untuk membuat font menjadi bold/ italic di TablePress. Soalnya tidak ada menu untuk customize font. Font yang masuk ke table secara otomatis jadi reguler semua. Mohon pencerahannya

    1. Anda bisa menambahkan code css melalui pilihan custom css di menu lugin options.

      Contoh codenya seperti ini:

      .tablepress-id-N tbody td {
      font-family: Tahoma;
      font-size: 14px;
      color: #ff0000;
      }

      Catatan: untuk N perlu Anda ubah sesuai dengan ID dari tabel

  5. Mas mau nanya sori #oot nih cara nambahin tulisan berjalan di bawah header dan diatas menu lebih tepat di tengah2 nya..
    terimakasih

  6. Hai, cuma mau memberi tahu kamu aku menikmati menulis web ini.
    Itu lucu. terus posting!

Leave a Reply

Your email address will not be published. Required fields are marked *