Mudah! Begini Cara Membuat Menu di WordPress

Saat membuat website menggunakan WordPress, tentunya Pins ingin memiliki tampilan situs terbaik. Menu navigasi merupakan salah satu komponen penting untuk memudahkan para pengguna agar bisa mengakses situs. Maka itu, penting untuk tahu bagaimana cara membuat menu di WordPress.

Untungnya, kini versi terbaru WordPress menghadirkan fitur yang memudahkan kamu dalam membuat menu navigasi sesuai keinginan. Bahkan, Pins tidak cuma bisa menambahkannya saja, tapi juga mengubah menu yang sudah ada agar sesuai dengan kebutuhan.

Untuk tahu bagaimana cara lengkapnya, langsung saja simak ulasannya berikut ini.

Cara Membuat Menu WordPress di Dashboard

Perlu diketahui bahwa ada 2 cara untuk membuat menu di WordPress yang bisa kamu coba yaitu melalui dashboard WordPress secara langsung. Atau juga membuatnya langsung di live customizer.

Sekarang mari kita pelajari bagaimana cara membuat menu navigasi melalui dashboard WordPress. Di fitur ini, Pins bisa membuat menu sederhana termasuk menu drop-down melalui fitur drag-and-drop.

1. Buat Menu Baru

Pertama, buka  Appearance > Menus di area admin WordPress. Jika Pins sama sekali belum membuat menu navigasi, Pins bisa memilih Create a New Menu seperti gambar berikut.

Di sini Pins bisa memberikan nama menu baru. Kita ambil contoh dengan nama “main menu”. Setelah itu pilih tombol Create Menu hingga tampil layar seperti berikut:

Seperti yang Pins lihat, ada beberapa opsi yang tersedia. Di sebelah kiri, ada daftar halaman, kategori, tab tautan khusus, dan beberapa fitur lain tergantung pada tema Pins.

Di sebelah kanan, ada area Menu Structure tempat mengedit dan memesan item menu. Lalu area Menu Settings yang memungkinkan kamu untuk memilih lokasi menu dan opsi untuk menambahkan halaman baru ke laman menu secara otomatis.

Baca juga: Panduan Cara Membuat Website dengan WordPress

2. Tambahkan Item Menu

Di bagian ini, Pins bisa memilih halaman, kategori, atau menambahkan tautan khusus dari panel kiri. Lalu klik tombol Add to Menu. Dan dalam sekejap, item menu Pins akan muncul di kolom kanan.

Berikutnya, Pins bisa menambahkan beberapa tautan untuk mengarahkan pengunjung ke halaman lain atau sub-domain. Caranya adalah dengan memilih fitur Custom Links.

Kemudian tambahkan tautan Pins di area teks URL, dan nama menu di Link Text. Kemudian tekan tombol Add to Menu. 

3. Menu Dropdown

Untuk membuat menu drop down, pertama tambahkan item sub-menu yang ingin Pins gunakan. Kemudian tarik item sub-menu sedikit ke kanan seperti gambar di bawah ini:

Drop down adalah cara untuk membuat menu Pins lebih rapi dan lebih mudah dinavigasi. Selain itu, Pins dapat membuat lebih banyak sub-menu di bawah menu yang sudah ada atau membuat menu drop-down multi-level yang disesuaikan dengan kebutuhan.

4. Properti Menu Lanjutan (Advanced Menu Properties)

Di bagian ini, Pins bisa mengaktifkan menu navigasi yang tersembunyi. Caranya adalah klik tab Screen Options di kanan atas layar. Kemudian periksa Advanced Menu Properties yang ingin Pins aktifkan:

Pins akan menemukan opsi berikut, yang masing-masingnya bisa ditambahkan ke item menu setelah menu diaktifkan.

• Link Target: Centang opsi ini untuk menambahkan target=”_blank” ke tautan, sehingga item menu Pins terbuka di tab baru ketika pengguna mengekliknya.
• Title Attribute: Digunakan untuk menambahkan informasi tambahan tentang tautan. Ini biasanya paling berguna bagi crawler mesin pencari, tetapi juga terlihat oleh pengguna sebagai keterangan saat mereka mengarahkan kursor ke item menu.
• CSS Classes: Opsi ini dapat digunakan untuk menambahkan gaya CSS khusus ke item menu yang dapat Pins kodekan sendiri. Tetapi seringkali pengembang tema menyertakan satu atau dua opsi tambahan.
• Link Relationship: Opsi ini dapat digunakan untuk menentukan bagaimana kaitan antara situs Pins dengan tautan yang pada item menu.
• Description: Persis seperti namanya, opsi ini memungkinkan kamu untuk menambahkan deskripsi yang lebih mendalam ke item menu. Meskipun ini adalah opsi yang dapat di aktifkan, opsi ini tidak akan ditampilkan kecuali didukung oleh tema yang digunakan.

Baca juga: 3 Cara Membuat Rata Kanan Kiri di WordPress Versi Terbaru

5. Lokasi Menu

Terakhir, Pins masih perlu menentukan lokasi di mana menu akan ditampilkan. Di bawah menu builder Pins akan melihat bagian Menu Settings. Di sinilah Pins akan menemukan opsi Display Location.

Setiap tema mendukung jumlah menu yang berbeda, jadi tergantung pada tema yang digunakan. Namun, Pins harus menetapkan menu ke setiap lokasi yang Pins gunakan. Tapi Pins juga bisa menetapkan menu yang sama ke beberapa lokasi atau membuat menu individual untuk setiap lokasi.

Untuk menetapkan menu ke lokasi, cukup centang beberapa opsi seperti berikut:

Setelah Pins puas dengan menu, item, dan lokasi yang dipilih, klik tombol Save Menu.

Sekarang ketika Pins melihat bagian depan situs , Pins Anda akan melihat tampilan menu seperti berikut.

Cara Membuat Menu WordPress di Live Customizer

Jika sebelumnya Pins bisa membuat menu dari dashboard, kini Pins bisa membuat menu WordPress melalui fitur Live Customizer.

Langkah pertama adalah Pins harus membuka laman Customizer yang terletak di bawah Appearance > Customize:

Kemudian klik pada tab Menu untuk dibawa ke layar berikut:

Dari sini Pins dapat melihat menu yang sudah Pins sebelumnya. Namun, dari sini juga Pins bisa menambahkan menu baru jika dibutuhkan.

Baca juga: Mau Buat Situs? Cek Jenis-Jenis Hosting yang Umum Dipakai

1. Buat Menu Baru

Saat membuat menu baru di Customizer langkah pertama yang dilakukan adalah memilih Menu Name dan mencentang kotak untuk Menu Location.

Sebagai pengingat, lokasi menu yang tersedia akan bergantung pada tema Pins. Kami memiliki sejumlah lokasi yang tersedia, jadi kami akan memilih lokasi “Footer”.

2. Tambahkan Item Menu

Setelah menamai dan menetapkan menu, Pins dapat mulai membangun menu tambahan. Klik tombol Add Items untuk membuka pembuat menu:

Di sini Pins akan menemukan semua opsi yang sama untuk menambahkan tautan seperti pembuatan menu di dashboard.

Untuk menambahkan halaman, postingan, jenis posting secara kustom, klik ikon plus + di sebelah item yang ingin kamu tambahkan. Cara ini akan menambahkan item ke menu dan menampilkannya di pratinjau langsung situs:

Di sini kami membuat menu Footer, jadi menu kami ditampilkan di Footer. Semua ini bergantung di mana lokasi menu Pins. Jika Pins telah memilih lokasi menu seluler, menu hanya akan terlihat di seluler. Jadi Pins harus mengklik ikon tablet atau telepon di kanan bawah Customizer untuk melihat pratinjau menu seluler.

Untuk menambahkan custom link, cukup tambahkan URL dan teks tautan Pins dan klik tombol Add to Menu:

3. Properti Menu Lanjutan (Advanced Menu Properties)

Saat menggunakan Live Customizer, tautan menu Advanced Menu Properties tidak terlihat secara default. Untuk mengaktifkannya, Pins harus kembali ke editor menu dashboard WordPress.

Pertama, klik Tab Screen Options di kanan atas layar dan centang kotak untuk opsi yang ingin kamu aktifkan. Kemudian ketika Pins kembali ke Customizer > Menus, buka menu Pins dan klik panah di sebelah item menu. Pins akan menemukan semua Advanced Menu Properties yang telah diaktifkan:

4. Menu Dropdown

Setelah Pins menambahkan item menu, Pins dapat membuat drop down. Untuk drop down, Pins memerlukan item sub-menu. Jadi cukup tambahkan link ke menu Pins, lalu klik dan seret ke kanan. Cara ini akan membuat menu drop down:

5. Menu Live Preview

Live preview di sebelah kanan menu Customizer diperbarui secara real time saat kamu telah melakukan perubahan. Jadi saat kamu menambahkan item menu, menambahkan drop down, mengubah lokasi, dan sebagainya, kamu bisa melihat tampilan perubahannya secara langsung. Berikut contoh tampilan menu footer yang telah dibuat melalui fitur Live Customizer:

Jika sudah selesai mengatur dan menambahkan menu, klik Publish sebelum keluar dari fitur Live Customizer. 

Selesai. Menu navigasi telah berhasil dibuat.

Demikian penjelasan mengenai cara membuat menu di WordPress yang bisa kamu coba. Pada dasarnya, cara membuat menu navigasi dan sub menu, yang membedakannya hanya ada pada peletakannya saja. Yang pasti, posisi sub menu berada tepat di bawah menu utama. Semoga artikel ini bermanfaat dan selama mencoba!

Baca juga:

• Mengenal 5 Jenis Hosting Beserta Kelebihan & Kekurangannya
• 12 Tips Membangun Situs Web Bisnis yang Efektif

Editor: Sekar Ningtyas

Source feature image: Pexels

---

Temukan beragam pilihan rumah terlengkap di daftar properti & iklankan properti kamu di Jual Beli Properti Pinhome. Bergabunglah bersama kami di aplikasi Rekan Pinhome untuk kamu agen properti independen atau agen kantor properti. 

Kamu juga bisa belajar lebih lanjut mengenai Properti di Property Academy by Pinhome. Download aplikasi Rekan Pinhome melalui App Store atau Google Play Store sekarang!

Hanya di Pinhome.id yang memberikan kemudahan dalam membeli properti. Pinhome – PINtar jual beli sewa properti.