Panduan Lengkap Input dan Styling Tabel di Post Artikel

by

Setelah di kesempatan sebelumnya kita mengulas terkait cara menambahkan tabel di artikel. Di kesempatan kali ini kita akan melompat ke panduan komprehensif dan super lengkap tutorial langkah demi langkah penekanan tombolnya di dalam editor untuk membuat dan styling tabel. Mari kita bedah Panduan Teknis Langkah demi Langkah Membuat dan Mengelola Tabel di Gutenberg WordPress secara total, mendalam, dan anti-gagal, bahkan untuk pengguna sebuta teknologi apa pun!

PANDUAN TEKNIS: MEMBUAT & MENGELOLA TABEL DI GUTENBERG

Kita bagi tutorial ini menjadi 3 tahapan utama: Pembuatan Awal, Pengisian & Modifikasi Struktur, serta Penyetelan Pengaturan SEO/UX.

LANGKAH 1: MEMBUAT TABEL PERTAMA

Di editor Gutenberg, kamu tidak perlu menyentuh kodingan HTML <table> sama sekali. Ikuti langkah instan ini:

  1. Buat Baris Baru: Letakkan kursor di area editor tempat kamu ingin menyisipkan tabel, lalu tekan Enter.
  2. Panggil Blok Tabel: Ketik perintah cepat /table lalu tekan Enter, atau klik tombol plus (+) di sisi kanan/atas editor dan cari blok bernama Table.
  3. Tentukan Fondasi Awal: Begitu blok muncul, WordPress akan memunculkan kotak dialog kecil yang meminta komitmen awalmu:
    • Column Count: Masukkan jumlah kolom (ke samping) yang kamu butuhkan.
    • Row Count: Masukkan jumlah baris (ke bawah) yang kamu butuhkan (termasuk baris untuk judul kolom).
  4. Eksekusi: Klik tombol Create Table. Selamat, kerangka tabel transparanmu sudah meluncur di layar!

LANGKAH 2: PENGISIAN DATA & MODIFIKASI STRUKTUR

Setelah kerangka jadi, di sinilah proses pengisian dan manipulasi data dilakukan jika di tengah jalan kamu kekurangan baris atau kelebihan kolom.

  • Mengisi Data: Cukup klik pada salah satu kotak (sel), lalu ketik teks atau angkamu seperti biasa. Kamu bisa menggunakan tombol Panah (Arrow Keys) di keyboard untuk berpindah kotak secara cepat tanpa menyentuh mouse.
  • Menambah/Menghapus Baris atau Kolom: Jika di tengah jalan data belanjaanmu bertambah, jangan panik. Klik salah satu sel di dekat area yang mau diubah, lalu periksa Floating Toolbar (bilah menu melayang di atas tabel). Klik ikon Edit Table (ikon berbentuk kotak tabel kecil), lalu pilih opsi yang sesuai:
    • Insert Row Before / After: Menambah baris di atas atau di bawahnya.
    • Delete Row: Menghapus baris yang sedang aktif.
    • Insert Column Before / After: Menambah kolom di kanan atau kirinya.
    • Delete Column: Menghapus kolom secara instan.

LANGKAH 3: PENYETELAN PENGATURAN BLOK (PENGUNCI SEO & UX)

Ini adalah langkah pembeda antara blogger amatir dan webmaster profesional. Setelah data terisi, arahkan pandanganmu ke Bilah Pengaturan di Sisi Kanan Layar (Block Settings). Jika tidak muncul, klik ikon roda gigi di pojok kanan atas.

Lakukan penyetelan wajib ini:

  1. Ubah Gaya Visual (Styles): Di bagian paling atas pengaturan blok, ada pilihan Default dan Stripes. Pilih Stripes. Ini akan otomatis membuat baris tabelmu belang-belang abu-abu putih agar data tidak membingungkan mata pembaca.
  2. Aktifkan Pengunci Snippet (Table Settings):
    • Header Section (Wajib): Geser tombol toggle ini ke warna biru. Ini akan memotong baris pertama menjadi area judul kolom yang tebal (<th>) secara otomatis.
    • Footer Section (Opsional): Aktifkan jika tabelmu berisi perhitungan total angka di paling bawah.
    • Fixed Width Table Cells: Aktifkan hanya jika isi teks di semua kolom memiliki panjang kata yang seragam agar lebar kotak membagi rata secara estetis. Jika ada satu kolom yang isinya kalimat panjang, biarkan opsi ini mati.
  3. Aktifkan Fitur Penyelamat HP (Rekomendasi Utama):
    • Cari toggle bernama Scroll / Allow Horizontal Scrollbar dan aktifkan. Langkah ini mengunci agar tabelmu tidak hancur berantakan saat dibuka lewat layar smartphone pembaca.
  4. Isi Keterangan Dasar (Caption): Di bawah tabel fisik di editormu, klik tulisan samar “Write caption…” lalu ketik satu kalimat ringkas yang menggambarkan isi data tabel tersebut lengkap dengan kata kuncimu.

Mudah, tapi tidak sederhana: Melakukan Setting pada Tabel!

Ternyata membuat tabel di WordPress tidak semenakutkan yang dibayangkan, bukan? Memang di awal rasanya agak sedikit kaku dibanding Microsoft Word, tapi dengan mengikuti empat aturan setelan di atas, tabel buatanmu kini tidak hanya terlihat cantik dan rapi saat dibuka di HP Cak Bejo, tapi juga sudah memiliki struktur kode HTML yang ‘lezat’ untuk diendus oleh robot crawler Mbah Google. Setelah urusan tombol teknis ini beres, sekarang saatnya kita naik kelas ke babak paling mahal: bagaimana menyiasati agar data di dalam tabel ini bisa langsung dicomot oleh Google untuk dipajang di peringkat paling atas hasil pencarian lewat trik SEO tingkat tinggi!. Mari lanjut ke optimasi SEO maksimal untuk tabel di post.

Leave a Comment