Cara Membuat Menu di WordPress Terbaru

Cara Membuat Menu di WordPress Terbaru – Jika Anda telah menggunakan WordPress dengan hosting berbayar, tentunya Anda pernah melakukan perubahan tema WordPress, menyusun situs web yang bagus, dan mengoptimasi SEO WordPress. Ketika pengunjung mulai berdatangan situs WordPress, Anda dapat memanfaatkan traffic tersebut untuk kepentingan bisnis Anda.

Dalam artikel ini kita akan membahas tentang bagaimana cara membuat menu di WordPress yang bagus agar pengunjung menemukan apa yang mereka butuhkan di situs Anda. Tanpa menu navigasi yang bagus, Anda akan kehilangan banyak pelanggan. Dalam panduan ini, kami akan menunjukkan kepada Anda bagaimana merancang sistem navigasi yang baik dan mudah digunakan oleh pengunjung website Anda.

Cara Membuat Navigasi WordPress yang Baik

1. Navigasi yang Sederhana

Jangan memperumit menu navigasi Anda dengan menyertakan halaman yang tidak diperlukan pengguna. Tetap berpegang pada konten Anda yang dibutuhkan pengguna agar dapat dikonversi. Tautkan hanya ke halaman WordPress Anda yang paling penting, seperti Tentang Kami, Kontak, Sewa / Produk, dll, dan konten populer.

2. Peta Situs (Sitemap)

Peta situs dianggap sebagai roda penggerak penting dalam sistem navigasi. Sambil membantu spider mesin pencari untuk merayapi situs Anda dengan mudah dan benar, Peta Situs juga dapat berguna ketika pengguna menemukan laman kesalahan 404. Anggap saja sebagai menu navigasi untuk seluruh situs Anda yang dipublikasikan di halaman khusus. Peta situs hanyalah halaman yang berisi link ke semua sumber daya di situs Anda.

Anda dengan mudah dapat membuat peta situs menggunakan plugin seperti Google XML Sitemaps, atau hanya menggunakan tema WordPress yang mendukung peta situs secara inheren.

3. Tambahkan Menu Navigasi ke Beberapa Lokasi

Secara default, sebagian besar tema WordPress akan memungkinkan Anda menampilkan menu navigasi di bagian header, dan mungkin footer tetapi hanya itu. Namun, Anda dapat menggunakan widget untuk menampilkan menu navigasi di mana pun Anda suka.

Lokasi menu terbaik untuk eksposur maksimum ada di area header, sidebar, dan footer. Bilah sisi juga merupakan tempat utama untuk kategori, arsip, dan tag, jadi jangan ragu untuk memanfaatkan fitur ini untuk menyempurnakan sistem navigasi Anda.

4. Tambahkan Form Pencarian

Anda dapat menerapkan kotak pencarian, yang memudahkan pengguna untuk menemukan apa yang mereka inginkan. Kemudian letakkan di lokasi yang menonjol di situs WordPress Anda. Misalnya, jangan menyembunyikannya di bagian footer yang hanya terlihat saat pengguna menggulir ke bawah. Formulir penelusuran adalah perangkat yang dapat meningkatkan pengalaman pengguna. Relevanssi membantu Anda membangun mesin pencari yang luar biasa untuk bisnis berbasis WordPress.

Cara Membuat Menu di WordPress Terbaru

Cara Membuat Menu WordPress di Dashboard

Sekarang mari kita buat menu navigasi yang bagus dengan pengelola menu WordPress. WordPress hadir dengan pengelola menu yang memungkinkan Anda membuat menu sederhana, termasuk menu drop-down. Dengan drag-and-drop yang sederhana untuk membuat menu WordPress dalam hitungan menit.

1. Buat Menu Baru

Cukup buka  Appearance> Menus di area admin WordPress. Akan muncul layar edit Menus. Jika Anda belum membuat menu klik link “Create a New Menu“, Anda dapat melihat layar ini:

Silakan beri nama menu baru Anda. Kita akan contohkan dengan nama “main menu”. Masukkan nama pilihan Anda, dan tekan tombol Create Menu. Akan tampil layar berikut:

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

Di sebelah kanan, Anda memiliki  area Menu Structure tempat mengedit dan memesan item menu. Anda juga memiliki area Menu Settings yang memungkinkan Anda memilih lokasi menu, dan opsi yang memungkinkan Anda menambahkan halaman baru ke menu Anda secara otomatis. (meskipun untuk sebagian besar situs, halaman ini dapat diabaikan).

2. Tambahkan Item Menu

Yang harus Anda lakukan adalah memilih halaman, kategori, atau menambahkan tautan khusus dari panel kiri, lalu klik tombol Add to Menu. Dalam sekejap, item menu akan muncul di kolom kanan, di mana Anda cukup menarik dan melepasnya.

Mengapa Anda ingin menambahkan kategori ke menu WordPress? Jika Anda telah membuat posting (misalnya pelajaran) dalam berbagai kategori (kursus), Anda dapat mengelompokkan pelajaran ke dalam kursus menggunakan fitur ini. Ini adalah fitur yang berguna jika Anda menjalankan situs berita/news.

Mari tambahkan beberapa tautan untuk mengarahkan pengunjung ke situs pihak ketiga, atau bahkan situs kita sendiri di sub-domain. Cukup navigasikan ke tab Custom Links.

Tambahkan tautan Anda di area teks URL, dan nama menu di Link Text. Kemudian tekan saja tombol Add to Menu. Selalu sertakan ekstensi ( https: //) atau tautan Anda tidak akan berfungsi:

3. Menu Dropdown

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

Dropdown adalah cara untuk membuat menu Anda lebih pendek, lebih rapi, dan lebih mudah dinavigasi. Anda dapat membuat lebih banyak sub-menu di bawah menu yang ada, membuat menu drop-down multi-level sesuaikan dengan kebutuhan.

4. Properti Menu Lanjutan (Advanced Menu Properties)

Tahukah Anda bahwa ada opsi menu tersembunyi? Untuk mengaktifkannya, cukup klik tab Screen Options di kanan atas layar. Kemudian periksa Advanced Menu Properties yang ingin Anda aktifkan:

Anda akan menemukan opsi berikut, yang masing-masing bisa ditambahkan ke item menu setelah Anda mengaktifkannya.

• Link Target: Centang opsi ini untuk menambahkan target=”_blank” ke tautan, sehingga item menu Anda terbuka di tab baru ketika pengguna mengekliknya.
• Title Attribute: Title Attribute dapat 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 Anda kodekan sendiri, tetapi seringkali pengembang tema menyertakan satu atau dua opsi tambahan.
• Link Relationship: Opsi ini dapat digunakan untuk menentukan bagaimana situs Anda secara pribadi terkait dengan tautan pada item menu Anda. Apakah itu situs Anda yang lain? Apakah situs teman? Anda dapat membaca panduan resmi jika ingin mempelajari lebih lanjut.
• Description: Persis seperti namanya, opsi ini memungkinkan Anda 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 Anda.

5. Lokasi Menu

Terakhir Anda masih perlu menentukan lokasi di mana menu Anda akan ditampilkan. Di bawah menu builder Anda akan melihat bagian Menu Settings. Di sinilah Anda akan menemukan opsi Display Location. Setiap tema mendukung jumlah menu yang berbeda, jadi tergantung pada tema Anda, Anda mungkin memiliki satu atau banyak lokasi menu. Anda harus menetapkan menu ke setiap lokasi yang Anda gunakan, namun Anda memiliki pilihan untuk menetapkan menu yang sama ke beberapa lokasi atau membuat menu individual untuk setiap lokasi (terserah Anda).

Untuk menetapkan menu ke lokasi, cukup centang kotaknya:

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

Sekarang ketika Anda melihat situs web Anda di bagian depan, Anda akan melihat menu Anda. Karena kami menetapkan menu kami ke Utama / Header, akan ditampilkan sebagai menu utama di situs demo:

Namun sejauh ini, editor menu Dasbor klasik memungkinkan Anda melihat struktur menu, tetapi dapat memvisualisasikannya. Jika Anda ingin melihat menu Anda secara real time maka Customizer adalah pilihan yang tepat untuk Anda.

Cara Membuat Menu WordPress di Live Customizer

Selain menggunakan editor Menu di dasbor utama WordPress, Anda dapat membuat menu dengan pratinjau langsung menggunakan Customizer. Untuk memulai, Anda harus membuka Customizer yang terletak di bawah Appearance > Customize:

Kemudian klik pada tab Menu untuk dibawa ke layar berikut:

Dari sini Anda dapat melihat menu yang sudah Anda buat (seperti “My New Menu” yang baru saja kita buat di dashboard)

1. Buat Menu Baru

Saat membuat menu baru di Customizer langkah pertama Anda adalah memilih Menu Name dan mencentang kotak untuk Menu Location. Sebagai pengingat, lokasi menu yang tersedia akan bergantung pada tema Anda. Kami memiliki sejumlah lokasi yang tersedia, jadi kami akan memilih lokasi “Footer” karena sebelumnya kami telah membuat menu utama:

2. Tambahkan Item Menu

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

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

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

Kami sedang membuat menu Footer, jadi menu kami ditampilkan di footer. Bergantung di mana lokasi menu Anda. Jika Anda telah memilih lokasi menu seluler, menu hanya akan terlihat di seluler, jadi Anda 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 Anda dan klik tombol Add to Menu:

3. Properti Menu Lanjutan (Advanced Menu Properties)

Saat bekerja di live Customizer, tautan menu Advanced Menu Properties tidak terlihat secara default. Untuk mengaktifkannya, Anda harus kembali ke editor menu dasbor WordPress (jika Anda sudah mulai membuat menu, pastikan untuk Publish menu Anda terlebih dahulu sehingga Anda tidak kehilangan pengaturan menu), klik Tab Screen Options di kanan atas layar dan centang kotak untuk opsi yang ingin Anda aktifkan. Kemudian ketika Anda kembali ke Customizer > Menus, buka menu Anda dan klik panah di sebelah item menu, Anda akan menemukan semua Advanced Menu Properties yang telah diaktifkan:

4. Menu Dropdown

Setelah Anda menambahkan item menu, Anda dapat membuat dropdown. Untuk dropdown, Anda memerlukan item submenu, jadi cukup tambahkan link ke menu Anda, lalu klik dan seret ke kanan. Cara ini akan membuat dropdown:

5. Menu Live Preview

Live preview di sebelah kanan menu Customizer diperbarui secara real time saat Anda melakukan perubahan. Jadi saat Anda menambahkan item menu, menambahkan drop down, mengubah lokasi, dll, akan tampil perubahan secara langsung. Berikut tampilan menu footer:

Jika Anda senang dengan menu Anda, pastikan untuk klik Publish sebelum keluar dari Customizer. Setelah dipublikasikan, menu Anda akan terlihat di bagian depan situs web Anda:

Menu navigasi WordPress adalah bagian penting dari situs WordPress Anda. Dengan menu navigasi akan memandu pengguna menemukan konten yang mereka cari. Menu navigasi bagus untuk meningkatkan pengalaman pengguna, dan akibatnya pada tingkat konversi situs WordPress Anda.

TERKAIT: Panduan SEO WordPress untuk Pemula