Tambahkan Bilah Sisi Menggunakan Editor Situs

Banyak situs web, terutama blog, dilengkapi bilah sisi untuk menampilkan informasi tambahan, seperti gambar, teks Tentang Saya, tautan ke pos lain, profil media sosial, dan lain-lain.

Panduan ini akan menunjukkan cara menambahkan bilah sisi dengan Editor Situs. Untuk bisa mengikuti cara yang dijelaskan dalam panduan ini, situs Anda harus menggunakan tema yang mendukung Editor Situs.

Dalam panduan ini

1. Buat bilah sisi di Template kosong
2. Tambahkan bilah sisi di Indeks atau Template Arsip

Umumnya, elemen bilah sisi dapat ditambahkan menggunakan blok Kolom dengan rasio layout 70/30 (kolom yang kecil adalah bilah sisi).

Pertama, buka Tampilan → Editor Situs, klik ikon situs Anda di pojok kiri atas dan pilih Template. Selanjutnya, tergantung kebutuhan, Anda bisa mengikuti langkah-langkah berikut ini:

Buat bilah sisi di Template kosong

1. Pilih Template kosong.
2. Klik tombol penyisip blok + dan sisipkan blok Kolom.
3. Atur tampilan dua kolom dan pilih 70/30.
4. Di kolom yang lebih kecil (bilah sisi), tambahkan blok yang Anda inginkan.
5. Di kolom yang lebih besar, tambahkan blok Pos Konten. Nantinya, konten di halaman atau pos yang menggunakan template kosong ini akan ditampilkan secara dinamis (lihat langkah 7.)
6. Klik Simpan.
7. Edit halaman atau pos yang ingin Anda beri bilah sisi. Di sebelah kanan, pada pengaturan, cari pengaturan Template. Pilih Template kosong.

Sekarang, tiap halaman atau pos yang menggunakan template Kosong akan menampilkan bilah sisi di sebelah konten di halaman atau pos tersebut.

Tambahkan bilah sisi di Indeks atau Template Arsip

Pos Anda akan ditampilkan di template Indeks. Template Arsip menampilkan pos dengan kategori atau tag khusus. Jika bilah sisi ditambahkan di salah satu template ini, bilah sisi akan muncul di halaman pos serta di halaman kategori dan halaman tag.

Pertama, buka Tampilan → Editor Situs, klik ikon situs Anda di pojok kiri atas dan pilih Template. Lalu:

1. Pilih Template Indeks.
2. Dari Tampilan Daftar, pilih blok Loop Kuery dan ubah menjadi blok Kolom.
3. Atur blok Kolom menjadi dua kolom di Pengaturan blok kolom.
4. Gunakan Tampilan Daftar, pilih tiap kolom dan atur ke 70% dan yang satunya ke 30%.
5. Di kolom yang lebih kecil (bilah sisi), tambahkan blok yang Anda inginkan.
6. Klik Simpan.

Langkah-langkah ini juga dapat digunakan untuk template lain seperti Halaman, Halaman Depan, Pos Tunggal, 404, atau Pencarian.

Untuk membuat komponen Bilah Sisi yang dapat digunakan ulang, sebaiknya simpan sebagai blok Bagian Template agar lain waktu Anda tinggal menambahkan bilah sisi yang sudah jadi, tidak perlu membuat lagi bilah sisi dari awal untuk tiap template.