Mendesain kolom

Anda dapat menggunakan kolom untuk mengatur konten dalam tata letak terstruktur, sehingga situs tampak menarik dan mudah dinavigasi. Di panduan ini, Anda akan belajar cara menyesuaikan aspek desain kolom, seperti warna, perataan, dan tampilan di perangkat seluler.

Untuk menambah atau mengubah warna latar belakang kolom, ikuti langkah-langkah berikut:

1. Pilih Tampilan Daftar di sudut kiri atas editor. Ikonnya tampak seperti tumpukan tiga garis horizontal.
2. Temukan blok Kolom di sini lalu klik:

3. Dalam pengaturan blok Kolom di sisi kanan layar, klik tab Gaya (ikon tampak seperti lingkaran hitam dan putih):

4. Di pengaturan warna, klik “Latar Belakang” dan pilih warna latar belakang.
5. Klik tombol “Simpan” untuk menyimpan perubahan.

Jika ingin warna yang berbeda untuk setiap kolom, ikuti langkah yang sama, tetapi pilih blok Kolom satu per satu di Tampilan Daftar, bukan blok Kolom secara keseluruhan.

Saat Anda menambahkan konten ke kolom baru, kolom tersebut akan diratakan ke bagian atas kontainer kolom secara default. Anda dapat mengubah perataan konten di dalam kolom dengan mengikuti langkah-langkah berikut:

1. Pilih Tampilan Daftar di sudut kiri atas editor. Ikonnya tampak seperti tumpukan tiga garis horizontal.
2. Temukan blok Kolom di sini lalu klik:

3. Pada bilah peralatan yang muncul di atas atau di bawah kolom yang dipilih, klik pilihan perataan vertikal:

4. Pilih dari “rata atas“, “rata tengah“, atau “rata bawah” agar semua konten di dalam kolom berada di bagian atas, tengah, atau bawah kontainer kolom.

Jika ingin perataan yang berbeda untuk setiap kolom, ikuti langkah yang sama, tetapi pilih kolom satu per satu di Tampilan Daftar, bukan keseluruhan kolom. Dengan demikian, Anda dapat menciptakan tata letak yang tersebar seperti ini:

Ketika menggunakan tata letak kolom, penting untuk mempertimbangkan bagaimana tampilan kolom Anda bagi pengunjung situs yang menggunakan perangkat seluler. Ponsel memiliki layar yang lebih kecil, sehingga jika beberapa kolom dimuat dalam satu baris mungkin tidak rapi hasilnya dan konten jadi sulit dibaca.

Anda dapat memilih untuk “menumpuk” kolom di layar seluler sehingga kolom muncul dalam satu baris vertikal, bukan dalam satu baris horizontal:

1. Pilih blok Kolom, dengan menggunakan Tampilan Daftar atau bilah peralatan blok.
2. Dalam pengaturan blok Kolom di sisi kanan layar, hidupkan/matikan tombol “Tumpuk di perangkat seluler“:

Tombol ini menentukan apakah kolom ditampilkan secara horizontal atau ditumpuk secara vertikal ketika halaman atau pos dilihat pada perangkat seluler. Berikut adalah contoh tumpukan kolom jika dilihat di layar desktop/laptop dibandingkan dengan di layar perangkat seluler: