Cara Membuat Menu Sidebar yang Dapat Dilipat di WordPress (Cara Mudah)

Cara Membuat Menu Sidebar yang Dapat Dilipat di WordPress (Cara Mudah)

Apakah Anda ingin membuat menu sidebar yang dapat dilipat di WordPress?

 

Menu yang dapat dilipat dapat memberi pengunjung situs web Anda cara mudah untuk mengakses banyak tautan, tanpa mengacaukan bilah sisi Anda. Ini sempurna untuk situs web besar, toko eCommerce, atau situs apa pun yang memiliki tata letak yang lebih kompleks. 

 

Pada artikel ini, kami akan menunjukkan cara mudah membuat menu sidebar yang dapat dilipat di WordPress.

 

Menampilkan setiap kategori produk dalam menu standar bukanlah ide yang baik. Pembeli mungkin perlu menggulir menu untuk menemukan kategori yang mereka minati. 

 

Di sinilah menu yang dapat dilipat masuk. Menu ini mengatur kontennya dalam hubungan orangtua-anak. Jika pengunjung mengklik item induk dalam menu yang dapat diciutkan, maka item tersebut akan diperluas untuk menampilkan semua konten anak induk tersebut. 

 

Outlet berita Guardian menggunakan menu yang dapat dilipat untuk situs selulernya.

 

Menu yang dapat diciutkan terkadang disebut menu yang dapat diperluas. Ini karena bagian mereka yang berbeda meluas saat pengunjung mengkliknya. 

 

Secara default, menu yang dapat dilipat menyembunyikan banyak konten dan kerumitan dari pengunjung. Ini jauh lebih ramah pengguna daripada menggulir daftar panjang kategori dan subkategori.

 

Menu Bellow Accordion menyediakan kode pendek yang berguna sehingga Anda dapat menempatkan menu yang dapat dilipat di halaman, pos, atau area widget mana pun, termasuk bilah sisi Anda.

 

Setelah aktivasi, buka halaman Appearance » Menus di dashboard WordPress Anda. 

 

Untuk memulai, ketik nama untuk menu Anda di bidang ‘Nama Menu’. Pengunjung situs Anda tidak akan melihat nama tersebut karena hanya untuk referensi Anda sendiri. Anda kemudian dapat mengklik tombol Buat Menu. 

 

Selanjutnya, Anda dapat memilih halaman yang ingin Anda tambahkan ke menu yang dapat dilipat. Secara default, WordPress hanya menampilkan halaman terbaru Anda. Jika Anda ingin melihat daftar semua halaman situs web Anda, klik tab Lihat Semua. 

 

Atau, Anda dapat mengklik Pilih Semua. Ini akan menambahkan semua halaman Anda ke menu yang dapat diciutkan.

 

Setelah menambahkan semua halaman web Anda yang berbeda ke menu, Anda dapat memindahkannya dengan menyeret dan melepaskannya. Ini akan mengubah urutan halaman ini muncul di menu Anda yang dapat diciutkan. 

 

Saat pengunjung mengklik item induk di menu Anda yang dapat diciutkan, item tersebut akan diperluas untuk menampilkan semua konten turunan.

 

Untuk membuat hubungan ini, cukup gunakan seret dan lepas untuk mengatur semua halaman anak Anda di bawah induknya.

 

Selanjutnya, ambil setiap anak dan seret sedikit ke kanan. Anda kemudian dapat melepaskan halaman ini. Ini akan membuat indentasi item dan mengubahnya menjadi halaman anak. 

 

Jangan lupa klik tombol Simpan Perubahan jika sudah selesai.

 

Sekarang kita ingin menambahkan menu yang dapat dilipat ini ke sidebar WordPress. Untuk melakukan ini, kami akan menggunakan beberapa kode pendek yang dibuat secara otomatis oleh Bellows Accordion. 

 

 

Untuk mengambil kode pendek, buka Appearance » Bellows Menu . Jika belum dipilih, maka pastikan Anda memilih tab Show All.

 

Anda sekarang dapat mengklik kotak Shortcode, yang seharusnya menyorot semua kode. Sekarang, salin kode ini menggunakan pintasan keyboard Command + c atau Ctrl + c. 

 

Setelah Anda menemukan area bilah sisi, klik. Bagian ini sekarang akan diperluas.

 

Untuk menambahkan blok, klik ikon + dan mulailah mengetik Kode Pendek. Saat muncul, pilih blok Shortcode. 

 

Sekarang, cukup tempel kode pendek menu yang dapat dilipat ke dalam blok ini. Untuk mempublikasikan menu Anda, Anda harus mengklik tombol Perbarui di bagian atas layar Anda. 

 

Sekarang, ketika Anda mengunjungi situs Anda, Anda akan melihat menu sidebar baru yang dapat dilipat. 

 

Jika Anda ingin mengubah menu default, cukup buka Appearance » Bellows Menu di dashboard WordPress Anda. 

 

Menu ini memiliki semua pengaturan yang Anda butuhkan untuk menyesuaikan menu yang dapat dilipat. Ada banyak pengaturan untuk dijelajahi. Namun, Anda mungkin ingin memulai dengan masuk ke Konfigurasi Utama » Konfigurasi Dasar .

 

Di sini, Anda dapat beralih di antara beberapa warna menu yang berbeda. Anda juga dapat memilih apakah pengunjung dapat memperluas beberapa submenu sekaligus menggunakan pengaturan Accordion Folding. 

 

Untuk mengubah perataan dan lebar menu, klik tab ‘Layout & Position’.

 

Jika Anda lebih suka melihat pratinjau perubahan secara real time, Anda dapat mengedit menu bilah sisi yang dapat dilipat di Penyesuai WordPress. Untuk melakukan ini, buka Appearance » Customize . 

 

Di bilah sebelah kiri, pilih Bellows. 

 

Di sini, Anda akan menemukan banyak pengaturan berbeda untuk bilah sisi yang dapat dilipat. Ini termasuk mengubah lebar, perataan, dan warna menu bilah sisi Anda. 

sumber

Leave a Reply

Your email address will not be published.

logo-whatsapp
1
error: