Cara Menambahkan Menu Navigasi di WordPress

Apakah Anda begitu ingin menambahkan menu navigasi ke situs WordPress Anda? Disini Anda akan dapat Menambahkannya dengan Mudah, ikuti Langkah-langkah berikut.

WordPress hadir dengan antarmuka menu drag and drop yang dapat Anda gunakan untuk membuat menu header, menu dengan opsi drop down, dan banyak lagi.

Dalam Artikel kali ini Saya akan menunjukkan Kepada Anda cara menambahkan menu navigasi dengan mudah di WordPress.

Cara Menambahkan Menu Navigasi di WordPress

 

Apa itu Menu Navigasi?

Menu navigasi adalah daftar tautan yang menunjuk ke area penting dari sebuah situs web. Mereka biasanya disajikan sebagai bilah tautan horizontal di bagian atas setiap halaman di situs web.

Fungsi Menu Navigasi

Menu navigasi Berfungsi memberikan struktur situs Anda dan membantu pengunjung menemukan apa yang mereka cari. Berikut tampilan menu navigasi Situs web Saya.

Membuat menu navigasi HTML

 

WordPress membuatnya sangat mudah untuk menambahkan menu dan sub-menu. Anda dapat menambahkan tautan ke halaman , kategori atau topik terpenting Anda , posting blog, dan bahkan tautan khusus seperti profil media sosial Anda dan masih banyak lagi yang lain.

Lokasi menu yang pasti Anda akan bergantung pada tema WordPress Anda . Sebagian besar tema memiliki beberapa opsi, sehingga Anda dapat membuat menu berbeda yang dapat ditampilkan di tempat berbeda.

Misalnya, sebagian besar tema WordPress hadir dengan menu utama yang muncul di bagian atas. Beberapa tema mungkin termasuk menu sekunder, menu footer, atau menu navigasi seluler juga.

Membuat Menu Navigasi Kustom Pertama Anda

Untuk membuat menu navigasi, Anda perlu mengunjungi halaman Customize >> Menu di dashboard admin WordPress Anda. Lalu Anda akan melihat Layar Penyesuaian sebagai berikut.

Membuat menu navigasi dengan bootstrap

Langkah selanjutnya Anda akan di arahkan Ke Tab Pengaturan, Lalu klik Pada kolom Menu.

Membuat menu navigasi di Android studio

Sekarang Anda melihat Daftar Banyak Menu, Untuk Membuat Menu Navigasi Baru, Anda Tinggal klik pada kolom Buat Menu Baru. Seperti Gambar di bawah.

Membuat menu navigasi HTML CSS

Berikutnya, Anda perlu memberikan nama untuk menu Anda, seperti {Top Menu Navigasi} dan kemudian klik Pada tombol {Berikutnya}. Ini akan memperluas area menu, Lihat Gambar di bawah.

Membuat menu navigasi dengan CSS

Setelah Anda menekan Tombol Berikutnya kemudian Klik pada Kolom {Tambahkan Item}, Lihat Gambar dibawah.

Membuat menu navigasi Horizontal dengan CSS

Selanjutnya, Anda dapat memilih halaman yang ingin Anda tambahkan ke menu. Anda dapat menambahkan semua halaman tingkat atas baru secara otomatis, atau Anda dapat memilih halaman tertentu dari kolom Sebelah Kanan.

Membuat menu navigasi

Disini Saya kasih Contoh menambahkan Menu Navigasi dalam Kategori. Klik Centang pada bagian Kategori, Secara otomatis Kategori Akan Ditambahkan Sebagai bagian dari Top menu Navigasi, dan jangan lupa Centang Pada Kolom Primary Untuk menampilkannya Ke Situs Web Anda.

Cara menambah menu navigasi blog

Setelah itu Anda klik Pada Kolom kembali Untuk melihat hasil yang Anda buat.

Membuat menu navigasi di PHP

Menu navigasi Telah dibuat dan hasilnya akan seperti ini, Lalu Anda Klik pada Kolom Terbitkan untuk mempublikasikannya.

Membuat menu navigasi di HtML

Catatan: Semua menu memiliki item yang terdaftar dalam daftar vertikal {atas ke bawah} di editor menu. Saat Anda meletakkan menu secara langsung di situs Anda, itu akan ditampilkan secara vertikal atau horizontal  {kiri ke kanan}, tergantung pada lokasi yang Anda pilih.

Kebanyakan tema memiliki beberapa lokasi berbeda di mana Anda dapat meletakkan menu Tersebut.

Setelah menambahkan halaman ke menu, pilih lokasi di mana Anda ingin menampilkan menu apakah Primary Atau Secondary kemudian klik tombol {Terbitkan} Setelah Anda memilihnya.

Membuat menu navigasi berada di tengah

 

Tip: Jika Anda tidak yakin di mana setiap lokasi, coba simpan menu di tempat yang berbeda, kemudian kunjungi situs Anda untuk melihat tampilannya. Anda mungkin tidak ingin menggunakan semua lokasi, tetapi Anda mungkin ingin menggunakan lebih dari satu.

Membuat Menu Drop-Down di WordPress

Menu drop-down, terkadang disebut menu bersarang, adalah menu navigasi dengan item menu induk dan anak. Saat Anda menjalankan kursor di atas item induk, semua item anak akan muncul di bawahnya dalam sub-menu.

Untuk membuat sub menu, seret item di bawah item induk, lalu seret sedikit ke kanan. Kami telah melakukannya dengan 3 sub-item di bawah ‘Layanan’ di menu kami:

cara membuat menu navigasi blog tetap muncul saat halaman discroll

 

Berikut sub-menu langsung di situs Saya:

Membuat menu navigasi di Excel

 

Anda bahkan dapat menambahkan beberapa lapisan drop down, sehingga sub menu Anda dapat memiliki sub menu. Hal ini dapat terlihat agak berantakan, dan banyak tema tidak mendukung menu drop-down multi-layer.

Menambahkan Kategori ke Menu WordPress

Jika Anda menggunakan WordPress untuk menjalankan blog, Anda mungkin ingin menambahkan kategori blog Anda sebagai drop-down di menu WordPress Anda.

Anda dapat dengan mudah menambahkan kategori ke menu Anda dengan mengklik tab Kategori di sisi kiri layar Menu. Anda mungkin juga perlu mengklik tab ‘Lihat Semua’ untuk melihat semua kategori Anda.

Cukup pilih kategori dan Centang (✓) yang ingin Anda tambahkan ke menu, dan Secara otomatis akan di tambahkan ke menu navigasi.

Membuat menu navigasi horizontal sederhana

Kategori akan muncul sebagai item menu biasa di bagian bawah menu Anda. Anda dapat menyeret dan melepaskannya ke posisinya. Kami akan meletakkan semua kategori ini di bawah item menu Beranda.

Membuat menu navigasi keren di blog

Menambahkan Tautan Khusus ke Menu Navigasi WordPress Anda

Selain kategori dan halaman, WordPress juga membuatnya sangat mudah untuk menambahkan tautan khusus ke menu Anda. Anda dapat menggunakannya untuk menautkan ke profil media sosial Anda , toko online Anda, dan / atau situs web lain yang Anda miliki.

Anda perlu menggunakan tab {Tautan Khusus} di layar Menu. Cukup tambahkan tautan {URL} bersama dengan teks yang ingin Anda gunakan di menu Anda.

Membuat menu navigasi responsisif

Anda bahkan dapat menjadi kreatif dan menambahkan ikon media sosial di menu Anda.

Mengedit atau Menghapus Item Menu di Menu Navigasi WordPress

Saat Anda menambahkan halaman atau kategori ke menu navigasi kustom Anda, WordPress menggunakan judul halaman atau nama kategori sebagai teks link. Anda dapat mengubahnya jika Anda mau.

Item menu apa pun dapat di edit dengan mengklik panah ke bawah di sebelahnya.

Cara membuat menu navigasi responsisif dengan bootstrap

Anda dapat mengubah nama item menu di sini. Di sini juga Anda dapat mengeklik {Singkirkan} untuk menghapus tautan dari menu Anda sama sekali.

Jika Anda kesulitan dengan antarmuka seret dan lepas, Anda juga dapat memindahkan item menu dengan mengeklik tautan {Pindahkan} yang sesuai.

Menambahkan Menu WordPress di Sidebars dan Footers

Anda tidak harus hanya terpaku pada lokasi tampilan untuk tema Anda. Anda dapat menambahkan menu navigasi di area mana pun yang menggunakan widget, seperti sidebar atau footer.

Cukup buka Pengaturan Penampilan>> Widget dan tambahkan widget {Menu Navigasi} ke sidebar Anda.

Cara membuat menu navigasi rata tengah

Selanjutnya, tambahkan judul untuk widget dan pilih menu yang benar dari daftar tarik-turun {Pilih Menu}.

Untuk menambahkan Menu Navigasi di wordpress

Lebih Jauh dengan Menu Navigasi

Jika Anda ingin membuat menu yang benar-benar bagus dengan banyak tautan. Saya sarankan Menggunakan Plugin Mega menu. Dengan Plugin yang satu ini Mudah dibuat dan Memberikan Fasilitas Gratis Setiap Pemilik Situs web.

Mega Menu adalah pilihan yang bagus jika Anda memiliki situs besar, seperti toko online atau situs berita. Jenis menu ini digunakan oleh situs-situs seperti Reuters , Buzzfeed , Starbucks , dll.

Saya berharap artikel ini membantu Anda mempelajari cara menambahkan menu navigasi di WordPress. Anda mungkin juga ingin juga melihat Cara mengubah Ukuran Font di WordPress atau Cara menambahkan Background di wordpress .

Summary
Menu Navigasi
Article Name
Menu Navigasi
Description
Cara paling mudah menambahkan menu navigasi
Author
Publisher Name
Top menu navigasi
Publisher Logo

Tinggalkan Balasan