Cara Menambahkan Halaman ke Menu WordPress
Diterbitkan: 2021-04-24Apakah Anda ingin mengubah menu dan meningkatkan navigasi? Pada artikel ini, kami akan menunjukkan cara menambahkan halaman ke menu WordPress dan membantu pengunjung menelusuri situs Anda.
Mengapa Menyesuaikan dan Menambahkan Halaman ke Menu WordPress?
Jawaban cepatnya adalah untuk navigasi yang mudah. Memudahkan pengguna untuk menemukan apa yang mereka cari adalah kunci untuk memberikan pengalaman yang lebih baik. Ini secara alami akan meningkatkan tampilan halaman Anda secara keseluruhan dan mengurangi rasio pentalan Anda.
Saat pengunjung mendarat di situs web Anda, mereka melihat header Anda terlebih dahulu. Sebagai contoh, mari kita lihat header situs kita.
Seperti yang Anda lihat, logo QuadLayers ada bersama dengan tautan ke halaman penting , menu tarik-turun untuk memamerkan produk kami, dan formulir masuk akun. Semua halaman penting ada di header untuk kemudahan akses. Ini berarti pengunjung dapat membuka bagian tertentu dari situs web dengan satu klik sehingga lebih mudah bagi mereka untuk menemukan apa yang mereka cari, apakah itu plugin, tutorial di blog, atau halaman dokumentasi.
Sebagai pemilik bisnis, Anda mungkin memiliki halaman penting di situs Anda seperti Tentang Kami , Hubungi Kami , Kebijakan Privasi , dan Beriklan . Jika ini adalah halaman yang ingin Anda soroti atau yang sering dikunjungi pengguna, Anda dapat mempertimbangkan untuk menambahkannya ke menu utama Anda. Dengan cara ini, halaman-halaman penting ini akan mendapatkan visibilitas maksimum dan mudah dijangkau.
Sekarang kita lebih memahami mengapa Anda mungkin ingin menyesuaikan dan menambahkan halaman ke menu WordPress Anda, mari kita lihat bagaimana melakukannya.
1) Cara Menambahkan Halaman ke Menu WordPress Anda
Ada dua cara untuk menambahkan halaman ke menu WordPress Anda:
- Dengan Menu WordPress
- Dari Penyesuai WordPress
Di bagian ini, kami akan menunjukkan kepada Anda kedua metode tersebut sehingga Anda dapat memilih yang terbaik untuk Anda.
1.1) Dengan Menu WordPress
Di dasbor WordPress, Anda dapat melihat semua menu yang telah Anda buat di bawah Appearances > Menus .
Jika Anda baru saja menginstal WordPress dan mulai mengonfigurasinya, Anda mungkin belum memiliki menu apa pun, jadi Anda perlu membuatnya secara manual. Untuk melakukannya, buka bagian Menu, beri nama menu, dan tekan Buat Menu .
Sekarang Anda memiliki menu. Itu kosong sehingga Anda dapat menambahkan halaman ke dalamnya untuk menampilkan beberapa konten. Untuk memeriksa halaman yang tersedia, klik pada dropdown di sisi kiri.
Anda dapat menambahkan semua halaman ke menu Anda, atau memilih halaman tertentu dan menambahkannya secara manual. Dalam kasus kami, kami akan menambahkan semua halaman kami.
Setelah Anda menambahkan halaman ke menu Anda, Anda dapat mengatur ulang item. Cukup seret halaman yang ingin Anda atur ulang dan letakkan di posisi yang Anda inginkan seperti yang ditunjukkan di bawah ini.
Di situs web pementasan kami, kami menggunakan tema Astra WordPress yang hadir dengan lima lokasi menu khusus.
- Menu Utama
- Menu sekunder
- Menu di luar kanvas
- Masuk ke menu Akun
- Menu catatan kaki
Opsi ini mungkin berbeda tergantung pada tema aktif Anda. Dalam kasus kami, kami akan menggunakan menu kami di lokasi menu utama . Setelah Anda memilih lokasi yang Anda inginkan, simpan perubahannya.
Setelah itu, periksa situs web Anda dari frontend dan Anda akan melihat menu di header dengan semua halaman yang baru saja kami tambahkan.
Sekarang, mari kita coba yang lain. Daripada memilih menu utama sebagai lokasi, mari kita letakkan di footer. Buka bagian Menu , pilih lokasi footer, dan perbarui pengaturan.
Sekarang periksa ujung depan dan Anda akan melihat menu di footer situs web Anda.
Dengan cara ini, Anda dapat dengan mudah menambahkan halaman ke menu WordPress tanpa alat atau plugin tambahan.
1.2) Menggunakan Penyesuai WordPress
Metode sederhana lainnya untuk menambahkan halaman ke menu Anda adalah melalui WordPress Customizer. Keuntungan utamanya adalah ia memiliki pratinjau langsung yang memungkinkan Anda melihat perubahan secara real-time.
Pertama, di dasbor WordPress Anda, buka Appearance > Customize untuk membuka Customizer .
Di sisi kiri, Anda akan melihat semua opsi penyesuaian yang tersedia dan di sisi kanan, Anda akan melihat pratinjau langsung situs web Anda sehingga Anda dapat melihat pratinjau setiap perubahan sebelum ditayangkan.
Untuk demo ini, kami menggunakan GeneratePress sehingga tema itu muncul sebagai aktif.
Sekarang mari kita pergi ke bagian Menu .
Kemudian buat menu baru.
Beri nama, pilih lokasi tampilan dan lanjutkan ke langkah berikutnya.
Sekarang Anda memiliki menu di situs WordPress Anda sehingga Anda perlu menambahkan halaman ke dalamnya dengan menekan Add Items .
Setelah menambahkan elemen, Anda dapat mengatur ulang hanya dengan menyeretnya ke posisi yang tepat.
Setelah Anda selesai menyesuaikan menu, publikasikan perubahannya.
Jika Anda memeriksa situs web Anda dari frontend, Anda akan melihat tajuk yang diperbarui.
Ini adalah dua cara sederhana untuk menambahkan halaman ke menu WordPress Anda. Seperti yang Anda lihat, kedua metode ini sangat sederhana dan tidak memerlukan plugin tambahan sehingga Anda dapat menjalankan dan menjalankan menu baru dalam waktu singkat.
2) Cara Mengganti Nama Item pada Menu
Anda telah mempelajari bagaimana kami dapat menambahkan halaman ke menu WordPress. Itu langkah pertama. Sekarang, mari kita lihat bagaimana Anda dapat menyesuaikannya dan menetapkan nama khusus untuk setiap item.
Secara default, WordPress akan menggunakan judul halaman Anda sebagai nama menu. Misalnya, judul halaman demo kami adalah: We're Hiring! .
Saat kami menambahkan halaman ini ke menu kami, WordPress akan menggunakan judul yang sama untuk elemen itu.
Meskipun ini adalah solusi logis, terkadang, Anda mungkin perlu menetapkan nama khusus untuk menu Anda. Misalnya, Anda telah menulis panduan terperinci tentang cara memulai blog dan judul halamannya adalah Cara Memulai WordPress dan Mengelolanya Seperti Pro .
Menggunakan nama yang sangat panjang di menu Anda bukanlah ide yang baik karena cukup panjang. Jadi Anda dapat mengoptimalkannya dengan mengganti namanya menjadi sesuatu seperti Start a Blog . Di bagian ini, kami akan menunjukkan kepada Anda bagaimana Anda dapat melakukannya langkah demi langkah.
Pertama, buka bagian Menu Anda dan buka halaman yang perlu Anda sesuaikan. Untuk demonstrasi ini, kami akan mengubah Kami sedang merekrut! judul halaman.
Buka bagian Label Navigasi dan ubah namanya menjadi Karir . Anda akan melihat bagaimana namanya berubah.
Kemudian, simpan menu dan periksa situs web Anda dari frontend untuk melihat bagaimana nama telah berubah.
3) Cara Menambahkan Kategori ke Menu
Untuk meningkatkan tampilan halaman arsip dan konversi, Anda mungkin ingin menambahkan kategori ke menu WordPress Anda. Saat Anda menjalankan situs besar dengan banyak konten, mengkategorikan posting dan menambahkan kategori ke menu Anda dapat membantu pengunjung Anda menavigasi situs Anda. Di bagian ini, kami akan menunjukkan cara melakukannya menggunakan dua metode berbeda.
- Dari WordPress
- Dengan plugin
Mari kita lihat kedua opsi tersebut.
3.1) Dari WordPress
Setelah Anda membuat kategori yang cukup, Anda dapat mulai menambahkannya ke menu WordPress Anda. Untuk melakukannya, di dasbor Anda, buka bagian Menu dan pilih menu yang ingin Anda edit.
Anda dapat menambahkan semua kategori ke daftar Anda atau memilih yang spesifik. Dalam kasus kami, kami akan menambahkan semua kategori ke menu dan menjadikannya dropdown.
Secara default, mereka akan ditambahkan langsung ke menu.
Jika Anda ingin membuat dropdown, tetapkan kategori di bawah item menu utama. Misalnya, atur kategori di bawah item Blog dan perbarui menu.
Di bagian depan, Anda akan melihat semua kategori yang terdaftar di bawah item Blog .
Ini adalah cara yang bagus untuk menghemat ruang dan meningkatkan navigasi ketika ada banyak kategori di situs Anda.
Jika Anda memerlukan informasi lebih lanjut tentang ini, lihat panduan kami tentang cara menambahkan kategori produk WooCommerce ke menu.
3.2) Dengan Plugin
Cara lain untuk menambahkan halaman dan kategori ke menu WordPress adalah dengan menggunakan plugin. Ada beberapa alat di luar sana tetapi untuk demonstrasi ini, kami akan menggunakan QuadMenu. Ini adalah alat freemium yang hadir dengan banyak fitur untuk mengatur situs Anda dan membuat menu mega terlepas dari tema yang Anda gunakan. Versi gratisnya hadir dengan fitur dasar dan paket premium mulai dari 15 USD (pembayaran satu kali) dan mencakup fungsionalitas yang lebih canggih.
Pertama, instal QuadMenu di situs web Anda. Buka Plugins > Add New , cari plugin, dan instal.
Setelah mengaktifkannya, Anda akan diarahkan ke halaman pengaturan. Di bawah bagian Menu , Anda akan melihat lokasi tampilan baru yang disebut QuadMenu Dev. Aktifkan dan simpan menu Anda.
Setelah itu, Anda akan melihat beberapa opsi tambahan di item menu saat Anda mengarahkan kursor ke atasnya.
Anda dapat menggunakan opsi itu untuk mengubah item menu Anda. Misalnya, untuk menyesuaikan item menu Karir , tekan tombol QuadMenu di atasnya.
Anda akan melihat tiga opsi penyesuaian utama di halaman berikutnya.
- Bawaan
- Umum
- ikon
Dari tab Default , Anda dapat memilih judul tautan, atribut judul, kelas CSS, hubungan tautan, dan deskripsi menu. Dari tab Umum , Anda dapat memilih opsi subtitle, lencana, float, screen, dan dropdown float. Terakhir, Anda dapat menetapkan ikon khusus ke item menu Anda dari tab Ikon .
Dengan plugin yang kuat seperti QuadMenu, Anda dapat membawa menu WordPress Anda ke level berikutnya. Untuk opsi penyesuaian lainnya, kami sarankan Anda melihat versi premium.
4) Cara Menambahkan Tag, Jenis Posting Kustom, dan Tautan Kustom ke Menu
Sejauh ini, kita telah melihat cara menambahkan halaman ke menu WordPress, serta kategori. Tapi ada lagi yang bisa Anda lakukan. Di bagian ini, kami akan menunjukkan kepada Anda bagaimana Anda dapat menambahkan tag, jenis posting khusus, dan tautan khusus ke menu Anda.
4.1) Cara Menambahkan Tag
Jika Anda menggunakan tag untuk mengkategorikan konten di situs web Anda, Anda dapat menambahkannya ke menu WordPress Anda. Untuk itu, buka bagian Tag di bawah Postingan di dasbor WordPress Anda. Anda akan melihat semua tag yang telah Anda buat di sana dan Anda akan dapat membuat yang baru.
Setelah Anda membuat tag, mari kita lihat cara menambahkannya ke menu.
Pertama, buka bagian Menu . Anda akan melihat opsi untuk melihat semua tag di bagian kiri. Anda dapat memilih semua tag atau yang spesifik. Jika Anda memiliki situs besar, kami tidak menyarankan memilih semua tag. Anda mungkin memiliki ratusan tag, jadi menambahkan semuanya ke menu Anda tidak akan terlihat bagus dan tidak akan membantu pengguna menavigasi situs Anda. Itu sebabnya pilihan terbaik adalah hanya menambahkan tag yang paling penting ke menu Anda.
Cukup pilih yang ingin Anda tambahkan dan klik Add to Menu .
Kemudian perbarui menu dan periksa situs Anda untuk melihat tag yang telah Anda pilih di menu.
4.2) Cara Menambahkan Jenis Posting Kustom (CPT)
Beberapa tema seperti Avada hadir dengan jenis kiriman khusus bawaan, sehingga Anda dapat menambahkan jenis kiriman ini ke menu Anda. Misalnya, di situs kami, kami memiliki jenis pos khusus yang disebut Penawaran dan kami memiliki empat pos di bawahnya.
Untuk menambahkan jenis posting khusus ke menu WordPress Anda, buka bagian Menu , dan Anda akan melihat item menu yang baru terdaftar di sana. Pilih kiriman khusus yang ingin Anda tambahkan dan klik tombol Tambahkan ke Menu .
Kemudian, Anda akan melihat jenis posting tersebut di menu Anda. Setelah Anda puas dengan pesanan dan pengaturannya, tekan Simpan Menu .
Terakhir, periksa menu Anda dari ujung depan dan Anda akan melihat pos kustom di sana.
Dengan cara ini, Anda dapat menambahkan jenis posting khusus ke menu WordPress Anda. Jika Anda memiliki beberapa jenis posting khusus yang terdaftar, Anda akan melihat semuanya di dalam bagian menu Anda.
CATATAN: Jika Anda tidak memiliki CPT yang terdaftar, Anda tidak akan melihat opsi ini. Namun, jika Anda perlu membuat CPT untuk situs web Anda, lihat plugin gratis bernama Custom Post Type UI.
4.3) Cara Menambahkan Tautan Khusus
Terakhir, Anda juga dapat menambahkan tautan khusus ke menu Anda. Mengikuti metode sederhana ini, Anda dapat menyertakan tautan ke konten Anda dalam beberapa klik.
Di dasbor WordPress Anda, buka bagian Menu dan di sisi kiri, Anda akan melihat opsi yang disebut Tautan Khusus .
Setelah Anda membukanya, Anda akan melihat opsi untuk menambahkan URL dan teks tautan Anda.
Cukup lengkapi bidang dan tambahkan item ke menu. Misalnya, untuk demonstrasi ini, kami akan menambahkan tautan ke halaman Facebook kami.
Setelah menyimpan perubahan, periksa situs Anda dari ujung depan dan Anda akan melihat tautan baru ke halaman Facebook Anda di menu.
Dengan cara ini, Anda dapat menambahkan tautan eksternal atau internal ke menu Anda untuk membantu pengguna menavigasi situs Anda.
Bonus: Cara Menata Item Menu Tertentu
Kami telah melihat cara menambahkan dan menyesuaikan halaman, kategori, dan elemen lain ke menu WordPress Anda. Tapi ada lagi yang bisa Anda lakukan. Dalam beberapa kasus, Anda mungkin ingin pengguna fokus pada item menu tertentu. Di bagian ini, Anda akan mempelajari cara menambahkan CSS khusus ke item menu dan menyorotnya menggunakan sedikit CSS untuk mengubah warnanya.
Pertama, di dasbor WordPress Anda, buka bagian Appearance > Customize > Menus dan pilih Screen Options . Di sana, Anda perlu mengaktifkan properti Kelas CSS .
Setelah itu, ketika Anda memperluas item menu Anda, Anda akan melihat properti Kelas CSS baru.
Untuk contoh ini, kita akan mengatur kelas CSS menu kita sebagai careers-cta dan menyimpan menu.
Selain menyebutkan kelas CSS, kita dapat menambahkan kode CSS untuk menyorot item menu tertentu. Untuk melakukannya, buka WordPress Customizer > bagian CSS tambahan dan tambahkan kode Anda. Di sisi lain, jika Anda menggunakan tema seperti Divi atau Avada, ada bagian khusus untuk menyertakan CSS tambahan.
Untuk demo ini, kita akan menambahkan kode CSS melalui Customizer. Ini termasuk pratinjau langsung sehingga membuat prosesnya mudah.
Di sini bagian yang menyenangkan dimulai. Rekatkan kode CSS Anda di bagian CSS Tambahan. Contoh kode yang dapat Anda gunakan adalah:
.karir-cta{
warna latar: merah muda;
batas-radius: 15px;
}
Setelah itu, Anda akan melihat layar pratinjau langsung berubah.
Itu hanya kode contoh jadi kami mendorong Anda untuk bermain-main dengannya dan menyesuaikannya dengan kebutuhan Anda.
Kesimpulan
Secara keseluruhan, menu adalah bagian penting dari situs web mana pun. Mereka menampilkan informasi penting dan membantu pengguna menavigasi situs yang menciptakan pengalaman yang lebih baik. Menu biasanya berada di atas halaman dan merupakan hal pertama yang dilihat pengguna saat mereka membuka situs. Itulah mengapa Anda harus menyesuaikannya dan memastikannya dirancang dengan baik.
Dalam panduan ini, kami telah menunjukkan kepada Anda cara menambahkan halaman ke menu WordPress dan memanfaatkannya sebaik mungkin menggunakan dua metode berbeda.
- Dengan Menu WordPress
- Dari Penyesuai
Menggunakan bagian Menu WordPress adalah cara mudah untuk membuat menu di situs Anda. Namun, Customizer menyertakan pratinjau langsung yang memungkinkan Anda melihat perubahan secara real time sebelum ditayangkan yang merupakan nilai tambah.
Selain itu, kami telah melihat cara mengganti nama item menu, cara menambahkan kategori, tag, jenis pos khusus, dan tautan khusus. Selain itu, kita telah melihat cara menata item tertentu untuk menarik perhatian mereka.
Untuk informasi lebih lanjut tentang cara meningkatkan menu Anda, lihat tutorial berikut:
- Cara Menambahkan Ikon Media Sosial ke Menu WordPress
- Cara menyesuaikan Menu Divi dengan CSS
Sudahkah Anda menyesuaikan menu Anda baru-baru ini? Apa yang Anda ubah? Beri tahu kami di bagian komentar di bawah.