Membuat Tabel di WordPress

Dalam membuat artikel sebelumnya “Akun Modal dalam Perseroan“, saya membuat banyak tabel. Sebenarnya, ini adalah pengalaman pertama saya membuat tabel di wordpress. Saya mengira membuat tabel di wordpress sangat mudah, karena sebelumnya menganggap di editor pos ada alatnya, ternyata tidak ada saya harus menginstall plugin pembuatan tabel. Tapi sebelum saya melakukan itu, beberapa hal sederhana yang ingin saya coba untuk membuat tabel agar mempercepat prosesnya.

Membuat Tabel Cara Pertama

Saya mencoba untuk copy paste dari tabel microsoft excel ke editor pos wordpress. Gambarannya seperti ini;

Saya copy gambar table diatas dan langsung saya pastekan di editor post wordpress. jadinya seperti ini;

Tanpa ada garisnya, kemungkinan cara ini bisa membuat suatu konten yang lain. Untuk mebuat jurnal atau neraca dibutuhkan table yang ada garis dan kepalanya. di bagian pojok editor pos wordpress ini ada bagian teks yang bisa kita atur tag htmlnya. Seperti ini bentuk teksnya;

<table width="246">
<tbody>
<tr>
<td width="82">Nama</td>
<td width="82">Alamat</td>
<td width="82">Nomor Hp</td>
</tr>
<tr>
<td>Bondan</td>
<td>Jombang</td>
<td>0851234567</td>
</tr>
<tr>
<td>Febria</td>
<td>Malang</td>
<td>0817654321</td>
</tr>
<tr>
<td>Bilqis</td>
<td>Batu</td>
<td>0838321543</td>
</tr>
<tr>
<td>Shinichi</td>
<td>Surabaya</td>
<td>0821214365</td>
</tr>
</tbody>
</table>

Saya atur kemali teks diatas menjadi seperti ini ;

<table width="231" border="1" cellpadding="5" >
<thead style="color: white; background-color:blue;">
<tr>
<th style="font-weight: 400;">Nama</th>
<th style="font-weight: 400;">Alamat</th>
<th style="font-weight: 400;">Nomor Hp</th>
</tr>
</thead>
<tbody>
<tr>
<td style="font-weight: 400;">Bondan</td>
<td style="font-weight: 400;">Jombang</td>
<td style="font-weight: 400;">0851234567</td>
</tr>
<tr>
<td style="font-weight: 400;">Febria</td>
<td style="font-weight: 400;">Malang</td>
<td style="font-weight: 400;">0817654321</td>
</tr>
<tr>
<td style="font-weight: 400;">Bilqis</td>
<td style="font-weight: 400;">Batu</td>
<td style="font-weight: 400;">0838321543</td>
</tr>
<tr>
<td style="font-weight: 400;">Shinichi</td>
<td style="font-weight: 400;">Jalan Bendul Merisi Permai Blok E no 90 Surabaya</td>
<td style="font-weight: 400;">0821214365</td>
</tr>
</tbody>
</table>

jika ingin tulisan menjorok kedalam, spasi secara visual pada bagian teks nya, coontoh alamat Bilqis, dan untuk melihat apakah dia akan responsif ketika ada dalam mode mobile, saya menambahkan alamat panjang di nama Shinichi, ternyata otomatis responsif, kemungkinan ikut template bawaan blog. Seperti ini bentuknya;

Pembuatan table bagi mereka yang ingin menayangkannya di blog wordpress akan menjadi kewalahan jika tabel yang akan ditampilkannya banyak. Saya berpirik kalau penggunaan cell pada excel akan mempermudah bagi yang ingin menampilakan banyak tabel di blog, dengan meletakkan tag html yang sudah terformat di cell-cell excell, dan menyimpannya di google drive atau sejenisnya untuk digunakan kembali. Mudah bukan tinggal ubah kata-kata lalu salin dan tempel. Seperti dibawah ini bentuk contoh formatnya saya menyederhanakan tag htmlnya;

Hasilnya sama dengan sebelumnya, tinggal kita bisa ubah pada bagian nama-nama kepala tabel atau pada nama-nama bagian tubuh tabel, dan menyematkannya di editor post bagian teks.

Membuat dengan Cara Yang kedua

Hal ini sepertinya sama dengan yang dilakukan plugin-plugin pembuat tabel pada wordpress, untuk artikel yang sebelumnya dibuat, saya menggunakan plugin wpDataTabel. ini beberapa file tabel yang saya buat, tinggal memasukkan id tabelnyanya ke editor post.

Cara membuat tabel adalah dengan memasuki dasboar plugin bagian create.

Lalu klik next, pada bagian pojok bawah kanan. Atur kolom dan baris tabel;

Setelah mengatur kolom dan baris klik generate table, dan beginilah tampilan edit table pada plugin ini;

Kita bisa mengubah banyaknya kolom dengan klik kanan pilih insert atau hapus, seperti yang kita inginkan. Membuat kepala table, klik menu display dan mencentang pengaturannya. khusus untuk indent  pada baris dalam kolom klik insert HTML, klik menu indent dan ketik kata yang dinginkan.

Ketika table 1 sudah dibuat akan tersiman dalam darsboad plugin ini. kita bisa memakainya dengan memanggil nama id nya. dan kita bisa menduplikat table ini apabila jenis table kolom atau barisnya sama.

Seperti inilah pengalaman pertama membuat table pada artikel di wordpress, semoga bermanfaat.