Cara Menciptakan Table Di Wordpress Responsive Dengan Smartphone

Gambar. Table di halaman WordPress 

Salam semangat buat semuanya, pada postingan sebelumnya admin telah membahas mengenai Cara Import Table di WordPress Tanpa Menggunakan Plugin, namun pada postingan kali ini kita juga akan membahas Cara Import atau tepatnya Cara Membuat Table di WordPress yang Responsive dengan Smartphone dengan menggunakan sebuah plugin. 

Sedikit kisah awalnya, admin dalam membuat table di WordPress tanpa menggunakan plugin, alhasil anggun tapi sayangnya tidak responsive dengan smartphone. Oleh sebab itu, admin mencoba aneka macam cara supaya mampu responsive dengan mobile. Salah satu caranya dengan mendownload beberapa plugin table wordpress, dan langsung diterapkan. Namun masih belum mendukung juga. Pada jadinya admin menemukan sebuah Plugin yang bernama "Table-Maker" , dan menurut admin alhasil sangat memuaskan. Bukan berarti plugin table yang lain tidak memuaskan ya... Tapi plugin yang satu ini bagi admin ini sangat recommended. 

Baiklah dengan tidak memangjangkan kata pengantar, langsung saja kita masuk ke topik pembahasan yaitu:

Cara Membuat Table di WordPress Responsive dengan Smartphone:

1. Silahkan klik Link ini https://id.wordpress.org/plugins/table-maker/ 

2. Lalu klik Unduh

3. Setelah berhasil di unduh, silahkan aktifkan plugin tersebut di dashboard WordPress anda. Atau melalui cPanel. 

Cara Unggah Plugin melalui Dashboard Wordpress :

Silahkan klik Menu Plugin > Klik Tambah Baru > Klik Unggah Plugin > Silahkan pilih Plugin yang telah diunduh tadi dalam format .zip. > Jika telah berhasil silahkan klik Aktifkan pada plugin tersebut. Hasilnya mirip gambar dibawah ini:

Menu Plugin Table Maker

Cara Unggah Plugin melalui cPanel:

Silahkan masuk ke public_html > wp-content > klik pada folder plugins > silahkan pastekan plugin yang mau diunggah. Jika telah final silahkan masuk kembali ke dashboard wordpress > cek menu plugin > kemudian aktifkan plugin yang pastekan tadi. 

4.Silahkan klik Menu plugin table maker, maka akan masuk ke halaman mirip dibawah ini.

Lalu klik Add New.

Silahkan atur berapa kolom yang diharapkan dengan mengklik Resize Table, silahkan atur baris dengan mengklik switch rows. Kita juga mampu mengatur warna header title, dan silahkan berkarya dengan table yang telah disediakan. 

Pada kolom enable responsive stack style for mobile device jikalau tidak ingin menampilkan banyak table silahkan klik "No". Hasilnya mirip dibawah ini. 

Dan untuk pengisian data disetiap kolom dan baris, rekan-rekan tinggal klik saja didalam kolom kemudian isikan data nya. Jika semuanya sudah selesai, silahkan klik Save Changes.

Hasil jadinya mirip berikut ini:

Gambar. Table responsive dengan mobile dan mampu digeser-geser. 

Demikianlah gosip yang mampu admin bagikan, supaya bagi rekan-rekan yang membutuhkan gosip ini mampu bermanfaat ya... dan silahkan di share ilmunya... Salama semangat dan terimakasih... 

Bagikan Artikel ini