Belajar WordPress Part 5 – Mengatur Menu Navigasi WordPress


Belajar WordPress Part 5 – Mengatur Menu Navigasi WordPress

Belajar WordPress Part 5 – Mengatur Menu Navigasi WordPress – Menu navigasi adalah sebuah komponen yang terpenting di dalam sebuah website/blog. tanpa menu navigasi blog akan terlihat hambar. karena menu navigasi lah yang berperan penting dalam memperkenalkan isi dari blog kepada pengunjung.

Contoh nya seperti blog malasngoding.com ini. pada menu navigasi nya saya meletakkan berbagai fitur dari blog malasngoding.com. mulai dari link yang mengarahkan pengunjung ke halaman tutorial, di halaman tutorial nantinya user bisa mencari sendiri tutorial apa yang ingin di pelajari atau sekedar di baca-baca saja.

Baca juga : Membuat menu navigasi dengan JQuery UI

Kemudian lagi pada menu navigasi saya meletakkan link yang mengarah ke berbagai kategori tutorial pemrograman yang ada di malasngoding.com. seperti HTML, CSS, PHP, Javascript, JQuery, Codeigniter dan lain sebagainya. Pokok nya intinya menu navigasi itu penting.

Terlepas dari pengertian dan kegunaan menu navigasi. wordpress telah sukses membuat fitur ini menjadi mudah di gunakan. karena pada wordpress, kita tidak perlu lagi untu mengutak-atik syntax atau source code untuk mengatur menu. baik itu membuat menu, mengedit bahkan menghapus menu langsung secara mudah dengan halaman user interface. tanpa harus mengubah-ubah source code nya lagi. sangat praktis kan teman-teman.

Mengelola Menu Navigasi WordPress

Setelah berkenalan sedikit tentang menu navigasi wordpress di atas tadi, langsung saja kita masuk ke cara membuat menu navigasi, mengedit navigasi, menghapus menu navigasi (mengatur menu navigasi) pada wordpress.

Baca juga : Membuat kategori postingan di wordpress

Pada menu navigasi terdapat yang nama nya dropdown. di mana sebuah menu bisa memiliki child. atau menu turunan. contoh nya ada sebuah menu tutorial. dan pada menu tutorial terdapat menu html, css, javascript dan lain-lain. dan untuk membuat nya di wordpress, kita dapat melakukannya dengan sangat mudah sekali. silahkan simak penjelasan cara mengatur menu navigasi wordpress berikut ini.

Mengatur menu wordpress

Langsung saja login ke halaman wordpress teman-teman. dan menuju halaman pengaturan menu wordpress. appearance -> menus.

cara mengatur menu navigasi wordpress

cara mengatur menu navigasi wordpress

selanjutnya akan di arahkan ke halaman pengaturan menu wordpress.

sampai di sini kita buat dulu menu baru. baru nanti nya kita buat menu navigasi di dalam menu yang kita buat ini.

Cara nya klik pada create a new menu. kemudian akan di arahkan lagi ke halaman pembuatan menu baru. ketikkan nama menu yang ingin kita buat. di sini saya membuat menu dengan nama “menu malas ngoding“. dan kemudian klik tombol create menu.

membuat menu wordpress

membuat menu wordpress

Lalu kita aktifkan dulu menu malas ngoding yang baru kita buat barusan. dengan cara masuk ke tab manage locations.

pengaturan menu wordpress

pengaturan menu wordpress

biasanya lokasi menu tergantung template wordpress yang kita gunakan. ada yang menggunakan beberapa lokasi menu. dan masing-masing nya bisa di setting dengan menu yang berbeda. kebetulan template yang saya gunakan hanya memiliki 1 lokasi menu . yaitu primary menu. dan pilih menu yang kita buat tadi di primary menu. seperti gambar di atas. dan klik save changes.

Mengatur Navigation Menu WordPress

Pada bagian sebelah kiri, terdapat form yang berfungsi untuk membuat menu. bisa itu membuat menu yang mengarah ke page blog, postingan, dan ada juga custom(mengatur link tujuan sesuka hati).

membuat menu wordpress 1

membuat menu wordpress 1

Tambahkan sesuka teman-teman. dan bisa di urutkan sesuka hati dengan cara menyeret nya langsung(drag and drop).

membuat menu wordpress 2

membuat menu wordpress 2

Setelah selesai langsung saja klik save menu. dan lihat hasilnya.

mengatur menu navigasi wordpress

mengatur menu navigasi wordpress

Oke sekian dulu tutorial Belajar WordPress Part 5 – Mengatur Menu Navigasi WordPress. semoga dapat bermanfaat. sampai jumpa di tutorial malasngoding.com selanjutnya.


Diki Alfarabi Hadi

Coding enthusiast. Someone who love learn something new. especially about web programming and web design. happy to share about knowledge and learn from other.

Tutorial Menarik Lainnya

Belajar Wordpress Part 7 - Cara Membuat Halaman Pada Wordpress
Belajar Wordpress Part 4 - Cara Posting Artikel Di Wordpress
Belajar Wordpress Part 3 - Membuat Kategori Postingan Di Wordpress

Diskusi

Belum Ada Diskusi

Tulis Komentar / Pertanyaan

Download ebook belajar HTML & CSS dasar untuk pemula gratis

Download Ebook belajar HTML & CSS dasar untuk pemula gratis.

Ebook ini bisa di download oleh teman-teman yang baru mulai belajar HTML dan CSS dasar tapi tidak tahu mau memulai belajar dari mana. materi pembelajaran sudah di susun secara sistematis dan di dukung contoh gambar.

DOWNLOAD