Cara Menambahkan Halaman ke Menu WordPress

Diterbitkan: 2021-04-24

Apakah 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.

tajuk quadlayer

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:

  1. Dengan Menu WordPress
  2. 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 .

tambahkan halaman ke menu wordpress - bagian menu WordPress

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 .

tambahkan halaman ke menu wordpress - pembuatan menu wordpress

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.

tambahkan halaman ke menu wordpress - semua halaman yang tersedia

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.

tambahkan halaman ke menu wordpress - tambahkan halaman ke menu Anda

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.

menyusun ulang menu

Di situs web pementasan kami, kami menggunakan tema Astra WordPress yang hadir dengan lima lokasi menu khusus.

lokasi menu tema astra

  • 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.

simpan menu wordpress

Setelah itu, periksa situs web Anda dari frontend dan Anda akan melihat menu di header dengan semua halaman yang baru saja kami tambahkan.

menu utama diperbarui

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.

simpan menu footer

Sekarang periksa ujung depan dan Anda akan melihat menu di footer situs web Anda.

menu navigasi di footer

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 .

tambahkan halaman ke menu wordpress * buka penyesuai wordpress

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 .

menu penyesuai wordpress

Kemudian buat menu baru.

membuat menu

Beri nama, pilih lokasi tampilan dan lanjutkan ke langkah berikutnya.

menu lengkap

Sekarang Anda memiliki menu di situs WordPress Anda sehingga Anda perlu menambahkan halaman ke dalamnya dengan menekan Add Items .

Tambahkan halaman ke menu WordPress - Cara menambahkan item

Setelah menambahkan elemen, Anda dapat mengatur ulang hanya dengan menyeretnya ke posisi yang tepat.

mengatur menu

Setelah Anda selesai menyesuaikan menu, publikasikan perubahannya.

publikasikan perubahan

Jika Anda memeriksa situs web Anda dari frontend, Anda akan melihat tajuk yang diperbarui.

menu wordpress 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! .

kami sedang merekrut halaman

Saat kami menambahkan halaman ini ke menu kami, WordPress akan menggunakan judul yang sama untuk elemen itu.

kami sedang merekrut halaman

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.

Tambahkan halaman ke menu WordPress - Opsi menu

Buka bagian Label Navigasi dan ubah namanya menjadi Karir . Anda akan melihat bagaimana namanya berubah.

ubah judul menu

Kemudian, simpan menu dan periksa situs web Anda dari frontend untuk melihat bagaimana nama telah berubah.

nama menu karir

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.

tambahkan semua kategori ke menu

Secara default, mereka akan ditambahkan langsung ke menu.

tambahkan kategori ke menu Anda

Jika Anda ingin membuat dropdown, tetapkan kategori di bawah item menu utama. Misalnya, atur kategori di bawah item Blog dan perbarui menu.

submenu wp

Di bagian depan, Anda akan melihat semua kategori yang terdaftar di bawah item Blog .

menu tarik-turun

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.

plugin quadmenu diaktifkan

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.

pengembang quadmenu

Setelah itu, Anda akan melihat beberapa opsi tambahan di item menu saat Anda mengarahkan kursor ke atasnya.

tambahkan halaman ke menu wordpress - pengaturan quadmenu

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.

opsi menu quad

  • 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.

semua tag wordpress

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 .

tambahkan tag ke menu

Kemudian perbarui menu dan periksa situs Anda untuk melihat tag yang telah Anda pilih di menu.

tag di frontend

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.

semua penawaran

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 .

tambahkan halaman ke menu wordpress - tambahkan penawaran ke menu

Kemudian, Anda akan melihat jenis posting tersebut di menu Anda. Setelah Anda puas dengan pesanan dan pengaturannya, tekan Simpan Menu .

tambahkan halaman ke menu wordpress - simpan menu wp

Terakhir, periksa menu Anda dari ujung depan dan Anda akan melihat pos kustom di sana.

tambahkan halaman ke menu wordpress - penawaran cpt

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 .

tautan khusus

Setelah Anda membukanya, Anda akan melihat opsi untuk menambahkan URL dan teks tautan Anda.

url dan teks tautan

Cukup lengkapi bidang dan tambahkan item ke menu. Misalnya, untuk demonstrasi ini, kami akan menambahkan tautan ke halaman Facebook kami.

tautan ke facebook

Setelah menyimpan perubahan, periksa situs Anda dari ujung depan dan Anda akan melihat tautan baru ke halaman Facebook Anda di menu.

tautan fb ke halaman

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 .

kelas css

Setelah itu, ketika Anda memperluas item menu Anda, Anda akan melihat properti Kelas CSS baru.

properti kelas css

Untuk contoh ini, kita akan mengatur kelas CSS menu kita sebagai careers-cta dan menyimpan menu.

Tambahkan halaman ke menu WordPress - Simpan kelas css

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.

editor css tambahan

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.

kode css karir

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.

  1. Dengan Menu WordPress
  2. 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.