idnetter.com mencoba bagi memberi informasi seputar plugin-plugin WordPress terbaik yang pernah diinstall di blog idnetter agar para pengunjung setia blog ini menghemat waktu pada mencari plugin yang dibutuhkan bagi membangun sebuah blog agar semakin bagus dan mampu bekerja optimal di mesin pencari Google, Yahoo dan lainya.
Kali ini ada dua Plugin Table WordPress Terbaik bagi membangun table di blog yang menggunakan CMS WordPress yaitu TablePress By Tobias Bäthge dan MCE Table Button By Paweł Rabinek. Intinya dari kedua plugin ini fungsinya bagi membangun table didalam post. Mana yang perlu diinstall? Keduanya saya install karena masing-masing plugin table WordPress ini mempunyai fitur yang berbeda. Apa saja fiturnya? mari disimak.
TablePress
TablePress memungkinkan Kamu bagi dengan gampang membangun dan mengelola tabel yang indah. Kamu dapat menanamkan tabel ke pada posting, halaman, atau widget teks dengan Shortcode. Tabel data dapat diedit pada antarmuka speadsheet-like sehingga tak ada coding diperlukan. Tabel dapat berisi jenis data, bahkan formula yang akan dievaluasi. Sebuah perpustakaan JavaScript tambahan bagi menambahkan fitur seperti penyortiran, pagination, penyaringan, dan lebih untuk pengunjung situs. Tabel dapat diimpor dan diekspor dari / ke Excel, CSV, HTML, dan file JSON.
- Author: Tobias Bäthge
- Requires WordPress Version: 4.2 or higher
- Compatible up to: 4.2.4
- Active Installs: 300,000+
- WordPress.org Plugin Page »
- Plugin Homepage »
Membangun Table Dengan TablePress
Bagi membangun Table, misalnya table pricelist / Daftar Harga, Plugin ini mampu bagi import/eksport file dari / ke .CVS yang sebelumnya agan bikin di Microsoft Excel atau program lain seperti OpenOffice.org. Namun kalau agan ingin membangun table secara online lewat Dashboard Admin, plugin TablePress pun menyediakan form bagi membangun table secara online lewat Fitur Admin Dashboard TablePress > Add New Table. Berikut Screenshotnya:
Plugin ini amat cocok bagi blog yang membutuhkan sebuah table yang mampu import dan eksport data bagus dari file .CSV, HTML, dan JSON, misalnya bagi membangun/insert table daftar harga pada post, table bagi data-data pelajar (blog Sekolah, Universitas dll). Demo : Daftar Harga VPS Murah Indonesia
Cara Insert Table
Bagi insert Table kedalam post agan lumayan memasukkan shortcode dengan ID Table yang sesuai dengan table yang agan ingin tampilkan contoh shortcode:
[table id=<ID> /]
Keterangan: ganti =<ID> dengan ID Table / angka misalnya =1. Atau agan pun dapat insert table lewat button/icon TablePress di pojok kanan di form dikala membangun Post.
MCE Table Buttons
Sebuah plug-in yang ringan bagi menambah kontrol editing Table dengan versi komplit dari TinyMCE, dioptimalkan bagi WordPress. Plugin ini lebih sederhana, mirip seperti dikala agan insert table di Microsoft Office.
- Author: Jake Goldman, 10up, Oomph
- Requires WordPress Version: 3.4 or higher
- Compatible up to: 4.0.7
- Active Installs: 100,000+
- WordPress.org Plugin Page »
- Plugin Homepage »
Membangun Table dengan MCE Table Buttons
Lumayan dengan klik Button Table di dikala membangun post karenanya opsi insert table akan tampil, kemudian agan dapat seketika pilih berapa banyak row table dan column yang agan butuhkan, Simple dan amat bermanfaat!.
Modif CSS Style Table
Defaultnya plugin ini tanpa style, jadi dikala agan membangun / insert table kode yang diraih berupa kode HTML tanpa class seperti contoh dibawah ini:
<table>
<tr>
<td>No</td>
<td>Nama</td>
<td>Tempat tinggal</td>
</tr>
<tr>
<td>1</td>
<td>Ahmad</td>
<td>Desa Babulang Kec. Kalianda</td>
</tr>
<tr>
<td>2</td>
<td>Somad</td>
<td>Desa Kekiling Kec. Kalianda</td>
</tr>
<tr>
<td>3</td>
<td>Syahid</td>
<td>Desa Penengahan Kec. Kalianda</td>
</tr>
</table>
Contoh CSS style bagi single post:
.single table {margin: 10px 0;}
.single table tr td {padding: 3px 5px; border: 1px solid #eee;}
.single table tr td:first-child {}
.single table tr td:last-child {}
Hasilnya:
| No | Nama | Tempat tinggal |
| 1 | Ahmad | Desa Babulang Kec. Kalianda |
| 2 | Somad | Desa Kekiling Kec. Kalianda |
| 3 | Syahid | Desa Penengahan Kec. Kalianda |
Selesai. Selamat mencoba gan.
Sumber https://idnetter.com