Cara Membuat Tabel di WordPress Responsive Keren

Membuat Tabel di WordPress Responsive
Membuat Tabel di WordPress Responsive

Membuat Tabel di WordPress Responsive Keren » Setalh beberapa hari lalu saya pernah share tutorial cara membuat tabel yang bisa di gunakan di blogger dan wordpress menggunakan script, Maka tutorial kali ini hanya bisa di gunakan oleh pengguna wordpress saja. Jika kamu adalah pengguna blogger silahkan baca pada artikel lapak lama yang ini.

Jika kamu sudah mencoba membuat tabel dengan cara di atas, pasti kamu tahu kalau tabelnya hanyalah tabel sederhana, Nah tabel yang akan kita buat kali ini jauh berbeda dengan tabel tsb, Tabel yang akan kiba buat memiliki desain keren dan bisa teman-teman slipkan gambar.

Untuk membuat tabel di wordpress kita harus menggunakan plugin, Tujuanya supaya tabel lebih keren dan tidak acak-acakan ketika di lihat menggunakan perangkat mobile.

Kita akan membuat tabel menggunakan plugin tabel maker.

Kenapa harus plugin table maker?

Dari sekian banyak plugin yang pernah saya coba, Menurut saya hanya plugin tabel maker lah yang bisa membuat tabel menjadi mudah dan kita bisa memasang berbagai gambar, shordcode, ico sesuai dengan yang kita mau. Tabel yang akan kita buat kurang lebih tampilannya seperti pada gambar dibawah ini. Membuat Tabel di WordPress Responsive

Sebelum kita lanjut ketutorial Membuat Tabel di WordPress Responsive Keren, Kamu harus menginstallnya terlebih dahulu. jika kamu tidak tahu bagaimana cara menginstall plugin di wordpress, kamu bisa membaca artikel kami yang satu ini.

Membuat Tabel di WordPress Responsive

Setelah kamu selesai menginstall plugin table marker, silahkan ikuti panduan dibawah ini, untuk membuatnya.

  1. Masuk ke dalam dasborad plugin table marker.
  2. Klik Add New untuk membuat tabel baru.
  3. Tentukan berapa jumlah baris/kolom mendatar dan menurun

Kurang lebih tampilanya akan seperti gambar dibawah ini.Membuat Tabel di WordPress Responsive

Penjelasan Gambar di Atas:

  1. Menentukan jumlah kolom tabel.
  2. Memindahkan baris tabel, misalnya baris 2 dipindah ke baris 10 dan seterusnya. (mendatar)
  3. Memindahkan kolom tabel, misalnya kolom 2 dipindah ke kolom 10 dan seterusnya (menurun)
  4. Menambahkan baris atau kolom.
  5. Menghapus baris atau kolom.
  6. Warna header tabel, And bisa memilih warna yang sudah disediakan (ada 8 warna tersedia)
  7. Shortcodes, nantinya ditempatkan pada post atau laman untuk menampilkan hasil tabel.
  8. Table row stack, untuk tampilan responsive pada perangkat mobile.

Cara mengisi table dengan data atau gambar

Setelah teman-teman mengetahui fungsi-fungsi table marker, sekarang saatnya mengeksekusi, membuat table wordpress dengan menggunakan table marker.

Contoh table yang akan saya buat ini jenisnya adalah affiliasi program hosting, Namun kamu bisa memilih jenis table yang lain sesuai dengan keinginan dan kebutuhan kamu. Membuat Tabel di WordPress Responsive

Kode – kode diatas adalah kode html gambar yang saya masukkan kedalam kolom tabel. dan Untuk button shortcodes, anda bisa manfaatkan plugin shorcodes yang banyak tersedia dan dapat diunduh gratis.

Anda bisa upload gambar pada bagian bawah, dan masukkan hasil kode gambar ke dalam kolom atau baris tabel yang Anda inginkan.

Setelah semuanya sudah sesuai dengan yang kamu inginkan, jangan lupa untuk membuat nama tabel tersebut lalu simpan. setelah Anda selesai mengisi data pada kolom dan baris (termasuk gambar) pada tabel.

Terakhir adalah menempatkan shortcodes pada halaman post atau pada page untuk menampilkan tabel. Untuk ukuran tertentu Anda juga bisa menampilkan tabel pada widget atau sidebar.

Nah itulah panduan lengkap Membuat Tabel di WordPress Responsive Keren, Semoga artikel ini bisa memberikan manfaat untuk teman-teman semua.

Nilai Kualitas Konten

Tinggalkan Balasan

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