Cara Menempatkan Menu di Setiap Halaman WordPress

Apakah Anda ingin tahu cara memilikinya menu di setiap halaman WordPress? Ada banyak kasus di mana Anda memerlukan menu berbeda pada halaman berbeda.

• misalnya, Anda mungkin memiliki situs web satu halaman tetapi menginginkan toko khusus atau halaman kontak. Dalam hal ini, tautan navigasi menu atas tidak dapat digunakan pada halaman terpisah tersebut (misalnya, kontak atau toko) karena tautan tersebut diatur untuk memandu pengguna melalui bagian berbeda pada halaman yang sama (misalnya, halaman beranda Anda).

Kasus lainnya bisa terjadi ketika pengguna berada di halaman toko Anda. Karena halaman tersebut memiliki fungsi yang berbeda dari situs web lainnya, Anda mungkin ingin menggunakan menu atas untuk menampilkan kategori produk Anda atau informasi relevan lainnya bagi mereka yang ingin melakukan pembelian.

Di sini Anda dapat membaca tentang: Cara Menambahkan Formulir Berlangganan di WordPress

Untuk mencapai hasil yang diinginkan, Anda harus membuat menu di setiap halaman WordPress untuk setiap skenario ini dan menampilkannya hanya di halaman tersebut. Untungnya, karena WordPress memiliki komunitas yang besar di belakangnya, Anda dapat mencapainya dengan bantuan plugin gratis.

Metode untuk memiliki menu di setiap halaman WordPress

Sekarang, mari kita lihat bagaimana Anda dapat menempatkan menu di setiap halaman WordPress:

Metode 1: Menu di Setiap Halaman WordPress

Berikut langkah-langkah yang harus Anda ikuti untuk memiliki menu di setiap halaman WordPress:

Bagian 1: Instal plugin gratis untuk memiliki menu di setiap halaman WordPress

Untuk menyiapkan menu berbeda pada halaman tertentu, Anda perlu menggunakan plugin Menu Bersyarat. Untuk menginstalnya, ikuti langkah-langkah di bawah ini:

1. langkah 1: Dari dashboard WordPress Anda, buka Plugin → Tambah Baru
2. Langkah 2: Di bilah pencarian, cari "Menu bersyarat» dan install hasil pertama (screenshot)

3. langkah 3: Setelah terinstal, klik Mengaktifkan.

Bagian 2: Membuat menu berbeda untuk halaman berbeda

Untuk membuat menu untuk setiap halaman perlu:

1. langkah 1: Pergi ke Dasbor WordPress → Tampilan → Sesuaikan → klik Menu
2. Langkah 2: Tambahkan menu baru, sebut saja «Menu halaman kontak» (atau nama lainnya)
3. Langkah 3: Tambahkan item menu untuk setiap halaman atau tautan khusus dan klik menerbitkan
4. Langkah 4: Ulangi proses untuk semua menu lain yang Anda perlukan.

Bagian 3: Kelola lokasi setiap menu

Pergi ke Tampilan → Menu → Kelola lokasi dan mulailah menyesuaikan menu Anda di setiap halaman WordPress dengan mengikuti langkah-langkah berikut:

1. langkah 1: Klik + Menu bersyarat untuk menambahkan menu baru di lokasi yang sama (misalnya Menu Utama)
2. langkah 2: Pilih menu yang ingin Anda tambahkan
3. langkah 3: Klik + Kondisi untuk memilih tempat di mana Anda ingin menu spesifik tersebut muncul
4. langkah 4: Klik Simpan Perubahan dan kunjungi halaman tersebut untuk memastikannya berfungsi dengan benar;

Ulangi proses yang sama untuk sejumlah halaman terpisah.

Metode 2: Cara Membuat Menu Berbeda di Setiap Halaman WordPress

Menu adalah konten dasar dari setiap situs web; membantu pengunjung menemukan halaman yang mereka butuhkan dengan mudah. Namun, pada situs web dengan struktur kompleks, Anda mungkin ingin setiap grup halaman memiliki menu terpisah. Untuk menyesuaikannya seperti itu, Anda memerlukan plugin untuk membuat menu berbeda dan menetapkannya ke halaman/grup halaman Anda.

Dalam metode ini, kami akan menunjukkan kepada Anda secara mendalam bagaimana melakukannya dengan cara tercepat. Namun pertama-tama, mari kita lihat bagaimana membuat menu terpisah untuk setiap halaman dapat membantu Anda dalam situasi tertentu.

Bagian 1: Gunakan aplikasi pembuatan menu di setiap halaman WordPress

Memiliki menu terpisah untuk setiap halaman dapat membantu Anda jika:

1. Anda ingin menampilkan halaman produk di menu halaman beranda. Setiap halaman produk akan memiliki menu tertentu yang memiliki submenu yang terhubung dengan halaman informasi produk. Misalnya menu pada halaman produk akan berisi informasi seperti harga, negara asal produk yang bersangkutan.
2. Anda memiliki situs web toko berantai dan setiap toko diwakili pada halaman terpisah. Menu halaman beranda akan mengarahkan Anda ke halaman toko. Setiap halaman toko akan memiliki menu halaman penting sendiri seperti produk, alamat, pesanan, dll.

Agar lebih mudah memahaminya, kita akan mengambil contoh website bisnis buah-buahan. Situs web ini memiliki menu default di halaman beranda yang mengarah ke dua halaman, Apple dan Banana.

Kami akan membuat dua menu terpisah lagi untuk dua halaman ini menggunakan plugin Menu Bersyarat. Ini adalah langkah-langkah untuk melakukannya:

Bagian 2: Instal dan aktifkan plugin Menu Bersyarat

Plugin Menu Bersyarat gratis dan tersedia di wordpress.org . Anda hanya perlu menginstal dan mengaktifkannya seperti plugin gratis lainnya.

1. langkah 1: Selanjutnya, pergi ke Penampilan> Menu, mengubah Kelola lokasi dan Anda akan melihat + Menu bersyarat ditambahkan oleh plugin:

Bagian 3: Membuat menu untuk setiap halaman WordPress

1. langkah 1: Sekarang kita akan membuat menu terpisah untuk halaman Apple dan Banana. Untuk melakukan ini, ayo Penampilan> Menu > Sunting menu > membuat menu baru .

2. langkah 2: Selanjutnya kita akan memberi nama pada menu tersebut, pilih posisi tampilan menu tersebut (Saya ingin menampilkannya di tajuk), lalu klik Buat menu.

3. langkah 3: Di bagian Tambahkan item menu, Anda harus menambahkan halaman sebagai submenu. Tambahkan dua halaman itu Asal Apely Harga Apel al menu apel. klik di menu Simpan.

4. langkah 4: Sekarang lakukan langkah yang sama untuk membuat menu terpisah untuk halaman tersebut pisang:

Bagian 4: Menyiapkan menu di setiap halaman WordPress (bersamaan)

1. langkah 1: Masih masuk Penampilan> Menu, mengubah Kelola lokasi dan pilih + Menu bersyarat:

2. langkah 2: Dari daftar, pilih menu (saya memilih Menu Apple). Klik + Kondisi untuk mengatur tempat menampilkannya:

CATATAN: Jendela pop-up baru akan muncul dan Anda akan melihat berbagai tab untuk dipilih. Anda dapat memilih untuk menampilkan menu pada setiap kategori, jenis posting, taksonomi, peran pengguna atau halaman beranda, halaman 404, dll.

3. langkah 3: Pilih tab Halaman dan halaman Apple untuk mengatur menu di halaman ini.

4. langkah 4: Lakukan hal yang sama dengan Menu Pisang.

5. langkah 5: Terakhir, jangan lupa klik Simpan Perubahan, atau semua yang telah Anda lakukan akan hilang.

Sekarang Anda harus pergi ke antarmuka WordPress untuk memeriksa hasilnya.

Seperti yang Anda lihat, halaman beranda, halaman Apple, dan halaman Pisang kini memiliki tiga menu berbeda.

Jenis Menu di setiap halaman WordPress

Navigasi yang nyaman di suatu situs sangat penting. Oleh karena itu, sangat penting untuk membuat menu khusus per halaman yang terorganisir dengan baik dan mudah diikuti oleh pengguna. Namun, website tidak selalu membutuhkan menu yang seragam di semua halaman karena setiap halaman memiliki tujuannya masing-masing. Apakah Anda ingin membuat menu berbeda di setiap halaman WordPress? Mari kita lihat di bawah mana opsi terbaik yang dapat Anda gunakan:

Plugin terbaik untuk menu berbeda di setiap halaman wordpress

Bayangkan, Anda memiliki situs web satu halaman. Di sana Anda memerlukan halaman terpisah dengan formulir kontak dan chatbot atau halaman toko yang relevan. Dan secara teknis tidak mungkin untuk menerapkannya karena mereka hanya akan memandu pengguna melalui berbagai bagian halaman arahan.

Katakanlah pengunjung datang ke halaman toko Anda. Anda harus memiliki menu tertentu di header untuk menampilkan kategori produk, informasi pengiriman, tombol Tambahkan keranjang, dll. Namun, Anda mungkin menghadapi masalah yang sama seperti kasus sebelumnya. Atau Anda dapat melihat bahwa menu halaman beranda diduplikasi di halaman toko.

Ini tidak akan berfungsi dengan baik, bukan? Setiap halaman harus memiliki menu yang relevan. Namun, mungkin sulit untuk menerapkannya pada halaman yang berbeda. Jangan takut, di sini kami menawarkan Anda banyak solusi untuk memenuhi kebutuhan ini. Namun sebelum memberi tahu Anda cara membuat menu di setiap halaman WordPress, mari kita fokus pada alat utama yang akan membantu Anda mengatur menu kustom per halaman.

1. JetBlock

Mari kita mulai JetBlocks. Plugin ini memungkinkan Anda membuat header dan footer spesifik yang sesuai dengan kebutuhan situs web Anda. Dengan JetBlocks, sangat mudah untuk menambahkan elemen yang diperlukan ke header dan membuat menu khusus:

1. Formulir Masuk
2. Formulir pendaftaran
3. Formulir pencarian
4. dan keranjang WooCommerce,
5. Menu navigasi
6. Panel yang dapat diperluas.

Selain itu, Anda dapat menambahkan dan menyesuaikan logo situs web, menyisipkan tautan otorisasi, dan elemen lainnya untuk membuat menu khusus yang menakjubkan per halaman.

Anda dapat mendownloadnya dari di sini

2. Menu Jet

JetMenu siap membantu Anda merancang menu mega. Dengan bantuan plugin ini, Anda dapat membuat dan menyesuaikan setiap item, menambahkan berbagai item dan lencana, serta menyesuaikannya juga.

Selain itu, Anda dapat mengubah latar belakang item menu, mendesain tipografi menu, menerapkan mode Hover, dll. Kami yakin kemungkinan plugin JetMenu tidak terbatas. Ini adalah salah satu alat terbaik untuk membuat menu di setiap halaman WordPress.

Anda dapat mendownloadnya dari di sini

3. Inti Tema Jet

dengan JetThemeCore, Anda dapat membuat templat tema khusus dan templat untuk halaman seperti 404. Dan tentu saja, membuat header tanpa batas dan menetapkannya untuk halaman berbeda. Prosesnya intuitif dan dipikirkan dengan matang, jadi Anda tidak memerlukan pengetahuan tambahan untuk menulis kode atau apa pun. Jika Anda hanya memiliki plugin JetThemeCore, itu cukup untuk membuat menu khusus per halaman dan menambahkan konten spesifik apa pun ke dalamnya. Setidaknya Anda dapat menggunakan header yang telah dibuat sebelumnya dan membuat beberapa perubahan di sana.

Anda dapat mendownloadnya dari di sini

Cara mengkonfigurasi dan membuat menu di setiap halaman WordPress

Pertama-tama, pastikan Anda telah menginstal semua plugin yang diperlukan. Jika Anda sudah mengetahui cara membuat header, lanjutkan ke bagian mendesain menu dan mengonfigurasinya di halaman berbeda. Sekarang, mari kita mulai bekerja.

Bagian 1: Header Sederhana dengan Widget Menu Mega

1. langkah 1: Untuk menambahkan header ke situs web Anda. Di sana Anda akan melihat bagian dari tema,di mana Anda akan menambahkan header.
2. langkah 2: Klik tombol Tambah baru, Pilih jenis templat: tajuk dan pilih nama untuk itu.
3. langkah 3: Anda akan diarahkan ke halaman Elementor tempat keajaiban akan dimulai.
4. langkah 4: Tambahkan bagian dan pilih tata letak yang sesuai, misalnya Lebar Konten: di dalam kotak, Tetapkan parameter yang Anda butuhkan.

Widget di menu di setiap halaman WordPress

Widget Menu Mega patut Anda perhatikan jika Anda ingin membuat menu per halaman khusus yang spektakuler.

1. langkah 1: Cari Mega Menu Widgets di panel item.

CATATAN: Ada dua opsi yang tersedia: Menu Mega Vertikal dan Menu Mega sederhana

2. langkah 2: Sekarang, kita akan fokus pada yang terakhir. Setelah menyeret widget, Anda dapat melihat tab pengaturan di sidebar kiri.
3. langkah 3: Mencari kadar, terungkap Umum dan Pilih menu di sana.
4. langkah 4: Pilih antara Layar Menu atau kembali ke dashboard WordPress — Penampilan- Menu.
5. langkah 5: Sekarang Pilih menu yang ingin Anda kerjakan atau buat yang baru.
6. langkah 6: Setelah Anda membuat menu, Anda akan melihatnya di daftar menu yang tersedia di Elementor.

CATATAN: Jangan lupa untuk meletakkan menu versi desktop dan mobile website Anda untuk memastikan desainnya responsif.

Tab Gaya, Anda dapat menyesuaikan menu masa depan Anda: mengatur perataan, mengubah latar belakang, jenis batas, atau bayangan kotak. Temukan yang paling cocok untuk Anda.

Selain itu, Anda dapat menata font dan mengubah status aktif dan status gulir. Jika Anda memiliki beberapa item submenu, ubahlah menggunakan tab pengaturan Item menu desktop.

Pengaturan menu pada setiap halaman WordPress

1. langkah 1: Untuk menyetel tajuk ini ke lokasi tertentu, buka Pengaturan tajuk di Elemen.
2. langkah 2: Menu ini akan membantu Anda mengubah status header dan mengatur kondisi tampilannya melalui menu drop-down: seluruh situs web, halaman tunggal atau arsip. Misalnya, pilih seluruh situs.

Bagian 2: Menu Mega dan Plugin JetMenu

Seperti yang telah kita ketahui, JetMenu istimewa karena memungkinkan Anda menambahkan konten apa pun ke menu bersyarat Anda. Mari kita manfaatkan kemungkinan tak terbatasnya bersama-sama.

1. langkah 1: Di Dasbor WordPress — Tampilan — Menu.
2. Langkah 2: Cari menu yang ingin Anda sesuaikan atau buat yang baru.

CATATAN: Jika Anda ingin membuat menu dengan beberapa submenu terperinci, Anda perlu menambahkan beberapa menu lagi melalui tab yang sama Menu WordPress. Jadi untuk setiap kategori yang Anda miliki di menu utama, Anda harus membuat beberapa submenu yang berbeda.

Menyiapkan menu di setiap halaman WordPress dengan JetMenu

1. langkah 1: Di setiap item menu, cari item JetMenu, tempat Anda dapat bermain-main dengan pengaturannya.
2. langkah 2: Aktifkan Submenu besar dan tekan Edit Konten Item Menu Mega untuk memperkaya menu Anda dengan item lain dan mempersonalisasi item.
3. langkah 3: Pada halaman Elementor, pilih bagian dengan jumlah kolom yang diperlukan.
4. langkah 4: Tarik Widget Menu Mega Vertikal ke kolom pertama, di tab konten di sidebar kiri
5. langkah 5: Pilih menu yang ingin Anda sisipkan.
6. langkah 6: Terakhir, Tambahkan submenu yang Anda buat ke panel admin WordPress. Anda dapat dengan mudah menyalin widget dan menempelkannya ke bagian kedua.

Setelah ini Anda dapat menggunakan tab tersebut Gaya dan sesuaikan elemen, atur lebar, tinggi, tipografi, ruang yang diperlukan, dll.

Dalam pengaturan utama JetMenu, Anda dapat melihat posisi Mega Menu, menambahkan ikon apa pun ke menu Anda (Pilih dari yang telah dibuat sebelumnya atau unggah file svg), menerapkan lencana teks apa pun ke item menu, menyesuaikan ukuran menu, dll.

Saran profesional

Menggunakan Elementor, Tambahkan header di atas menu (misalnya salinan halaman sebelumnya), masukkan elemen tertentu dengan widget JetBlocks dan perbarui.

Namun, kami mengalami masalah saat mengatur menu ini di halaman lain. Untuk mengatasinya, lakukan hal berikut:

1. langkah 1: pergi ke Pembuat Tema sekali lagi, buat template header baru, salin header atau buat yang baru
2. langkah 2: Pilih Mega Menu yang baru saja Anda buat di tab Konfigurasi umum untuk menampilkannya dan menambahkan widget Breadcrumbs.
3. langkah 3: Di tab Pengaturan header: Kondisi, pilih Tunggal dan Sampul untuk menempatkan header yang Anda buat di halaman beranda dan membiarkan header yang dibuat sebelumnya di halaman lain situs web Anda.

Bagian 3: Membuat Menu di Setiap Halaman WordPress (Menu Dropdown)

Katakanlah Anda memiliki halaman terpisah dengan formulir kontak dan Anda ingin memberinya header yang berbeda. Cukup ikuti langkah-langkah ini:

1. langkah 1– Buat template baru di pembuat tema, salin bagian atas header utama dan pada tahap ini tambahkan menu dropdown.

CATATAN: Intinya sama, Anda dapat menambahkan menu yang sudah ada atau membuat menu custom baru per halaman sesuai kebutuhan Anda: menu sederhana atau menu mega dengan elemen variabel. Ubah posisi wadah, mainkan pengaturannya, atur gayanya, dll.

2. langkah 2: Terakhir, atur tajuk khusus ini untuk halaman tertentu, menggunakan opsi Tunggal tab Syarat dan menunjukkan nama halaman Kontak Anda.

Anda mungkin juga tertarik membaca tentang: Cara Membuat Menu Dropdown di WordPress

Kesimpulan

Itu saja cara membuat menu di setiap halaman WordPress dan mengkonfigurasinya. Kami hanya memberikan tiga di antaranya, namun kami yakin ada metode lain untuk membuat menu khusus per halaman.

Seperti yang Anda lihat, menggunakan menu bersyarat untuk membuat menu berbeda untuk halaman berbeda sangatlah sederhana dan berguna. Selain itu, plugin ini juga memberi Anda opsi fleksibel untuk membuat menu terpisah untuk jenis posting, kategori, taksonomi, peran pengguna, dll., atau bahkan 404 halaman.