Cara Membuat Tabel Di WordPress Menggunakan Elementor Dan TablePress

Rifat elemen Jan 24, 2023

Memiliki akses ke database berbasis tabel adalah fitur praktis untuk banyak situs WordPress. Mereka membiarkan Anda menampilkan data dengan cara yang mudah dipahami oleh pengunjung situs, dan mereka dapat digunakan untuk mengatur, membandingkan, dan mengelompokkan informasi. Oleh karena itu, mengetahui cara membuat tabel di WordPress merupakan keterampilan yang sangat berharga.

Metode tradisional membuat tabel HTML dengan tangan memakan waktu dan tidak efisien. Juga, WordPress tidak memiliki dukungan bawaan semacam ini sampai editor Gutenberg baru keluar, yang memiliki blok tabel. Untungnya, CMS memiliki banyak plugin yang memudahkan penambahan tabel ke situs Anda.

TablePress adalah yang paling banyak digunakan. Buat tabel dengan editor visual dan integrasikan dengan mulus ke dalam tulisan Anda. Fakta bahwa ia memiliki lebih dari 700.000 instalasi dan skor ulasan rata-rata 4,5 bintang menunjukkan bahwa kinerjanya mengagumkan.

Pelajari cara menggunakan Elementor dan TablePress untuk membuat tabel cantik di situs WordPress Anda. Pada artikel ini, kami akan memperkenalkan plugin dan kemampuannya, memandu Anda melalui langkah-langkah membuat tabel baru dan mengimpor serta mengekspornya, dan membahas ekstensi yang relevan.

Buat Situs Web Luar Biasa

Dengan Elementor pembuat halaman gratis terbaik

Mulai sekarang

Tambahkan Tabel ke WordPress

Mari kita bicara tentang plugin yang akan kita gunakan sebelum masuk ke cara sebenarnya dari posting ini.

Seperti yang telah ditetapkan, TablePress menikmati tingkat adopsi tertinggi di antara orang-orang sezamannya. Penjelasan yang paling mungkin untuk ini adalah keramahan penggunanya, terutama untuk pendatang baru. Anda dapat memverifikasi pernyataan itu di bawah. Tetapi plugin memiliki fitur lain yang membedakannya:

  • Impor data dari banyak format–Selain memudahkan pembuatan tabel, TablePress juga memungkinkan Anda mengimpor data dari berbagai sumber (Excel, CSV, HTML, dan JSON). Data spreadsheet Anda akan siap digunakan tanpa perlu entri manual.
  • Eksportabilitas–Dan sebaliknya, Anda dapat mengekspor tabel Anda dari TablePress ke sejumlah jenis file yang berbeda. Ini memberi Anda kebebasan untuk menyalin dan menempelkan data ke dalam spreadsheet Excel atau menggunakannya dengan cara lain yang Anda inginkan.
  • Pengembang Extendability–TablePress telah membuat sejumlah ekstensi selain plugin inti. Anda dapat menambahkan filter kolom, opsi ekspor PDF, dan lainnya ke tabel Anda dengan bantuan mereka. Dalam kesimpulan artikel, kita akan membahas ini lebih lanjut.

Buat Tabel di WordPress Dengan TablePress & Elementor

Kita akan mulai dengan dasar-dasar penggunaan plugin TablePress untuk membuat tabel baru di WordPress.

Instal TablePress

Secara alami, menyiapkan add-on TablePress adalah urutan pertama bisnis. Itu mungkin dengan cara yang sama Anda menginstal plugin WordPress lainnya. Yang harus Anda lakukan adalah menavigasi ke Plugins > Add New, ketik nama plugin di bilah pencarian, lalu klik Instal.

Pastikan untuk mengaktifkan plugin setelah Anda mengunggahnya ke situs Anda.

Tambahkan Tabel Baru

Saat TablePress diaktifkan, opsi baru akan muncul di menu administrasi WordPress. Ketika Anda memilihnya, Anda akan dibawa ke sini.

Setiap dan semua tugas terkait tabel untuk situs WordPress Anda dapat ditangani di bagian ini. Jika Anda memerlukan bantuan, Anda dapat menemukan beberapa tautan ke sumber daya lain di bagian atas.

Pilih tombol Tambah Baru untuk membuat tabel baru. Ketika Anda melakukannya, Anda akan tiba di lokasi berikut:

Untuk membuat tabel, yang harus Anda lakukan adalah memberinya nama, memberinya deskripsi opsional, lalu memutuskan berapa banyak baris dan kolom yang diperlukan. Saat Anda siap, pilih Tambahkan Tabel dari menu.

Isi Tabel Dengan Konten

Setelah ini, Anda dapat mulai memasukkan data ke dalam sel tabel Anda. Anda seharusnya tidak mengalami masalah dengan ini jika Anda memiliki pengalaman menggunakan spreadsheet.

Anda dapat menggunakan ikon panah kecil untuk mengurutkan baris dan kolom, dan Anda dapat menarik dan melepas baris dan kolom untuk menyusun ulang. Jika Anda mencari alasan yang meyakinkan untuk mendukung penggunaan Elementor Pro , Anda dapat menemukannya di sini.

Konfigurasikan Opsi Lanjutan

Opsi tambahan untuk bekerja dengan dan memformat tabel disediakan di bawah ini.

Menggunakan editor canggih yang terletak di bagian atas, Anda dapat menambahkan media seperti tautan dan gambar serta teks. Untuk menambahkan konten ke sel menggunakan salah satu dari tiga metode ini, pilih tombol yang Anda perlukan terlebih dahulu, lalu selnya. Saat Anda mengaktifkan plugin, Anda akan melihat menu pengaturan standar untuk ketiga pilihan tersebut.

Anda juga dapat menyembunyikan baris atau kolom, membuat salinan sel yang sudah ada, menambahkan yang baru, menghapus yang sudah ada, dan menambahkan yang baru. Tunjukkan apa yang ingin Anda ubah dengan mengklik tombol radio yang sesuai di samping.

Pada menu Opsi Tabel, Anda dapat mengubah tampilan tabel, misalnya dengan menambahkan header atau footer. Anda dapat mengubah warna baris, bagaimana tampilannya saat Anda mengarahkan kursor ke baris tersebut, dan bagaimana judul dan deskripsi tabel ditampilkan. Selain itu, Anda dapat menggunakan kelas CSS untuk menerapkan gaya unik Anda sendiri.

Di bagian paling akhir, Anda akan menemukan sekumpulan tombol untuk menyesuaikan berbagai aspek pustaka JavaScript tabel.

Ada bilah gulir horizontal, bilah pencarian, dan bilah nomor halaman, dan tabel dapat diurutkan. Tempat untuk parameter yang ditentukan pengguna juga disediakan.

Tampilkan Tabel di Situs Anda

Dengan menggunakan tombol di bagian bawah halaman, Anda dapat melihat tabel yang sudah selesai atau menyimpannya. Memeriksa kode pendek di pojok kanan atas adalah langkah paling vital setelah menyimpan.

Gunakan itu untuk menambahkan tabel ke situs WordPress Anda. Anda selalu dapat kembali ke daftar tabel dan mengklik Show Shortcode untuk memeriksa tampilannya.

Anda dapat menempelkan kode pendek ke dalam widget teks, postingan, atau halaman untuk membuat tabel muncul di sana.

TablePress juga menambahkan tombol untuk memasukkan tabel ke editor WordPress standar.

Ketika Anda mengklik ini, itu akan menampilkan kode pendek tabel dan tombol untuk menambahkannya ke konten Anda.

Bagaimanapun, ini akan muncul di halaman. Waspadai fungsi pencarian dan nomor halaman.

Gunakan Tabel TablePress di Elementor

Elementor juga memungkinkan Anda untuk menyertakan tabel dalam template Anda untuk hal-hal seperti posting tunggal. Ini mudah untuk dilakukan. Buka saja template yang ingin Anda gunakan, cari widget Shortcode di sebelah kiri (bilah pencarian dapat membantu), dan letakkan di tempat yang Anda inginkan untuk menampilkan tabel.

Kode pendek tabel kemudian harus ditempelkan ke bidang sebelah kiri. Ketahuilah bahwa jendela pratinjau di TablePress hanya menampilkan kode pendek dan bukan tabel Anda yang sebenarnya.

Namun, jangan biarkan hal itu mengganggu Anda. Tabel akan muncul dengan benar di pratinjau atau versi final template.

Mengedit ulang Tabel

Anda dapat kembali ke menu utama TablePress kapan saja untuk melakukan modifikasi pada salah satu tabel Anda. Nama tabel dalam daftar Anda akan dapat diedit saat Anda mengarahkan kursor ke atasnya.

Jika Anda mengklik ini, Anda akan dibawa ke layar pengeditan standar, tempat Anda dapat melakukan penyesuaian yang diperlukan. Saat Anda memperbarui tabel, itu akan mencerminkan perubahan itu di mana pun tabel itu digunakan.

Mengimpor Tabel Dengan TablePress

Seperti yang telah dikatakan, informasi dapat dibawa dari file alih-alih diketik dengan tangan. Jika Anda terbiasa dengan TablePress, Anda akan menemukan bahwa melakukannya semudah membuat tabel baru.

Impor Meja Anda

TablePress > Impor Tabel (juga dapat diakses melalui bilah navigasi) berisi semua pengaturan yang relevan untuk tujuan ini.

Temukan feed data yang cocok untuk digunakan sebagai input terlebih dahulu. Anda dapat melakukannya dengan berbagai cara, termasuk dengan mengunggah file, menggunakan URL, mengakses file di server Anda, atau mengetik (menyalin dan menempel).

Untuk tujuan ini, kita perlu menggunakan file. Untuk melakukannya, pilih tombol Telusuri lalu cari spreadsheet yang ingin Anda tambahkan. Setelah selesai, beri tahu TablePress apa formatnya melalui menu drop-down (CSV, HTML, JSON, atau Excel).

Ini keren karena Anda dapat menggunakan informasi tersebut untuk membuat tabel baru, memperbarui yang sudah ada, atau menambah yang sudah ada. Saat menggunakan tiga metode terakhir, Anda harus memilih tabel yang sesuai secara manual.

Ubah pengaturan sesuai kebutuhan, lalu klik tombol "Selesai".

Periksa dan Format

Mengimpor tabel Anda akan membawa Anda ke halaman yang sama dengan sebelumnya.

Semua informasi Anda harus dimasukkan dengan benar pada saat ini. Jadi, sekarang Anda tinggal mengatur preferensi visual dan fungsional.

Tampilkan di Situs Anda

Kemudian, Anda dapat menggunakan kode pendek yang sama untuk meletakkan tabel yang diimpor di mana saja di situs yang Anda inginkan.

TablePress – Mengekspor Tabel

Terakhir, kita akan berbicara tentang fitur ekspor plugin. TablePress > Export a Table jelas merupakan tempat Anda akan menemukan fungsi ini, tetapi Anda juga dapat mengaksesnya melalui tab di bagian atas menu utama. Layar ini dapat dicapai melalui kedua opsi ini.

Pertama, pilih tabel mana yang ingin Anda ekspor. Anda dapat mengekspor semua tabel di situs WordPress Anda dengan memilihnya satu per satu lalu mengklik tombol Ekspor ke CSV atau Excel. Pilih format ekspor yang diinginkan (Comma Separated Values ​​(CSV), HTML, atau JSON) dan pembatas antara nilai untuk ekspor CSV di bawah (koma, titik koma, atau tab). Anda juga dapat memilih untuk membuat arsip zip. Saat mengekspor beberapa tabel sekaligus, opsi ini diperlukan.

Setelah Anda selesai menentukan pilihan, Anda dapat mendownload file Anda dengan mengklik tombol Download Export File.

Opsi Plugin yang Tersedia

TablePress memiliki menu pilihan yang sangat minim.

Pemformatan tabel melalui cascading style sheets (CSS) adalah fokus utama dari opsi ini. Pengembang telah menyertakan banyak sekali dokumentasi untuk membantu Anda jika Anda membutuhkannya atau jika Anda tidak terbiasa dengannya. Di bawahnya, Anda akan menemukan penggeser yang memungkinkan Anda mengatur ulang urutan item menu utama. Tautan untuk menghapus plugin dan beberapa petunjuk bermanfaat disediakan di bagian bawah halaman. Beberapa fitur tambahan plugin tercantum dalam add-on yang mengikuti, jika itu tidak cukup.

Pengaya TablePress yang Berguna

Seperti yang sudah dikatakan di awal, TablePress memiliki sejumlah plugin yang bisa ditambahkan ke dalamnya. Add-on yang paling membantu dirangkum di bawah ini.

Namun, beberapa telah diberi label sebagai "premium", meskipun semuanya gratis untuk digunakan.

Ini adalah yang telah dibuat dengan susah payah, dan penulis meminta kontribusi uang sebagai imbalan atas distribusinya.

  • Tabel Responsif –Tabel TablePress default tidak ramah seluler. Itu bisa diperbaiki dengan add-on ini. Ada tiga metode untuk membuat tabel yang kompatibel dengan perangkat seluler, masing-masing dengan rangkaian instruksi dan contohnya sendiri.
  • Konversi URL Otomatis –Pengaya ini berguna jika Anda berencana membuat tabel dengan banyak URL. Setiap URL yang ditempelkan akan dibuat dapat diklik tanpa perlu tombol.
  • Plugin Penyortiran DataTables – Mata uang, angka dengan teks, dan rentang tanggal sekarang dapat diurutkan satu per satu.
  • Tombol DataTables – Dengan add-on ini, Anda dapat dengan mudah memasukkan beberapa tombol radio ke dalam tabel Anda. Fitur kemampuan untuk menyalin ke clipboard serta format file PDF dan Excel.
  • DataTables FixedColumns –Menyetel kolom dalam tabel agar tetap diam sementara bagian tabel lainnya digulir secara horizontal.
  • DataTables FixedHeader –Hal yang sama berlaku untuk header dengan solusi kolom.
  • Ubah Kode Pendek [tabel] –Memungkinkan Anda untuk mengubah nama kode pendek TablePress untuk menghindari ketidaksesuaian dengan add-on dan pilihan desain lainnya (atau hanya untuk itu).
  • Impor Tabel Periodik Otomatis –Buat agar data secara otomatis diimpor dari tabel sumber pada interval yang telah ditentukan.

Pikiran Akhir

Ada alasan bagus mengapa TablePress adalah plugin yang paling banyak diunduh untuk pengguna WordPress yang ingin membuat dan menyertakan tabel. Prosesnya disederhanakan dan dibuat lebih menyenangkan sebagai hasilnya. Plugin ini sangat disarankan jika Anda perlu menyusun informasi di situs web Anda.

Anda sekarang tahu cara menggunakan TablePress, cara menampilkan tabel di situs Elementor , cara mengimpor data dari tabel eksternal, dan cara mengekspor tabel dari situs Anda. Juga, kami membahas berbagai plugin dan ekstensi yang dapat digunakan. Prosedurnya sederhana.

Sekarang, Anda harus yakin dengan kemampuan Anda membuat tabel di situs WordPress Anda sendiri.

Divi WordPress Theme