{"id":34512,"date":"2024-03-13T17:16:10","date_gmt":"2024-03-13T10:16:10","guid":{"rendered":"\/tutorial\/?p=34512"},"modified":"2025-07-30T15:06:30","modified_gmt":"2025-07-30T08:06:30","slug":"cara-menambahkan-halaman-ke-menu-wordpress","status":"publish","type":"post","link":"\/id\/tutorial\/cara-menambahkan-halaman-ke-menu-wordpress","title":{"rendered":"Cara Menambahkan Halaman ke Menu WordPress (2 Metode)"},"content":{"rendered":"

Menu merupakan bagian yang cukup penting dalam desain website WordPress. Selain membantu pengunjung menemukan halaman yang mereka cari, menu berfungsi sebagai elemen navigasi yang bisa memaksimalkan branding.<\/p>

Di samping itu, menu navigasi yang didesain dengan baik juga bisa menyempurnakan tampilan dan nuansa keseluruhan website WordPress Anda. Nah, setelah membuat menu, Anda mungkin perlu menambahkan halaman ke dalamnya untuk memaksimalkan pengalaman pengguna.<\/p>

Kalau belum tahu cara menambahkan halaman ke menu WordPress, lanjutkan membaca artikel ini karena kami akan menjelaskan langkah-langkahnya dalam 2 metode. Mari simak tutorial menambahkan halaman ke menu WordPress di bawah ini yuk!<\/p>

Apa Itu Menu Navigasi WordPress?<\/h2>

Menu navigasi WordPress adalah<\/a> kumpulan link yang mengarah ke halaman web lainnya di website yang sama. Dengan menu navigasi, pencarian informasi bisa menjadi lebih mudah, dan pemilik website bisa mengarahkan pengunjung ke halaman yang diinginkan untuk tujuan tertentu.

Sebagian besar menu navigasi diletakkan di lokasi yang mudah diakses di seluruh website, seperti header halaman dan sidebar.<\/p>

Cara Menambahkan Halaman ke Menu WordPress<\/h2>

Ada dua cara untuk menambahkan halaman ke menu navigasi WordPress: menggunakan fitur menu navigasi bawaan atau Site Editor WordPress baru. Karena hasil akhirnya akan sama, Anda boleh memilih metode mana pun yang dirasa lebih mudah untuk menyesuaikan menu website Anda.<\/p>

\n\n\n

\n

Tips Berguna<\/h4>\n

Sebelum melakukan perubahan apa pun pada menu website, sebaiknya backup website WordPress<\/a> Anda lebih dulu. Dengan begitu, Anda tidak perlu cemas akan mengacaukan website apabila terjadi masalah.<\/p>\n <\/div>\n\n\n\n<\/p>

Cara Menambahkan Halaman ke Menu WordPress dari Dashboard<\/h3>

WordPress memungkinkan Anda mengontrol tampilan menu dari dashboard admin. Berikut cara membuat halaman baru dan menempatkannya sebagai item menu baru.<\/p>

    \n
  1. Login ke dashboard WordPress<\/a> Anda, lalu buka bagian Pages<\/strong> (Halaman) → Add New<\/strong> (Tambah Baru).<\/li>\n\n\n\n
  2. Ketik judul halaman dan konten yang ingin Anda tampilkan pada menu, lalu klik Publish<\/strong> (Publikasikan).<\/li>\n<\/ol>
    \n
    \"membuat<\/figure><\/div>
      \n
    1. Buka Appearance<\/strong> (Tampilan) → Menu<\/strong> dari dashboard admin. Tambahkan nama ke bagian Menu Name<\/strong> (Nama Menu), lalu centang kotak Top Menu<\/strong> (Menu Atas). Klik tombol Create Menu<\/strong> (Buat Menu). Ulangi langkah ini untuk semua halaman yang Anda perlukan.<\/li>\n<\/ol>
      \n
      \"membuat<\/figure><\/div>
        \n
      1. Di bagian Add menu items<\/strong> (Tambahkan item menu) → Pages<\/strong> (Halaman), centang kotak di samping halaman yang akan dimasukkan dalam menu baru, kemudian klik tombol Add to Menu<\/strong> (Tambah ke Menu).<\/li>\n<\/ol>
        \n
        \"memilih<\/figure><\/div>
          \n
        1. Seret dan letakkan opsi menu untuk menyusunnya ulang. Untuk membuat sub-menu, letakkan item menu di sebelah kanan, di bawah menu induk yang ditentukan. Setelah selesai, klik tombol Save Menu<\/strong> (Simpan Menu).<\/li>\n<\/ol>
          \n
          \"menyusun<\/figure><\/div>

          Sekarang, setelah menu baru dibuat, Anda bisa menyesuaikannya dengan menambahkan ikon menu WordPress untuk memperjelas tampilannya dan menyempurnakan keseluruhan item menu.<\/p>

          WordPress juga bisa menggunakan link kustom, kategori, dan postingan sebagai opsi menu. Misalnya, perluas menu drop-down Custom Link<\/strong> di bawah bagian Add menu items<\/strong> lalu tambahkan URL dan teks link yang dipilih sebagai item menu. Metode ini berguna untuk mengarahkan pengunjung ke halaman web eksternal.<\/p>

          \n
          \"menambahkan<\/figure><\/div>

          Menambahkan Halaman dalam Menu Menggunakan Site Editor<\/h3>

          WordPress menyediakan fitur pengeditan website lengkap melalui Site Editor barunya, yang tersedia mulai dari versi 5.9. Agar bisa menggunakan metode ini, Anda perlu memilih tema yang mendukungnya.<\/p>

          \"\"<\/a><\/figure>

          Kami akan menggunakan tema Twenty Twenty-Two untuk tutorial ini. Berikut adalah cara menambahkan halaman ke menu WordPress menggunakan Site Editor.<\/p>

            \n
          1. Pergi ke Appearance<\/strong> (Tampilan) → Editor <\/strong>dari dashboard admin Anda.<\/li>\n<\/ol>
            \n
            \"memilih<\/figure><\/div>
              \n
            1. Klik header halaman untuk mengaktifkannya, lalu klik tombol (+<\/strong>) di pojok kanan bawah. Cari blok navigasi lalu tambahkan ke bagian tersebut.<\/li>\n<\/ol>
              \n
              \"menambahkan<\/figure><\/div>
                \n
              1. Klik menu bar untuk membuka pengaturan. Pilih item menu, lalu gunakan panah kiri dan kanan untuk menyesuaikan posisinya.<\/li>\n<\/ol>
                \n
                \"pengaturan<\/figure><\/div>
                  \n
                1. Masih di menu bar, klik tombol (+<\/strong>) dan pilih halaman untuk disematkan sebagai item menu. Pilih slider Open in new tab<\/strong> (Buka di tab baru) untuk membuka halaman baru di tab yang berbeda.<\/li>\n<\/ol>
                  \n
                  \"menambahkan<\/figure><\/div>
                    \n
                  1. Klik tombol Simpan <\/strong>setelah Anda selesai.<\/li>\n<\/ol>

                    Apabila tema Anda saat ini tidak mendukung Site Editor, tambahkan kode kustom ke file functions.php<\/strong> tema menggunakan Editor File Tema WordPress<\/a>. Kunjungi WordPress Codex<\/a> untuk mendapatkan fungsi menu navigasi.<\/p>

                    User WordPress 6.2 bisa menggunakan tool UI block Navigation <\/strong>untuk menambahkan bagian menu. Klik simbol (+<\/strong>) di sidebar pengaturan untuk membuat item baru.<\/p>

                    \n
                    \"menambahkan<\/figure><\/div>

                    Anda bisa mengurutkan item menu dengan menyeret dan meletakkannya. Untuk membuat submenu, seret dan letakkan item menu yang Anda inginkan ke level yang lebih rendah, atau klik menu Options<\/strong> di samping item menu induk yang dimaksud lalu pilih Add submenu link<\/strong> (Tambah link submenu).<\/p>

                    \n
                    \"menambahkan<\/figure><\/div>

                    Cara lainnya, instal plugin menu WordPress<\/a> untuk menggunakan lebih banyak opsi kustomisasi tanpa harus menulis kode. Misalnya, Max Mega Menu<\/strong> memungkinkan Anda membuat mega menu WordPress dan menambahkan berbagai konten dengan mudah, seperti gambar produk, filter pencarian, dan bahkan peta interaktif.<\/p>

                    \n
                    \"\"<\/a><\/figure><\/div>

                    Kesimpulan<\/h2>

                    Sebagai elemen penting dalam desain website, Anda harus mengoptimalkan menu navigasi untuk memastikan pengalaman pengguna yang optimal.<\/p>

                    Di tutorial ini, Anda sudah mempelajari cara mengatur menu WordPress melalui dashboard dan Site Editor. Anda boleh memilih metode mana pun yang dirasa lebih mudah untuk membuat menu navigasi yang ideal.<\/p>

                    Setelah selesai, lakukan pengecekan menyeluruh untuk memastikan semua item menu yang Anda perlukan sudah ditampilkan.<\/p>

                    Apabila masih memiliki pertanyaan, sampaikan lewat kolom komentar di bawah artikel ini yuk. Semoga berhasil!<\/p>\n","protected":false},"excerpt":{"rendered":"

                    Menu merupakan bagian yang cukup penting dalam desain website WordPress. Selain membantu pengunjung menemukan halaman yang mereka cari, menu berfungsi sebagai elemen navigasi yang bisa memaksimalkan branding. Di samping itu, menu navigasi yang didesain dengan baik juga bisa menyempurnakan tampilan dan nuansa keseluruhan website WordPress Anda. Nah, setelah membuat menu, Anda mungkin perlu menambahkan halaman […]<\/p>\n

                    Read More…<\/a><\/p>\n","protected":false},"author":190,"featured_media":34514,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"","rank_math_description":"Menu memiliki peran yang penting pada website, terutama dalam hal optimasi desain. Baca cara menambahkan halaman ke menu WordPress yuk!","rank_math_focus_keyword":"cara menambahkan halaman ke menu wordpress","footnotes":""},"categories":[4859],"tags":[],"class_list":["post-34512","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/ajouter-une-page-au-menu-wordpress","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/cara-menambahkan-halaman-ke-menu-wordpress","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/como-anadir-pagina-al-menu-de-wordpres","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/how-to-add-page-to-menu-wordpress","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/how-to-add-page-to-menu-wordpress","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/34512","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=34512"}],"version-history":[{"count":7,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/34512\/revisions"}],"predecessor-version":[{"id":45059,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/34512\/revisions\/45059"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/34514"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=34512"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=34512"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=34512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}