Pada proses belajar sebelumnya, Belajar membuat WEBSITE untuk pemula Step 3 (Membuat Halaman), kita telah membuat halaman apa saja yang ingin kita tampilkan pada halaman website. Dan sekarang, kita akan mengatur tampilan menu pada website, sehingga menu ini nanti akan memudahkan pengunjung website dalam mencari informasi di website kita. Istilah kerennya adalah memudahkan pengunjung dalam me-navigasi website. :D. Sebagai gambaran, lihat [gbr-01] untuk memvisualisasikan.

menu-01

gbr-01

Jika sudah faham dengan apa yang kita buat, yaitu pengaturan menu, langsung saja login ke halaman admin >> dashboard >> appereance >> pilih menu.

Kemudian kita pilih Menus. Di halaman ini kita bisa membuat  dan mengkonfigurasi menu yang akan ditampilkan untuk website kita.

menu-02

[gbr-02]

Yang pertama , kita buat variabel untuk menunya , yaitu ‘Menu’ dengan cara Add menu kemudian save. Yang kedua kita berikan custom link untuk menu home nya, pada URL kita isikan alamat website kita kemudian beri label dengan nama ‘Home’ kemudian klik ‘Add to Menu’ maka akan tampil dengan posisi seperti yang ditunjuk oleh panah. Untuk setting Theme Location kita setting ke variabel menu yang kita buat klik save. [gbr-02]

Menu yang selanjutnya  kita buat adalah berdasarkan pages-pages yang telah kita buat. Caranya adalah pada bilah Pages , klik View All kkemudian centang semua halaman yang akan ditampilkan sebagai menu. Kemudian klik ‘Add to Menu’.[gbr-03]

menu-03

gbr-03

 

menu-04

gbr-04

Maka seperti [gbr-04] tampilannya. Halaman – halaman yang kita centang tadi akan bertambah dengan sendirinya dibawah bilah Home. Sebelumnya halaman-halaman tersebut belum rapi. Jika kita ingin merapikannya tinggal Drag & Drop kemudian klik Save Menu tentu saja.

Sekarang kita bisa melihat perubahannya pada website kita seperti [gbr-01] tadi 😀 mudah kan…?

membuat Menu Dropdown

Jika kita ingin menambahkan menu dropdown , kembali ke halaman konfigurasi menu kemudian drag posisi menu yang ingin dijadikan dropdown agak menjorok ke dalam/ke kanan. Atau seperti contoh dibawah ini. [gbr-05]

menu-05

gbr-05

Sebenarnya, kita bisa membuat page baru dan menambahkannya ke daftar menu, namun sebagai contoh, kita menggunakan menu yang sudah ada saja seperti langkah [gbr-02] dan [gbr-03]. Setelah selesai klik Save Menu. Kita bisa melihat perubahannya pada website kita. [gbr-06]

menu-06

[gbr-06]

 

Keyword: