Pengalaman 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.

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


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

Nama Alamat Nomor Hp
Bondan Jombang 0851234567
Febria Malang 0817654321
Bilqis Batu 0838321543
Shinichi Surabaya 0821214365

Tanpa ada garisnya, kemungkinan cara ini bisa membuat suatu konten yang lain. Untuk mebuat jurnal atau neraca dibutuhkan tabel 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>

Saya spasi secara visual di bagian alamat Bilqis dan menambahkan alamat panjang di nama Shinichi, melihat apakah dia akan responsif ketika ada dalam mode mobile, ternyata otomatis responsif, kemungkinan ikut template bawaan blog. Seperti ini bentuknya;

Nama Alamat Nomor Hp
Bondan Jombang 0851234567
Febria Malang 0817654321
Bilqis     Batu 0838321543
Shinichi Jalan Bendul Merisi Permai Blok E no 90 Surabaya 0821214365
Baca Juga :   Tips Merapikan Text Excel dari Satu Kolom Menjadi Beberapa Kolom

Pembuatan tabel 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 dibagian nama-nama kepala tabel atau pada nama-nama bagian tubuh tabel, dan menyematkannya di editor post bagian teks.

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 tabel, dan beginilah tampilan edit tabel pada plugin ini;

Kita bisa mengubah banyaknya kolom dengan klik kanan pilih insert atau hapus, seperti yang kita inginkan. Untuk kepala tabel keita bisa 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 tabel 1 sudah dibuat akan tersiman dalam darsboad plugin ini. kita bisa memakainya dengan memanggil nama id nya. dan kita bisa menduplikat tabel ini apabila jenis tabel kolom atau barisnya sama.

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

 

2 thoughts on “Pengalaman Membuat Tabel di WordPress

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *