Cara Menghilangkan Menu Navigasi Pada Halaman Tertentu Wordpress

Cara Menghilangkan Menu Navigasi Pada Halaman Tertentu Wordpress

Menu navigasi dalam wordpress pada saat instal pertama kali, biasanya terbentuk secara otomatis melalui halaman-halaman yang kita buat di wordpress. Dan kita bisa mengaturnya kemudian, melalui menu Apparance >> Menu.

Menghilangkan Menu Navigasi Pada Halaman Tertentu Wordpress

Namun terkadang saat-saat tertentu kita tidak menghendaki adanya menu navigasi tersebut, misalkan ketika kita ingin membuat landing page dari wordpress. 

Menghilangkan Menu Navigasi Pada Halaman Tertentu Wordpress

Lalu bagaimana cara melakukannya?

Ada 2 cara melakukannnya, yang pertama menggunakan kode php, dan itu tidak akan dibahas di sini, karena akan membuat pusing dengan kode-kode tersebut. Yang kedua dengan cara mengedit css. Cara kedua ini lebih simple dan tidak membuat pusing kepala.

Mulai saja step by step nya ...

Sintaxnya adalah sebagai berikut :

.page-id-5 #navbarouter
{ display: none; }

Tuh, kan cuman 2 baris kode css saja, kita kupas baris per baris nya :

Baris pertama : .page-id-5 #navbarouter 

.page-id-5 menteremahkan ID halaman yang akan dihilangkan menu navigasinya. Caranya adalah: Sorot Edit >> Lihat di status bar bawah, ada tulisan post=5&action=edit. Berarti ID halaman = 5

Cara Menghilangkan Menu Navigasi Pada Halaman Tertentu

#navbarouter menterjemahkan id class dari sebuah tema wordpress. Ini pasti berbeda-beda tiap tema wordpressnya, kebetulan tema yang saya pakai adalah #navbarouter mungkin punya anda akan berbeda. Cara mengetahuinya dengan menggunakan Inspection Tool dari browser anda.

Cara Menghilangkan Menu Navigasi

Baris kedua: { display: none; }

Baris tersebut memerintahkan bahwa class yang disebutkan pada baris sebelumnya dihilangkan / none.

Contoh properti dari css tag display:

 {display: none;}

 {display: inline;}

 {display: block;}

 {display: inline-block;}

 dsb

Silahkan anda pelajari tentang properti css display lebih lanjut.

Setelah itu anda tinggal memasukkan kode yang sudah anda temukan ID halaman dan css class nya ke dalam css editor

Cara Menghilangkan Menu Navigasi Pada Halaman Tertentu

Dah, selesai, cuman segitu aja. 

Silahkan anda baca Error yang sering terjadi pada wordpress untuk mengetahui error yang ada.