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;

NamaAlamatNomor Hp
BondanJombang0851234567
FebriaMalang0817654321
BilqisBatu0838321543
ShinichiSurabaya0821214365

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>

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;

NamaAlamatNomor Hp
BondanJombang0851234567
FebriaMalang0817654321
Bilqis    Batu0838321543
ShinichiJalan Bendul Merisi Permai Blok E no 90 Surabaya0821214365
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 pada bagian 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. Membuat kepala tabel, 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 pemikiran pada “Pengalaman Membuat Tabel di WordPress”

Tinggalkan komentar