Tutorial
  • 7 mins read

Cara Membuat Tabel Di WordPress Tanpa Plugin

magzin magzin

Sahabat Qwords pernah mengalami kesulitan ketika ingin membuat tabel di WordPress? Padahal tabel sangat berguna bagi beberapa pengguna yang ingin menyisipkan data tertentu pada dalam artikel.

Seperti diketahui, tabel berfungsi untuk mempermudah pembaca untuk memahami sebuah data atau statistik yang diberikan.

Bila tidak ada tabel, mungkin pembaca harus membaca berulang-ulang untuk dapat memahaminya.

Fitur penting ini sayangnya tidak disediakan secara default oleh WordPress. Jadi, pengguna pun harus mencari sendiri bagaimana cara membuat tabel di WordPress.

Kamu berada di artikel yang tepat, karena kami akan mengulas bagaimana cara membuat tabel di WordPress tanpa plugin dengan mudah dan cepat.

Penasaran bagaimana caranya? Pastikan Sahabat Qwords membaca artikel ini hingga selesai, ya.

Memahami Tag HTML untuk Membuat Tabel

Sebenarnya, Sahabat Qwords bisa membuat tabel di WordPress dengan plugin yang justru lebih mudah dibanding secara manual.

Karena ada beberapa hal seperti penyimpanan hosting yang kecil, atau akses administrator untuk memasang plugin tidak ada, pilihan terakhirnya adalah dengan membuat tabel secara manual.

Toh dengan cara ini, kamu bisa menghemat penyimpanan hosting, lho.

Nah, Sebelum kita mempraktikkan cara membuat tabel di WordPress tanpa plugin, ada baiknya kalau kamu mengetahui lebih dulu paling tidak tiga tag HTML yang digunakan untuk membuat tabel, yaitu <table>, <tr> dan <td>, berikut pejelasannya:

  • Tag <table> digunakan untuk memulai pembuatan tabel
  • Tag <tr> kepanjangan dari table row, fungsinya untuk membuat baris tabel
  • Tag <td> kepanjangan dari table data, fungsinya untuk memasukan data ke dalam tabel

Jangan lupa, setiap akhir dari tag HTML harus menggunakan tag penutup garis miring, contohnya <table> </table>, <tr> </tr> dan <td> </td>.

Agar lebih jelas, silakan lihat contohnya di bawah ini:

<table> 
<tr> 
<td> Ini Baris 1, Kolom 1</td> 
<td> Ini Baris 1, Kolom 2</td> 
<td> Ini Baris 1, Kolom 3</td> 
</tr> 
<tr> 
<td> Ini Baris 2, Kolom 1</td> 
<td> Ini Baris 2, Kolom 2</td> 
<td> Ini Baris 2, Kolom 3</td> 
</tr> 
<tr> 
<td> Ini Baris 3, Kolom 1</td> 
<td> Ini Baris 3, Kolom 2</td> 
<td> Ini Baris 3, Kolom 3</td> 
</tr> 
<tr> 
<td> Ini Baris 4, Kolom 1</td> 
<td> Ini Baris 4, Kolom 2</td> 
<td> Ini Baris 4, Kolom 3</td> 
</tr> 
<tr> 
<td> Ini Baris 5, Kolom 1</td> 
<td> Ini Baris 5, Kolom 2</td> 
<td> Ini Baris 5, Kolom 3</td> 
</tr> 
</table>

Bila kamu menyalin kode script coding tabel di atas, hasilnya akan seperti berikut ini:

Tampilan Table WordPress
Tampilan Tabel WordPress

Baca Juga: 5 Plugin Visitor Counter WordPress Terbaik

Cara Membuat Tabel di WordPress Tanpa Plugin

Setelah kamu memahami tag HTML yang digunakan untuk membuat tabel, kini saatnya Sahabat Qwords mempraktikkan cara membuat tabel di WordPress.

Ikuti langkah-langkah yang akan kami berikan di bawah ini ya.

  1. Masuk ke dasbor WordPress-mu.
  2. Jika sudah, pilih Post kemudian Add New
    cara membuat tabel di wordpress
    Add New Post Pada WordPress
  3. Pada menu dasbor Post, klik ikon plus pada pojok kiri atas, kemudian pilih Custom HTML.
    cara membuat tabel di wordpress
    Menambahkan Custom HTML Pada Post
  4. Nantinya, akan muncul dua menu yaitu HTML dan Preview. Masukkan kode script tabel pada menu HTML. Klik menu Preview untuk melihat hasilnya.
    cara membuat tabel di wordpress
    Preview Tampilan Tabel
  5. Untuk kode skrip, kamu bisa mencoba dengan contoh di bawah ini. Jika sudah, kamu tinggal Publish dan memeriksa apakah sudah berhasil.
<table border="1" width="100%" bgcolor="#000000">
<tbody>
<tr>
<td style="text-align: center;" align="center" valign="top" bgcolor="#DEB887" width="auto"><strong><span style="color: #000000;">No</span></strong></td>

<td style="text-align: center;" align="center" valign="top" bgcolor="#DEB887" width="auto"><strong><span style="color: #000000;">Nama</span></strong></td>

<td style="text-align: center;" align="center" valign="top" bgcolor="#DEB887" width="auto"><strong><span style="color: #000000;">Tempat &amp; Tanggal Lahir</span></strong></td>

<td style="text-align: center;" align="center" valign="top" bgcolor="#DEB887" 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 Hasan Saifullah</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta, 23 Januari 1992</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta Selatan</td>
</tr>

<tr>
<td style="text-align: center;" align="center" valign="top" bgcolor="F5F5DC" width="auto">2</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="F5F5DC" width="auto">Andi Hermawan</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="F5F5DC" width="auto">Jakarta, 12 Desember 19933</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="F5F5DC" width="auto">Jakarta 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">Dewi Saputra</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta, 10 Juli 1991</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="F5F5DC" width="auto">4</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="F5F5DC" width="auto">Agung Kurniawan</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="F5F5DC" width="auto">Jakarta, 11 Nopember 1991</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="F5F5DC" width="auto">Jakarta Pusat</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"> Ayu Kirana</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta, 08 Oktober 1994</td>

<td style="text-align: left;" align="center" valign="top" bgcolor="#ffffff" width="auto">Jakarta</td>

</tr>

</tbody>

</table>
Tampilan di Post WordPress
Tampilan di Post WordPress

Download Ebook WordPress

Saatnya Membuat Tabel di WordPress Tanpa Plugin

Setelah melihat cara membuat tabel di WordPress tanpa plugin pada artikel ini, Sahabat Qwords sudah bisa mempraktikannya, kan?

Meski terlihat kompleks karena adanya skrip coding yang ada, ternyata caranya sangat mudah karena kamu hanya perlu copy-paste saja.

Dengan begitu, tabel pun berhasil dibuat dengan cepat tanpa harus memasang plugin. Semoga artikel ini bermanfaat, ya, Sahabat Qwords!

Saepudin Mulyono

Saepudin Mulyono adalah Technical Content Writer di Qwords yang berfokus pada topik web hosting, domain, cloud, dan pengembangan website. Memiliki pengalaman lebih dari 10 tahun di bidang IT, Pudin aktif menulis artikel edukatif yang membantu bisnis dan developer memahami teknologi secara praktis dan aplikatif. Sebagai bagian dari tim Qwords, ia terlibat dalam riset konten, pengujian layanan, serta penyusunan panduan teknis berbasis kebutuhan pengguna. Tulisan-tulisannya dirancang untuk memberikan insight yang akurat, mudah dipahami, dan relevan dengan perkembangan industri digital.

2 Comments
    Azkanaya Mikayla
    17 Mei 2020

    Ternyata dengan script saja tidak perlu menggunakan plugin bisa membuat table…. Kalau boleh tau, untuk kecepatan website, apakah dengan menggunakan plugin table akan lebih berat ketimbang script seperti diatas..?

      Eril
      19 Mei 2020

      Kalau mau simpel bisa menggunakan plugin, kalau mau sedikit repot bisa membuat secara manual.
      Untuk kecepatan blog kami belum mencobanya langsung kak, silahkan dicoba sendiri.
      Terima kasih sudah berkunjung di Blog Qwords.

Leave a comment

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