Cara Membuat Data Tabel Siswa Dengan WordPress

Cara Membuat Data Tabel Siswa Dengan WordPress

Pada tutorial ini kita akan membahas bagaimana cara membuat data tabel siswa dengan wordpress serta link ke detail siswa tersebut. Kenapa saya sangat suka dengan data tabel, karena kebanyakan dari client saya maupun kasus yang saya terima mereka membutuhkan data tabel sehingga memudahkan database untuk perusahaan, organisasi maupun lembaga lainnya.

Tentu tidak semua orang bisa membuat sistem informasi karena bahasa pemogramannya yang lumayan rumit, maka wordpress sudah sangat mumpuni untuk membuat data tabel sederhana kok. Nggak percaya? Yuk langsung saja ikuti langkah-langkah dibawah

OK, saya anggap kalian sudah bisa menginstall wordpress dan instalasi plugin-plugin nya.

  1. Langkah awal kita memerlukan plugin tablepress yang bisa kamu download disini
    https://wordpress.org/plugins/tablepress/
    Jangan lupa untuk mengaktifkan plugin tablepress tersebut
  2. Buatlah halaman baru untuk detil siswa, masuk ke menu PAGE > ADD NEW
    Sebagai contoh kita masukkan title nya adalah nama siswa misal JONI. Kemudian masukkan gambar maupun detil data siswa seperti gambar. Lakukan langkah ini sesuai dengan kebutuhan banyaknya siswa anda
  3. Masuk ke menu TablePress > Add New Table
    Kita misalkan saja nama table nya adalah  “siswa” dan kita pada contoh kali ini buat row nya 3 dan coloumns nya 4
  4. Isi sesuai tabel, untuk yang terisi coding html maka itu adalah link untuk kehalaman detil siswa dan juga foto siswa nya
  5. Untuk alamat detil siswa caranya arahkan kursor ke cell NIS tersebut dan pada pilihan INSERT LINK (lihat gambar).

    Kemudian pilih halaman joni seperti gambar di bawah

  6. Pada cell gambar maka pilih INSERT IMAGE seperti di gambar.

    Jika sudah muncul coding seperti dibawah

    <img src=”http://localhost/drwebwp/wp-content/uploads/2019/06/02boy128.png” alt=”” width=”128″ height=”128″ class=”alignleft size-full wp-image-14″ />Maka rubah coding html seperti dibawah supaya gambarnya tidak terlalu besar

    <img src=”http://localhost/drwebwp/wp-content/uploads/2019/06/02boy128.png” alt=”” width=”42″ height=”42″/>

  7. Lakukan hal dari awal tersebut sesuai dengan data-data yang anda miliki. Kemudian jangan lupa buat menu siswa supaya mudah bagi pengunjung website anda

Demikian tutorial cara membuat data tabel siswa dengan wordpress supaya bermanfaat ya, sukses selalu buat anda. Jika anda masih bingung, langsung aja liat tutorial saya di youtube ya

Leave a comment