Apakah Anda ingin menambahkan tabel di posting dan halaman Website? Tabel adalah cara yang bagus untuk menampilkan data dalam format yang dapat dimengerti.
Di masa lalu, Anda perlu menggunakan plugin atau kode HTML untuk membuat tabel di postingan atau halaman Website.
Pada artikel ini, kami akan menunjukkan cara membuat tabel di postingan dan halaman Website tanpa menggunakan plugin atau kode HTML apa pun. Kami juga akan membahas cara membuat tabel tingkat lanjut di Website dengan fitur pengurutan dan pencarian.
Membuat Tabel di Editor Blok Website
Website membuatnya sangat mudah untuk menambahkan tabel menggunakan editor blok Website default.
Cukup buat posting atau halaman baru, atau edit yang sudah ada. Setelah berada di dalam editor konten, klik simbol (+) untuk menambahkan blok baru, lalu pilih ‘Table’.
Anda dapat menemukannya di bawah bagian ‘Formatting’, atau Anda dapat mengetikkan ‘Table’ di bilah ‘Search for a block’.
Selanjutnya, Anda akan diminta untuk memilih berapa banyak kolom dan baris yang Anda inginkan untuk tabel Anda. Kedua angka default ke 2.
Jangan khawatir jika Anda tidak 100% tentang jumlah pastinya karena Anda selalu dapat menambahkan/menghapus kolom dan baris tabel nanti.
Kami telah membuat tabel dengan 3 kolom dan 4 baris:
Anda dapat mengetik di sel tabel, dan mereka akan secara otomatis mengubah ukurannya tergantung pada seberapa banyak konten di masing-masing. Jika Anda lebih suka sel Anda memiliki lebar tetap, maka Anda dapat mengatur opsi ini di sisi kanan.
Anda juga dapat menambahkan bagian header atau footer tabel di sini. Dalam contoh kami, kami telah menambahkan header untuk tabel kami, dan kami juga telah mengatur warna latar belakang menjadi abu-abu di bawah tab ‘Color Settings’.
Jika Anda ingin menambahkan baris atau kolom baru, cukup klik sel pada titik di tabel tempat Anda ingin menambahkannya. Selanjutnya, klik tombol ‘Edit Table’.
Di sini, kami menambahkan kolom baru di sisi kanan tabel kami:
Anda juga dapat menghapus baris dan kolom dengan cara yang sama. Cukup klik pada sel di baris atau kolom yang ingin Anda hapus, dan pilih ‘Delete Row’ atau ‘Delete Column’ dari menu ‘Edit Tabel’.
Secara default, teks di kolom tabel Anda diratakan ke kiri. Anda dapat mengubah ini dengan mengklik di kolom dan kemudian mengklik tombol ‘Change Column Alignment’:
Di sini, kami telah menerapkan perataan tengah ke tiga kolom yang memiliki angka:
Anda juga dapat mengubah perataan seluruh tabel di dalam pos atau halaman dengan mengeklik tombol ‘Ubah perataan’ dan memilih opsi dari daftar.
Perhatikan bahwa opsi ini dapat membuat tabel Anda ditampilkan di luar batas normal area posting Anda. Beberapa mungkin terlihat aneh di situs Anda, jadi pastikan untuk melihat pratinjau posting atau halaman Anda untuk memeriksa tampilannya.
Inilah tabel kami yang disetel ke ‘Wide Widht’ seperti yang muncul di situs:
Seperti yang Anda lihat, itu membentang di luar margin kiri dan kanan area pos.
Alat tabel yang ada di dalam editor Gutenberg memberi Anda banyak fleksibilitas tentang bagaimana Anda menampilkan tabel Anda.
Anda dapat menggunakannya untuk menampilkan data Anda kepada pembaca dalam format yang mudah dipahami. Namun blok tabel tidak memiliki fitur lanjutan tertentu seperti pemfilteran pencarian, penyortiran khusus, dll.
Itu juga tidak memungkinkan Anda dengan mudah menggunakan tabel yang sama di beberapa area situs web Anda seperti widget bilah sisi atau halaman lain.
Untuk membuat tabel tingkat lanjut, Anda perlu menggunakan plugin tabel Website.
Membuat Tabel Menggunakan Plugin TablePress
TablePress adalah plugin tabel Website terbaik di pasar. Ini 100% gratis, dan memungkinkan Anda membuat dan mengelola tabel dengan mudah.
Yang terbaik adalah Anda dapat mengedit tabel Anda secara terpisah dan bahkan menambahkan banyak baris.
TablePress juga menjadi perlu, jika Anda menggunakan editor Website klasik lama yang tidak dilengkapi dengan fungsionalitas tabel.
Pertama, Anda perlu menginstal dan mengaktifkan plugin TablePress. Untuk detail lebih lanjut, lihat panduan langkah demi langkah kami tentang cara menginstal plugin Website.
Anda kemudian akan melihat item menu TablePress di dashboard Website Anda. Pergi ke TablePress » Add New untuk membuat tabel baru.
Anda harus mengetikkan nama untuk tabel Anda dan memutuskan berapa banyak baris dan kolom yang Anda inginkan. Anda selalu dapat menambahkan / menghapus baris dan kolom tabel nanti juga.
Kami akan membuat tabel dengan 4 baris dan 3 kolom:
Setelah Anda menambahkan nama tabel, baris, dan kolom, lanjutkan dan klik tombol ‘Tambah Tabel’ untuk membuat tabel Anda.
Selanjutnya, Anda akan melihat layar dengan informasi tabel Anda dan area tempat Anda dapat menambahkan konten.
Cukup ketikkan data yang Anda inginkan ke dalam sel tabel Anda. Anda dapat mengurutkan kolom data menggunakan panah di atasnya. Ini akan mengurutkan dalam urutan abjad atau numerik.
Ada opsi lanjutan di bawah area ‘Table Content’. Di ‘Table Manipulation’, Anda dapat melakukan hal-hal seperti menambahkan, menghapus, dan menduplikasi baris:
Di ‘Table Options’, Anda dapat menambahkan baris header dan/atau footer, yang tidak akan diurutkan dengan data. Anda juga dapat memutuskan tempat untuk menampilkan nama dan deskripsi tabel:
Terakhir, Anda dapat mengatur berbagai opsi di bagian ‘Features of the Data Tables Java Script library’. Ini memungkinkan Anda membuat tabel responsif yang dapat difilter, dicari, dan diurutkan oleh pembaca Anda.
Setelah Anda puas dengan tabel Anda, klik ‘Save Changes’.
Anda dapat menambahkan tabel Anda ke pos atau halaman mana pun. Cukup tambahkan kode pendek ke blok paragraf atau gunakan blok kode pendek.
Jika Anda menggunakan editor klasik, cukup tambahkan kode pendek langsung ke pos Anda:
Jika Anda ingin mengubah tabel Anda di masa mendatang, Anda dapat kembali ke TablePress di dasbor Anda dan membuat perubahan. Tabel Anda akan diperbarui secara otomatis di setiap pos dan halaman tempat Anda menggunakannya.
TablePress juga memungkinkan Anda untuk mengimpor data dari spreadsheet dan file CSV. Demikian pula, Anda juga dapat mengekspor data tabel TablePress ke dalam file CSV yang kemudian dapat Anda buka dengan program spreadsheet seperti Microsoft Excel atau Google Sheets.
Kami harap artikel ini membantu Anda mempelajari cara menambahkan tabel di postingan dan halaman Website tanpa menggunakan HTML. Semoga Bermanfaat!
