Cara Menyisipkan Tabel di Posting/Halaman WordPress

Diterbitkan: 2022-03-21

Ada cara mudah.

Tapi itu bukan cara terbaik.

Editor blok baru di WordPress menyertakan blok tabel, dan berfungsi dengan baik untuk tabel sederhana.

Namun, kemungkinan besar Anda akan membutuhkan sesuatu yang sedikit lebih maju.

Ada dua plugin luar biasa yang dapat membantu.

Plugin pertama memungkinkan Anda membuat tabel dengan editor khusus. Itu berarti Anda bahkan tidak perlu melihat kode apa pun. Plugin kedua lebih baik untuk tabel yang membutuhkan daya tarik visual dan variasi.

Ada metode ketiga yang bekerja secara dinamis dan mencantumkan posting, dokumen, dan konten lain di situs Anda – kami akan menjelajahi opsi itu di bagian akhir.

Berlangganan Bersaing Tema di Youtube

Daftar Isi sembunyikan
  1. 1. Buat tabel dengan TablePress
    1. Mengapa menggunakan TablePress?
    2. Cara menggunakan TablePress
    3. Pertanyaan umum
  2. 2. Buat tabel dengan Tablesome
    1. Cara menggunakan Tablesome
  3. 3. Buat tabel dengan WP Table Builder
    1. Cara menggunakan WP Tabel Builder
  4. 4. Gunakan Posts Table Pro
  5. 5. Gunakan Pembuat Tabel JetEngine
    1. Bagaimana cara menggunakan Pembuat Tabel JetEngine?
  6. Bisakah Anda membuat tabel tanpa plugin?

1. Buat tabel dengan TablePress

TablePress adalah plugin untuk membuat dan menampilkan tabel dengan WordPress.

Plugin TablePress

Seperti yang Anda lihat, ini adalah favorit di antara pengguna WordPress.

Mengapa menggunakan TablePress?

Daya tarik utama TablePress adalah ia memberi Anda antarmuka yang bagus untuk membuat dan memodifikasi tabel tanpa menyentuh kode apa pun .

Juga, ia memiliki lebih banyak fungsi daripada yang dapat saya bahas di sini. Lihat halaman ekstensi untuk semua fitur keren yang dapat Anda tambahkan ke plugin dasar.

Satu manfaat terakhir menggunakan TablePress adalah tabel Anda tidak terikat pada satu posting atau halaman. Karena Anda membuat tabel yang independen dari postingan/halaman mana pun, Anda dapat menggunakannya kembali di mana saja di situs Anda.

Cara menggunakan TablePress

Setelah mengaktifkan TablePress, Anda akan menemukan menu tingkat atas baru yang ditambahkan ke dasbor admin Anda.

Menu ditambahkan oleh TablePress

Mengklik tombol Tambah Baru akan membawa Anda ke halaman ini di mana Anda dapat mengatur nama dan ukuran tabel Anda (jangan khawatir, Anda selalu dapat memperbarui baris/kolom nanti).

Layar pembuatan tabel

Membuat tabel memberi Anda akses ke editor tabel lengkap tempat Anda akan memasukkan data.

Editor tabel
Saya telah menambahkan beberapa contoh data ke tabel, sehingga Anda dapat melihat tampilannya saat digunakan.

Anda dapat mengatur ulang baris dan kolom, menambahkan tautan, menggabungkan sel – ada banyak fungsi praktis yang ada di dalam editor.

Saat Anda siap untuk menampilkan tabel, salin kode pendek dari halaman tabel dan tempel ke editor menggunakan blok Kode pendek.

Blok Kode Pendek

Meskipun Anda akan melihat kode pendek di editor, tabel lengkap ditampilkan saat Anda melihat kiriman.

Berikut tampilan tabel yang ditampilkan di front-end.

Contoh tabel yang ditampilkan dengan TablePress
Ditampilkan dalam postingan dengan tema Apex.

Tidak pernah menggunakan kode pendek? Kenali mereka dalam tutorial ini.

Pertanyaan umum

Ada beberapa masalah dan pertanyaan umum dengan TablePress.

Apakah kode pendek akan memengaruhi SEO situs saya?

Tidak. Menggunakan kode pendek tidak akan memengaruhi kemampuan Google untuk membaca tabel di halaman.

Saat Anda melihat kode pendek di editor, HTML biasa yang dapat dirayapi adalah keluaran di situs. Tidak ada bedanya dengan menulis HTML sendiri.

Apakah responsif/ramah seluler?

Tabel yang dibuat TablePress tidak responsif secara default. Namun, ada ekstensi yang akan membuatnya lebih ramah seluler.

Apakah saya akan kehilangan tabel saya jika saya berhenti menggunakan plugin ini?

Iya dan tidak.

Data tabel disimpan dalam database Anda, sehingga secara teknis Anda tidak akan kehilangannya dengan mencopot pemasangan plugin. Namun, Anda tidak akan memiliki akses ke data tersebut di dasbor admin lagi, jadi membuat tabel dengan data tersebut mungkin sulit.

Cadangkan situs Anda!

Oke, ini bukan pertanyaan, tapi pengingat untuk membuat cadangan situs Anda! Beberapa pengguna WP di seluruh web menyesalkan menghabiskan berjam-jam di meja mereka hanya untuk akhirnya kehilangan mereka.

Selalu pastikan untuk membuat cadangan situs Anda secara teratur, sehingga Anda tidak kehilangan kerja keras Anda. Anda dapat mengikuti tutorial kami tentang cara membuat cadangan situs Anda jika Anda memerlukan bantuan. Ada banyak plugin cadangan gratis dan premium yang bagus untuk dipilih.

2. Buat tabel dengan Tablesome

Tablesome adalah plugin tabel WordPress untuk membuat tabel responsif dengan cepat dan menambahkannya ke halaman dan posting. Anda juga dapat mengimpor tabel dari file CSV dan XLSX yang dihasilkan dengan alat lain seperti Google Spreadsheet, MS Excel, dll

Tampan

Sementara plugin lain seperti Tablepress bagus dalam menyajikan data di perangkat desktop, mereka tidak responsif seluler. Tablesome, di sisi lain, sepenuhnya responsif dan tampak hebat di semua ukuran layar. Anda dapat membuat semua jenis tabel termasuk tabel data besar, katalog produk, tabel perbandingan, tabel liga olahraga, tabel harga, dan banyak lagi.

Juga mudah untuk membuat dan mengedit tabel Anda berkat antarmuka seperti spreadsheet yang intuitif.

Cara menggunakan Tablesome

Tablesome dapat diinstal sembarang plugin WP lainnya. Setelah instalasi, Anda akan menemukan menu Tablesome baru yang ditambahkan ke dasbor Anda.

Jika Anda ingin mengimpor file dari file CSV atau XLSX, Anda dapat melakukannya dengan mengklik Opsi Impor.
Untuk membuat tabel dari awal, klik item menu “Buat Tabel Baru” untuk mencapai Halaman Tabel Baru.

Buat tabel

Di halaman ini, Anda dapat memberi nama pada tabel Anda dan memasukkan data Anda. Perbedaan penting antara plugin lain dan Tablesome adalah Anda dapat menambahkan baris & kolom saat Anda menambahkan data ke tabel.

Ada delapan tipe data yang tersedia, termasuk Teks, Teks kaya, Email, Nomor, Tanggal, Tautan, Kotak Centang, dan Tombol. Setelah selesai membuat tabel, Anda dapat menyesuaikan tampilannya melalui menu Pengaturan Tabel.

Pengaturan Tabel

Dalam Pengaturan Tabel, Anda dapat memilih untuk mengaktifkan opsi seperti Pencarian, Urutkan, Filter, dan Pagination. Anda juga dapat mengonfigurasi bagaimana Anda ingin tabel beradaptasi dengan layar seluler.

Di bagian Gaya, Anda dapat menyesuaikan tampilan header tabel, isi, batas, font, dan ukuran font.

Saat Anda siap untuk menambahkan tabel ke postingan atau halaman, Anda dapat melakukannya dengan blok Tablesome atau kode pendek jika Anda masih menggunakan Editor Klasik.

Kode Pendek yang Menakjubkan

Berikut adalah contoh tampilan tabel Tablesome di front-end situs:

Front End yang Tampan

3. Buat tabel dengan WP Table Builder

Jika Anda ingin membuat tabel yang lebih indah secara visual, cobalah WP Table Builder.

Pembuat Tabel Wp

Meskipun TablePress sangat bagus untuk menyusun dan menyajikan data, tabelnya tidak terlalu menarik. WP Table Builder sangat baik untuk membuat tabel perbandingan produk, jadwal karyawan, dan bahkan menu restoran.

Dengan antarmuka drag-and-drop yang sederhana, WP Table Builder sangat menyenangkan untuk digunakan.

Cara menggunakan WP Tabel Builder

WP Table Builder dapat diinstal seperti plugin lainnya. Setelah terinstal, Anda akan menemukan menu Table Builder baru yang ditambahkan ke dasbor Anda.

Menu Pembuat Tabel

Mengklik tombol "Tambah Baru" akan menampilkan antarmuka seret dan lepas tempat Anda dapat membuat tabel.

Antarmuka Pembuat Tabel

Saat ini ada lima jenis konten berbeda yang dapat Anda lihat tersedia di kiri atas gambar di atas.

Setelah memilih berapa banyak kolom dan baris yang Anda inginkan (dapat diedit nanti), Anda cukup menarik dan melepas salah satu elemen tersebut ke sel mana pun dalam tabel.

Setelah kurang dari satu menit mengutak-atik plugin ini, saya dapat menyusun awal tabel perbandingan produk.

Contoh Tabel

Sangat mudah untuk melihat bagaimana Anda dapat dengan cepat membuat segala jenis tabel menggunakan plugin ini.

Untuk menambahkan tabel ke dalam posting Anda, itu mudah dilakukan dengan kode pendek. Mengklik tombol "Sematkan" di bagian atas antarmuka mengungkapkan popup ini dengan kode pendek tabel.

Kode Pendek Pembuat Tabel Wp

Maka yang perlu Anda lakukan hanyalah menyalin dan menempelkannya ke blok Kode Pendek untuk memasukkannya ke dalam pos atau halaman mana pun.

4. Gunakan Posts Table Pro

Dua plugin yang kami tampilkan sejauh ini dalam artikel ini adalah plugin tabel statis. Ini berarti bahwa pengguna harus menambahkan data secara manual dan mengubahnya setiap kali mereka ingin memperbarui tabel. Plugin tabel statis sangat cocok untuk menampilkan data terstruktur seperti informasi keuangan.

Posts Table Pro berbeda karena merupakan plugin tabel WordPress yang dinamis. Alih-alih menampilkan data statis, itu secara otomatis menghasilkan tabel menggunakan informasi yang disimpan dalam database WordPress. Ini dapat menghemat banyak waktu dibandingkan dengan menambahkan data secara manual.

Tabel Posting Plugin Tabel WordPress Pro

Anda dapat menggunakan Posts Table Pro untuk membuat tabel yang dapat dicari dari posting blog WordPress, halaman, atau jenis posting khusus apa pun. Kasus penggunaan plugin yang paling banyak adalah membuat pustaka dokumen, indeks posting blog, direktori sumber daya, direktori staf atau anggota, dan pustaka video atau audio.

Mengapa menggunakan Posts Table Pro?

Bergantung pada apa yang ingin Anda tampilkan di tabel, membuat tabel secara otomatis dapat membawa banyak manfaat.

Alih-alih menambahkan data langsung ke tabel, Anda menambahkan posting (atau posting khusus) di admin WordPress. Anda dapat menggunakan semua bidang standar yang disertakan dengan WordPress itu sendiri, dan Anda dapat menggunakan plugin seperti Bidang Kustom Lanjutan atau Pod untuk menambahkan bidang dan taksonomi khusus. Setelah ditambahkan, Anda menggunakan kode pendek Posts Table Pro untuk menyisipkan tabel di mana saja di situs Anda.

Sisipkan Tabel WordPress Dinamis
Posts Table Pro berfungsi dengan gambar, produk WooCommerce, audio, dan banyak lagi

Setelah Anda menyisipkan tabel, Anda tidak perlu memperbaruinya lagi. Setiap perubahan pada posting secara otomatis tercermin dalam tabel, jadi Anda tidak perlu mengingat untuk memperbaruinya secara manual.

Manfaat lain dari menampilkan posting dalam tabel adalah pengguna Anda dapat mengakses halaman terpisah untuk setiap item. Mereka dapat mengklik ke halaman posting tunggal (atau posting khusus) untuk melihat konten lengkapnya. Ini hanya mungkin dengan plugin tabel WordPress dinamis karena, dengan tabel statis, tidak ada halaman yang sesuai untuk setiap item dalam tabel.

Cara menggunakan Posts Table Pro

Jika informasi yang ingin Anda tampilkan sudah ada di situs WordPress Anda (misalnya, posting blog), Anda dapat langsung mengatur Posts Table Pro. Atau, Anda dapat menginstal plugin Pods gratis dan membuat jenis posting khusus bersama dengan semua bidang yang akan Anda tampilkan sebagai kolom dalam tabel.

Anda kemudian dapat menginstal Posts Table Pro dan menggunakan halaman pengaturan untuk mengonfigurasinya. Ada lusinan opsi, dan Anda dapat mengontrol detail seperti kolom tabel, dropdown filter, dan berapa banyak item yang akan ditampilkan per halaman.

Selanjutnya, tambahkan shortcode [posts_table] di mana pun Anda ingin menyisipkan tabel di situs WordPress Anda. Ada banyak opsi kode pendek, misalnya, sehingga Anda dapat membuat daftar item yang berbeda di setiap tabel.

Secara keseluruhan, ini adalah opsi yang sangat baik untuk mencantumkan konten di situs Anda dan lebih unggul daripada alternatif tabel statis.

5. Gunakan Pembuat Tabel JetEngine

Plugin tabel WordPress dinamis lainnya adalah modul JetEngine Tables Builder. Dengan plugin ini, tidak perlu menambahkan data secara manual, karena tabel secara otomatis dibuat dari database WordPress.

Pembuat Tabel JetEngine

Kasus penggunaan paling umum Pembuat Tabel adalah untuk tabel produk WooCommerce, tabel statistik, dan tabel yang didukung oleh API Istirahat (misalnya, tabel IMDb). Dengan plugin tabel ini, Anda dapat membuat tabel data dinamis yang menampilkan: postingan, istilah, komentar, ulasan, produk, atau data SQL.

Bagaimana cara menggunakan Pembuat Tabel JetEngine?

Untuk membuat tabel dinamis dengan plugin JetEngine, ikuti langkah-langkah berikut:

  1. Unduh dan instal JetEngine
  2. Aktifkan modul tabel Dinamis
Opsi Tabel
  1. Buat Kueri dengan pembuat Kueri JetEngine.
  2. Konfigurasikan pengaturan tabel umum (tambahkan judul, pilih Kueri untuk mendapatkan data, ambil data untuk melihat pratinjau tabel).
  3. Tambahkan kolom yang Anda butuhkan.
  4. Sesuaikan gaya tabel.
  5. Tambahkan tabel ke halaman (melalui pembuat halaman Elementor atau Gutenberg).

Dengan Pembuat Tabel, Anda dapat dengan mudah menambahkan tabel dinamis untuk situs web Anda dengan data yang dapat diurutkan dan diperbarui sendiri. Omong-omong, dengan bantuan JetSmartFilters, Anda dapat menambahkan filter ke tabel Anda.

Singkatnya, ini adalah plugin yang sangat baik untuk membangun tabel dinamis.

Bisakah Anda membuat tabel tanpa plugin?

WordPress memang memiliki blok Tabel yang memungkinkan Anda membuat tabel dengan cepat dengan jumlah kolom dan baris khusus, tetapi data Anda kemudian tetap di satu tempat, tidak dapat digunakan kembali, dan tidak akan ditata dengan menarik.

TablePress adalah pilihan yang sangat baik bagi siapa saja yang ingin membuat tabel yang lebih besar dan dapat digunakan kembali yang dapat mereka impor atau ekspor dari situs mereka. WP Table Builder adalah alternatif yang bagus untuk konten visual yang lebih banyak, dan Posts Table Pro sangat cocok untuk membuat daftar konten dinamis di situs.

Jika Anda mencari lebih banyak pilihan di antara plugin, lihat daftar plugin tabel terbaik kami untuk WordPress.

Apakah ada hal lain yang Anda perlukan untuk menambahkan tabel ke situs Anda? Apakah ada yang kurang dalam tutorial ini? Tinggalkan komentar di bawah.