Terkadang, tak semudah itu membuat tampilan website yang rapi. Apalagi ketika membuat tabel pada akun WordPress misalnya. Nah, untuk membantu mengatasi masalah itu, artikel ini akan membahas mengenai panduan lengkap cara membuat tabel di WordPress.
WordPress sendiri adalah platform pembuatan website yang diciptakan oleh Matt Mullenweg dan Mike Little. Platform ini pertama kali diciptakan pada tahun 2004 oleh mereka berdua dan menariknya, bersifat open source alias bisa dipakai oleh siapa saja secara gratis.
Nah, meski WordPress ini memiliki banyak fitur di dalamnya, namun asal kamu tahu, WordPress sebenarnya tidak menyediakan fitur khusus untuk membuat tabel.
Tapi ada dua cara yang bisa kamu gunakan untuk membuat tabel di WordPress, yang pertama adalah dengan menggunakan plugin, sementara yang kedua memakai kode HTML. Mari kita bahas satu persatu sekarang!
Baca Juga : Rekomendasi Plugin Slider WordPress Terbaik
Cara Membuat Tabel di WordPress Menggunakan Plugin TablePress
Salah satu aplikasi yang bisa kamu pakai yaitu sebuah plugin khusus bernama TablePress. Cara memakainya juga mudah sekali, kamu hanya tinggal mengikuti petunjuk di bawah ini :
Instal TablePress
Langkah pertama yang harus kamu lakukan untuk membuat tabel di WordPress tentu saja adalah menginstal TablePress. Untuk menginstalnya, caranya mudah sekali, kamu hanya perlu pergi ke laman tablepress.org dan pergi ke halaman instalasi, lalu klik instal dan ikuti langkah-langkahnya. Setelah menginstal plugin Tablepress, kamu harus mengaktifkannya di dashboard WordPress. Pilih menu TablePress > Add New Table.
Masukkan Judul Data di TablePress
Berikutnya setelah melalui langkah pertama, kamu perlu memasukkan data-data terkait tabel yang ingin kamu buat, yaitu nama tabel, jumlah kolom dsb. Setelah selesai memasukkan data-data tersebut, kemudian klik Add Table. Maka tabel kosong kamu sudah siap.
Baca Juga: Ingin Kinerja WordPress Semakin Optimal? Lakukan Tips ini!
Masukkan Data di TablePress
Setelah tabel kosong siap, kamu harus memasukkan data-data yang akan mengisi tabelmu. Jangan lupa untuk melihat dan memerhatikan Shortcode yang ada di pojok kanan atas, karena hal ini penting untuk meng-upload tabelmu nanti.
Pada bagian ini, kamu juga bisa mengatur tabelmu sebagaimana yang kamu mau, misalnya melakukan merge cell pada tabelmu. Setelah selesai, jika ingin mengecek tabelmu, kamu hanya perlu menekan tombol Preview ya!
Masukkan Tabel ke Dalam Postingan
Selanjutnya adalah langkah terakhir yaitu memasukkan tabel ke dalam postinganmu. Ada dua langkah yang bisa kamu gunakan, pertama adalah dengan memakai Shortcode yang tadi disebutkan di langkah ketiga.
Cara memasukkannya pun sederhana, kamu hanya perlu memasukkan Shortcode tadi di bagian yang kamu isi dengan tabel sebelum meng-upload tulisanmu
Menggunakan Insert Table from TablePress
Sementara, cara yang lain yang bisa juga kamu pilih, adalah dengan mengklik Insert Table from TablePress di WordPress editor, maka tabelmu sudah akan tersedia dalam tulisanmu dan kamu hanya tinggal menguploadnya saja. Itulah panduan lengkap untuk membuat tabel di WordPress. Bagaimana mudah sekali bukan panduannya?
Baca Juga: Cara Update Plugin WordPress Manual
Cara Membuat Tabel di WordPress Menggunakan Kode HTML
Sebelum belajar membuat tabel dengan kode HTML, kamu harus paham dahulu apa itu kode HTML. HTML sendiri adalah sebuah singkatan, kepanjangannya adalah Hypertext Markup Language.
HTML ini banyak dipakai dalam pengoperasian website atau blog, bahasa pemograman ini memungkinkanmu untuk menyusun bagian-bagian paragraph, membuat heading link maupun tautan, serta membuat blockquote untuk halaman web atau aplikasi. Intinya bahasa pemograman ini akan sangat terpakai jika kamu bergelut dalam dunia blog dan website.
HTML ini memiliki struktur kode yang sederhana, jadi jangan khawatir tak bisa mengoperasikannya. Baiklah, sekarang kita mulai langkah-langkah membuat tabel dengan kode HTML!
Pertama, kita akan mencoba untuk membuat satu kolom tabel. Kamu perlu tahu apa kode HTML untuk membuat satu kolom tabel. Untuk itu, lihatlah kode di bawah ini :
<td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td>
Kode di atas adalah kode untuk membuat satu kolom tabel saja. Kamu perlu memasukkan kode baru untuk menambah kolom atau baris dalam tabelmu. Jika kamu ingin menambahkan kolom, maka kamu perlu menambahkan kode seperti di bawah ini :
<td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td>
Masukkan kode tersebut sesuai dengan jumlah kolom yang kamu inginkan. Kemudian, jangan lupa untuk menambahkan kode :
</tr> </tbody> </table>
Kode tersebut kamu tambahkan pada bagian akhirnya. Sehingga bentuknya nanti akan seperti ini :
<td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> </tr> </tbody> </table>
Baca Juga: 20 Plugin Social Media WordPress Terbaik
Bagaimana apakah kamu sudah paham? Baiklah, jika kamu sudah memahaminya, maka hal selanjutnya yang akan kita lakukan adalah memasukkan kode HTML untuk membuat dan menambah baris pada tabelmu. Coba lihat kode HTML di bawah ini :
<table width="100%" border="1" bgcolor="#000000"> <tbody> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto"><span style="color: #000000;">Tulisan Anda</span></td> </tr> </tbody> </table>
Kode di atas adalah kode untuk membuat sekitar empat baris dalam tabelmu. Selanjutnya, untuk membuat sebuah kolom, tentu kita perlu memadukan kolom dan baris. Karena itu, coba perhatikan tabel di bawah ini:
<table border="1" width="100%" bgcolor="#000000"> <tbody> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#A5FF8A" width="auto"><strong><span style="color: #000000;">No</span></strong></td> <td style="text-align: center;" align="center" valign="top" bgcolor="#A5FF8A" width="auto"><strong><span style="color: #000000;">Nama</span></strong></td> <td style="text-align: center;" align="center" valign="top" bgcolor="#A5FF8A" width="auto"><strong><span style="color: #000000;">Tempat & Tanggal Lahir</span> </strong></td> <td style="text-align: center;" align="center" valign="top" bgcolor="#A5FF8A" width="auto"><strong><span style="color: #000000;">Alamat</span></strong></td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto">1</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Muhamad Rusdi</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Bandung, 23 Januari 2002</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Cianjur Selatan</td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="EFD7FF" width="auto">2</td> <td style="text-align: left;" align="center" valign="top" bgcolor="EFD7FF" width="auto">Agung Gumelar</td> <td style="text-align: left;" align="center" valign="top" bgcolor="EFD7FF" width="auto">Cianjur, 12 Desember 2003</td> <td style="text-align: left;" align="center" valign="top" bgcolor="EFD7FF" width="auto">Bandung Barat</td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto">3</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Nanda Dewi Saputra</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta, 10 Juli 2000</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta Utara</td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="66CCFF" width="auto">4</td> <td style="text-align: left;" align="center" valign="top" bgcolor="66CCFF" width="auto">Muhammad Kurniawan</td> <td style="text-align: left;" align="center" valign="top" bgcolor="66CCFF" width="auto">Bogor, 11 Nopember 2001</td> <td style="text-align: left;" align="center" valign="top" bgcolor="66CCFF" width="auto">Bogor</td> </tr> <tr> <td style="text-align: center;" align="center" valign="top" bgcolor="#ffffff" width="auto">5</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Prabowo Yudhoyono</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Sukabumi, 08 Oktober 2004</td> <td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Sukabumi</td> </tr> </tbody> </table>
Bagaimana sudah mengerti dengan aneka cara membuat tabel di WordPress?
Membuat tabel di WordPress akan menghasilkan tampilan rapi pada blog-mu. Jadi, pastikan kamu mempraktekkan panduan lengkap di atas ya supaya kamu makin lancar membuat tabel di WordPress dan punya blog yang rapi. Juga, jangan sampai ada tahap yang terlewat, agar kamu berhasil dalam membuat tabel di WordPress.
Semoga artikel ini bermanfaat ya… Selamat mencoba!
