Buat Tabel Responsif Yang Menakjubkan di WordPress Dengan wpDataTables

Membuat tabel di WordPress itu mudah. Ada cara tradisional untuk menambahkan tabel ke WordPress dengan kode, tetapi sejauh ini cara paling mudah untuk membangun tabel (atau bagan) adalah dengan plugin wpDataTables WordPress. Ini membuatnya sangat mudah untuk mengimpor tabel Anda dari berbagai sumber eksternal, gaya sesuai keinginan Anda dan menambahkannya ke situs web Anda.


Tabel HTML Dasar

Anda dapat menambahkan tabel ke WordPress menggunakan standar Tag tabel HTML. Mereka cukup lurus ke depan dan menggunakan struktur dasar berikut (hanya ingat untuk memasukkannya di tab “teks” saat membuat posting Anda):

Pertama Kedua Ketiga
Mendongkrak Jackson 25
Jane Jenson 30

Yang akan menghasilkan tabel yang terlihat mirip dengan ini (catatan – gaya apa pun untuk sel header akan tergantung pada tema Anda):

PertamaKeduaKetiga
MendongkrakJackson25
JenJenson30

Menggunakan HTML untuk membuat tabel Anda akan berhasil dan baik-baik saja jika Anda hanya ingin menambahkan satu atau dua tabel ke situs Anda. Tetapi jika Anda akan sering membuat tabel, ada beberapa masalah yang kemungkinan akan Anda hadapi.

  • Anda harus belajar pengkodean HTML untuk opsi tingkat lanjut
  • Menambahkan HTML memakan waktu dan akan menghambat produktivitas Anda dalam jangka panjang jika membuat banyak tabel
  • Metode ini sangat terbatas dalam tata letak dan desain (kecuali jika Anda adalah pengembang tingkat lanjut)

Jika Anda menggunakan WordPress, kami dapat dengan aman menganggap bahwa 1) Anda menggunakan versi terbaru WordPress, dan 2) tema Anda responsif. Saat Anda menggunakan tag tabel HTML untuk menyisipkan tabel di situs WordPress Anda, Anda akan menghabiskan banyak waktu menyesuaikan tata letak.

Situs Anda mungkin responsif, tetapi tabel Anda tidak.

Ini secara alami akan merusak properti responsif situs Anda. Memasukkan data ke situs Anda juga bisa menjadi masalah. Perangkat lunak pengolah spreadsheet seperti Google Spreadsheets atau Microsoft Excel memiliki banyak alat impor untuk mengambil data dari database. Tetapi ketika Anda mengetik setiap karakter – itu tidak terlalu produktif.

Sebelumnya kami mengidentifikasi tiga masalah utama memasukkan tabel dengan HTML di WordPress. Jangan khawatir – ada cara yang jauh lebih baik untuk membuat tabel. Jadi izinkan saya memperkenalkan plugin yang akan menghilangkan semua masalah yang disebutkan di atas, dan membawa sejumlah fitur yang bermanfaat.

Buat Tabel Lebih Baik dengan wpDataTables

Plugin Tabel Responsif wpDataTables

Untuk membuat tabel dengan WordPress, kami sangat menyarankan wpDataTables. Plugin premium yang sepenuhnya responsif ini membuatnya mudah untuk membuat, menyesuaikan, dan mengelola tabel dan grafik di WordPress – tidak diperlukan pengkodean. Cukup instal dan mulai membuat tabel dan grafik! Dipercayai oleh lebih dari 14.300+ orang (dan sebelumnya menamakannya salah satu plugin WordPress kami bulan ini) itu hanyalah salah satu cara terbaik untuk menambahkan tabel ke situs web Anda yang didukung WordPress dalam pendapat kami yang sederhana.

Lebih Lanjut Tentang wpDataTables Lihat Demo Langsung

Anda dapat mempelajari lebih lanjut tentang wpDataTables di Themeforest dengan mengklik tombol di atas, atau terus membaca untuk mencari tahu mengapa kami pikir itu sangat mengagumkan.

Berbagai Sumber Data

Sumber Data wpDataTables

Bergantung di mana Anda lebih suka menyimpan data Anda, wpDataTables memungkinkan Anda mengimpor dari berbagai sumber. Pilih dari Excel, CSV, Google Doc, XML, JSON, Serrayized PHP Array atau permintaan MySQL untuk mengimpor data. Ada juga opsi untuk membuat tabel baru secara manual, menautkan ke sumber data langsung (yang hingga secara dinamis memperbarui tabel Anda ketika Anda memuatnya pada halaman) atau menghasilkan kueri khusus menggunakan alat GUI (antarmuka pengguna grafis) alat.

Permintaan MySQL adalah favorit pribadi saya karena memungkinkan saya untuk melihat dan memodifikasi data dari database yang tepat. Jika Anda memiliki tim pengembang yang mengerjakan proyek tabel, ini akan membuat kolaborasi menjadi super sederhana (lebih lanjut tentang ini nanti)!

Kustomisasi yang Disempurnakan dan Tata Letak Responsif

Mendesain meja Anda tidak pernah semudah ini. Dengan beberapa kotak centang dan beberapa pilihan warna, Anda dapat merancang plugin untuk melengkapi tema situs Anda. Lihatlah fitur desain luar biasa yang ditawarkan plugin:

wpDataTables Styling Kustom

Ada juga opsi bawaan untuk bahasa antarmuka, pemformatan waktu / tanggal, keberpihakan, JS / CSS khusus, dan lainnya. Oh dan apakah saya menyebutkan bahwa plugin juga responsif untuk seluler? Anda dapat mengatur seberapa banyak ruang yang akan dikonsumsi tabel, tidak peduli ukuran layarnya!

Filter untuk Pencarian Efisien

Pilihan Sortir & Filter wpDataTables

Saat membuat tabel baru (atau mengedit yang ada) Anda memiliki opsi untuk mengaktifkan filter. Dengan filter, Anda dapat mengurangi set hasil Anda hanya dengan item yang Anda inginkan. Ini sangat berguna untuk menanyakan database yang besar. Misalnya, jika Anda memiliki database perpustakaan, maka hasil filter berdasarkan subyek akan membantu Anda menemukan buku Anda lebih cepat.

Namun, karena setiap kali Anda mengedit filter, itu meningkatkan jumlah perhitungan yang harus dilakukan oleh database – sehingga meningkatkan tekanan server. Oleh karena itu, Anda memiliki opsi manis menonaktifkan filter sama sekali.

Edit Database MySQL dari Frontend

wpDataTables Izinkan Pengeditan ujung depan

wpDataTables juga memungkinkan Anda untuk mengedit langsung database Anda dari frontend – mis. dari situs WordPress langsung. Cukup aktifkan opsi di bawah tab “Editing” ketika mengkonfigurasi tabel Anda. Anda bahkan dapat mengatur pengguna mana yang dapat mengedit nilai-nilai dalam database – membiarkannya terbuka untuk semua pengguna untuk mengirim atau mendasarkan akses pada peran pengguna mereka.

Visualisasikan data menggunakan Grafik

Visualisasi adalah peraih perhatian yang jauh lebih efektif daripada teks biasa. Bagaimanapun, melihat adalah percaya. Itu meningkatkan tingkat asupan data kami, dibandingkan dengan bacaan tradisional. Misalnya, ketika Anda melihat diagram lingkaran dari laporan pendapatan tahunan, Anda hampir selalu akan menginterpretasikan data lebih cepat bila dibandingkan dengan membaca data untuk semua dua belas bulan.

wpDataTables Gaya Grafik

wpDataTables membantu Anda membuat bagan dinamis (melalui Google Charts, HighCharts, atau Chart.js) untuk memvisualisasikan data tabel Anda. Ini berguna khusus untuk tabel dengan banyak data numerik, misalnya blogger yang membagikan laporan pendapatan bulanannya.

Pembaruan Seumur Hidup

Sebagian besar pengembang plugin akan memberi Anda satu tahun pembaruan dan dukungan. Namun, pengembang ini telah memasukkan pembaruan seumur hidup dan dukungan enam bulan untuk biaya satu kali (catatan – untuk dukungan berkelanjutan Anda perlu memperbarui lisensi Anda).

Dokumentasi terperinci

Pengembang tidak meninggalkan kebutuhan bisnis yang terlewat ketika datang untuk menjelaskan cara menggunakan wpDataTables. Ada dokumentasi online yang luas plus tutorial video untuk membantu Anda memahami kemampuan penuh plugin!

Ini memberitahu kita 2 hal:

  1. Pengembang peduli dengan pelanggan mereka – sehingga mereka kembali untuk membeli produk
  2. Pelanggan berpengetahuan = kurang cegukan = tiket dukungan lebih rendah = pelanggan bahagia

Selain itu, dengan tiket dukungan yang lebih sedikit, pengembang dapat mencurahkan lebih banyak waktu untuk meningkatkan plugin dan memperkenalkan fitur-fitur baru!

Cara Membangun Tabel Responsif dengan wpDataTables

Sekarang Anda tahu mengapa kami pikir wpDataTables adalah plugin yang hebat, mari tunjukkan cara menggunakannya! Ada tiga langkah tepat untuk membuat tabel baru menggunakan plugin wpDataTables.

1. Instal wpDataTables

Saya tahu ini harus jelas, tetapi Anda harus menginstal wpDataTables terlebih dahulu. Karena ini adalah plugin premium, plugin ini harus dibeli dan diunduh dari CodeCanyon (buka saja pembelian Anda dan unduh “Installable WordPress file only”).

Instal Plugin wpDataTables

Kemudian ikuti saja petunjuk pada layar untuk menyelesaikan instalasi dan aktivasi.

2. Buat Tabel Data Anda

Dengan plugin yang aktif, Anda harus memiliki item menu “wpDataTables” yang baru. Klik di atasnya, lalu klik tombol biru Tambah Baru untuk memulai membuat tabel baru.

wpDataTables Membuat atau Mengimpor Tabel

Opsi pertama Anda adalah bagaimana Anda ingin membuat tabel Anda. Harus ada lima opsi yang disajikan. Kami memilih opsi untuk mengimpor dari CVS karena kami memiliki spreadsheet sederhana yang ingin kami gunakan. Kemudian setelah mengklik Berikutnya Anda akan diminta untuk memilih dan mengunggah file Anda.

wpDataTables Kelola Tabel

Setelah Anda mengunggah sumber data, Anda akan dapat memasukkan nama tabel khusus serta menggunakan opsi untuk mengedit, menambah atau menghapus kolom dan baris. Kemudian klik tombol hijau untuk selesai membuat tabel Anda.

Pengaturan Tabel wpDataTables

Anda berada di hamparan rumah sekarang! Dari halaman ini Anda dapat mengubah pengaturan tambahan untuk tabel Anda (opsional). Gunakan opsi “Tampilan” untuk memungkinkan runtuhnya responsif pada perangkat yang lebih kecil, tambahkan bilah gulir horizontal, batas lebar tabel, dll. Buka tab “Editing” untuk mengaktifkan pengeditan ujung depan, atau mengaktifkan alat tabel (cetak, salin, atau ekspor tautan langsung). Yang terbaik dari semuanya, Anda dapat melihat pratinjau hasil edit Anda langsung saat Anda melakukan tweak. Ingatlah untuk mengklik Menyimpan (atau terapkan) tanda centang jika Anda melakukan perubahan.

Setelah selesai, salin kode pendek tabel Anda dari bagian atas layar karena Anda akan membutuhkannya untuk langkah ketiga dan terakhir.

3. Masukkan Meja Anda Ke Posting atau Halaman

wpDataTables Shortcode

Untuk menggunakan tabel Anda, yang harus Anda lakukan adalah menempelkan kode pendek ke konten pada posting atau halaman (seperti pada gambar di atas). Kode pendek ini akan ditampilkan di bagian depan situs web Anda tergantung pada bagaimana Anda menata meja Anda:

wpDataTables Front-end Table

Di perangkat kami, Anda dapat melihat bahwa kami telah mengaktifkan alat tabel (untuk mencetak, mengekspor, dll), pemfilteran dan pengiriman front-end. Tapi hanya itu – meja Anda siap digunakan!

Ingin membuat Bagan?

Anda juga dapat membuat bagan menggunakan wpDataTables. Setelah membuat tabel Anda klik pada “Buat Grafik” untuk memulai.

wpDataTables Buat Bagan

Dari sini beri nama bagan Anda, pilih gaya (ada banyak pilihan) dan lanjutkan ke layar berikutnya di mana Anda akan memilih tabel data yang ingin Anda gunakan untuk membuat bagan Anda.

wpDataTables Tetapkan Data

Setelah memilih tabel yang akan digunakan sebagai sumber data, tetapkan kolom tabel Anda ke bagian bagan. Tergantung pada bagan yang Anda pilih, mungkin ada jumlah nilai minimum yang diperlukan. Dalam contoh kami, kami memilih bagan batang, yang membutuhkan setidaknya dua kolom untuk bagan (untuk menjadi batang). Setelah Anda mengurutkan kolom Anda, lanjutkan ke langkah berikutnya.

wpDataTables Customize Chart

Sekarang untuk bagian yang menyenangkan. Gunakan opsi untuk bergaya dan menambahkan fitur ke bagan Anda. Ada banyak opsi untuk lebar responsif, tinggi, latar belakang, batas, font, label, warna, tampilkan / sembunyikan judul, tooltips saat melayang dan lainnya.

Setelah selesai mengedit, klik berikutnya dan salin kode pendek bagan Anda. Cukup tempelkan ke konten posting atau halaman Anda, simpan dan pergi ke ujung depan situs web Anda untuk melihat bagan Anda!

Tambahkan Lebih Banyak Fitur Tabel WordPress

Ingin lebih? Ada sejumlah ekstensi dan add-on untuk wpDataTables untuk menambahkan lebih banyak lagi opsi tabel dan bagan untuk situs WordPress Anda.

Filter Tingkat Lanjut wpDataTables

Filter Kuat: Atur filter cascading (dari kiri ke kanan), pemfilteran faceted (terapkan beberapa filter untuk mempersempit hasil), nonaktifkan tampilan tabel hingga pengguna memilih filter, tambahkan fitur pencarian langsung dan banyak lagi. Cukup aktifkan dan konfigurasikan opsi saat mengatur meja Anda.

Pembuat Laporan: Buat laporan Word atau Excel kustom Anda sendiri berdasarkan tabel data. Ini sangat membantu ketika memungkinkan pengeditan ujung depan oleh pengguna (sehingga saat Anda mengumpulkan data, Anda dapat menjalankan kembali dan mencetak laporan) atau jika Anda perlu membuat ulang laporan secara teratur (seperti faktur bulanan atau kartu waktu).

wpDataTables Formidable Forms

Formulir yang tangguh: Tambahkan dukungan untuk form builder Pro Formidable Forms yang populer. Gunakan Formidable Forms untuk membuat formulir pengumpulan data (seperti survei) kemudian secara otomatis menghasilkan tabel berdasarkan kiriman pengguna, dengan setiap bidang dikonversi menjadi kolom.

Bentuk Gravitasi: Mengintegrasikan pengiriman Gravity Forms dengan wpDataTables untuk secara otomatis membuat tabel WordPress berdasarkan data pengguna. Ekstensi menambahkan sumber data baru saat membuat tabel Anda sehingga mudah untuk menautkan ke Formulir Gravitasi spesifik Anda dan memvisualisasikan data.

Coba wpDataTables untuk Diri Anda

wpDataTables Live Sandbox

Sebagian besar pengembang memberi Anda demo langsung untuk memberi tahu Anda apa yang dapat dilakukan plugin. Tetapi mereka hanya menampilkan output, mis. Tampilan “frontend” – yang didasarkan pada input yang ditentukan sebelumnya. Di sinilah sebagian besar demo live plugin gagal – mereka tidak memberi Anda akses ke pengaturan dan alat plugin – mis. Backend.

Namun wpDataTables menawarkan kotak pasir penuh pada demo mereka di mana Anda bisa coba-sebelum-Anda-beli. Semua dealer mobil melakukan ini – test drive yang terkenal. Melalui kotak pasir Anda dapat menguji fitur-fitur plugin sesuai dengan isi hati Anda, dan melihat hasilnya secara langsung.

Lihat Demo wpDataTables

Ingin mengunduh salinan untuk menguji instalasi Anda sendiri? wpDataTables memang menawarkan versi lite yang dapat Anda ambil dari repositori WordPress.org. Itu tidak memiliki semua fitur-fitur premium yang luar biasa yang kami bahas di atas, tetapi itu adalah cara yang bagus untuk melihat apakah plugin itu mungkin solusi yang tepat untuk kebutuhan Anda.

Dapatkan wpDataTables Lite

Dan jika Anda menyukainya, Anda dapat melanjutkan dan membelinya dengan ketenangan pikiran. Mengapa? Karena Anda sudah menguji dan menggunakan produk.

Kesimpulan

wpDataTables adalah salah satu plugin yang sangat diperlukan untuk situs WordPress yang menangani data dalam jumlah besar. Baik Anda membuat proyek sekolah atau laporan tahunan perusahaan, tabel dan visualisasinya memainkan peran penting dalam representasi data.

Dapatkan wpDataTables untuk WordPress

Sudahkah Anda mencoba wpDataTables? Atau apakah Anda memiliki pertanyaan tentang apa yang dapat dilakukan plugin ini? Tinggalkan komentar di bawah ini – kami ingin sekali mendengar dari Anda!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map