Mempercantik Menu Bar di WordPress Biar Makin Kece

mengubah status publish ke draft

Hai, Abaikan tentang kata β€œKece” pada judul, aku kebawa kata Mbak Ida yang terus ngatain aku dengan sebutan itu, Huft.. πŸ˜›

Oke, kali ini aku ingin membuat tutorial tentang menu bar biar blog terlihat lebih menarik.

Konten berkualitas memang sangat penting, tapi kalau menurutku penampilan blog yang keren juga nggak kalah pentingnya, hehehe. Bayangkan saja gini, jika kamu melihat seorang wanita, yang paling pertama kamu lihat, itu parasnya yang cantik atau dalamannya yang menarik (dalaman : dibaca hati, karakter dan sifat).

Pasti parasnya dulu kan, penampilan fisik itu yang pertama kita lihat terlebih dahulu, agar kita tertarik untuk melangkah, hahaha. Walaupun ada juga yang mengatakan β€œjangan lihat buku hanya dari covernya saja”. Itu juga benar, Setidaknya melihat cover yang menarik, judul buku yang menarik, pasti kita akan penasaran untuk membacanya. Sama juga dengan Blog.

Karena permintaan teman-teman di group kece di Whats App, kalau berkenan bisa daftar menjadi anggota Group disini. Akhirnya aku memutuskan hari ini untuk membuat tutorial cara membuat menu bar dan Sub menu bar di WordPress.

Baca juga : Media sosial baru

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress

Yang pertama, tentu saja Anda harus login ke Dasboard terlebih dahulu di WP. Selanjutnya yang paling penting kita mempunyai Artikel, Page/Halaman dan Kategori/Label sebuah artikel. Kenapa? Biar kita bisa membuat Menu bar yang merujuk ke Artikel tertentu, atau Halaman ataupun artikel yang disaring dengan Kategori.

Anda bisa lihat kategori dengan memilih Post->Categories. Disitu akan banyak list Kategori yang pernah kita buat.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Menu Kategori

Jika memang Anda masih baru dalam memulai sebuah blog, alangkah baiknya sudah menyiapkan gambaran seperti apa blog yang akan dibuat tersebut. Aku dulu aja sempat mengambar secara garis besar, kategori apa saja yang akan aku muat di blog ini. Jadi sebelum aku membuat artikel, menu bar ku sudah siap, tinggal mengisi sesuai kategori saja.

Ada dua cara membuat Kategori, yang satu seperti gambar diatas, dan yang kedua saat hendak mempublish artikel. Di pinggir kanan ada pilihan β€œ+Add New Categories”. Kita tinggal ketik aja nama sebuah Kategori yang kita inginkan. Untuk β€œParent Category” itu sama artinya seperti Sub kategori atau sebut saja keturunan Goblin dari Kategori pertama.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Membuat Kategori saat membuat artikel

Biasanya yang perlu disiapkan selain Kategori adalah sebuah Laman/Halaman atau sebut saja halaman yang dikhususkan untuk artikel tertentu. Biasanya Halaman itu untuk Kontak, About me, Buku Tamu, Policy Privacy, Disclaimer dan sebagainya. Halaman ini biasanya otomatis terpampang di menu bar, yah tinggal lihat Theme nya aja sih.

Baca juga :Β Cara share artikel secara otomatis ke media sosial

Kedua, Setelah mempunya tiga hal yang aku sebutkan tadi, kita pindah bagaimana cara untuk membuat atau mengaktifkan menu bar. Caranya, pada Dasboard, pilih pilihan Appearance->Menus.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Membuat menu Bar

Pada tampilan Menus, Ketikkan β€œMenu Name” dengan sebuah nama terserah anda, Kalau aku menamainya Custom karena aku sedikit Random biasanya, wkwkkwkwk. Setelah itu pilih β€œCreate Menu”.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Create MenuΒ Bar

Selanjutnya kita akan dihadapkan tampilan seperti di bawah ini, Seperti yang aku jelaskan di atas, Menu bar bisa di link-kan ke sebuah Page/Halaman, Kategori,Post dan Custom Link (abaikan custom link ini, Nggak penting soalnya).

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Menu Structure

Jadi yang perlu kita lakukan hanya dengan memilih sesuatu di Halaman, atau di Kategori ataupun di salah satu artikel yang ingin kita tambilkan di Menu bar. Setelah di pilih hingga ada tanda centang, tinggal klik Add menu untuk memasukkan ke tab Menu Structure. Setelah semua selesai, klik Save Menu.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Menu structure
Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Menu strukture

Oh iya jangan lupa mencentang Display location : Primary menu yang ada di bawah tab Menu Structure, agar Menu yang kita save di terapkan sebagai Halaman utama.
Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Nah seperti ini Hasilnya. Anda bisa mengatur letak menu bar yang mana duluan, dan itu terserah Anda.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Web setelah di save

Jika kita klik menu bar yang merupakan hasil rujukan menuju Kategori, maka hasil yang akan keluar adalah semua artikel dengan kategori tersebut.

Seperti contoh aku mengklik menu bar yang bernamakan β€œPena Diary”. Jadi yang akan muncul adalah tentang semua artikel yang aku labeli dengan kategory pena Diary.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan tab menu berkategori “Penna diary”


Ketiga
, Biar lebih keren, Gunakan Sub menu bar. Jadi gini, Anda mempunyai kategori seperti berikut, β€œPengalaman Hidup, Puisi, Puisi Romantis, Puisi Galau, Puisi Sedih β€œ.

Anda ingin membuat β€œPuisi” menjadi sebuah menu bar paling atas, sedangkan β€œPuisi Romantis, Puisi Galau, Puisi Sedih” berada tepat di bawah menu bar β€œPuisi”, atau dinamakan Sub menu bar dari β€œPuisi”. Maka ikuti cara berikut ini.

Baca juga : Mempertimbang Widget Yang Penting Di Pasang Di WordPress

Sama seperti tadi, kita cukup menuju Appearance->Menus->Menu Structure. Anda bisa mengeser kategori atau laman yang terdapat di β€œMenu structure” bergeser sedikit ke kanan. Itu otomatis menjadi Sub menu.

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Membuat Sub Menu bar

Coba perhatikan gambar di atas. Menu β€œPelajaran Hidup” akan menjadi menu bar utama, Sedangkan β€œPuisi” merupakan Sub menu dari β€œpelajaran hidup”.

Sedangkan jika β€œPena Diary” aku geser ke kanan melebihi posisi menu β€œPuisi”. Maka menu β€œPena Diary” akan menjadi Sub menu dari Puisi”.

Gampangannya gini, Pelajaran Hidup=>Menu utama, Puisi => Sub menu 1, dan Pena Diary=> Sub menu 2. Dan lihat hasilnya. Tadaaaaa…

Cara Membuat Menu Bar Dan Sub Menu Bar Di WordPress
Tampilan Menu bar dan Sub menu bar

*****

Yah begitulah tutorial sederhana yang bisa aku buat, kurang lebihnya mohon di maafkan, karena aku juga masih perlu belajar mengingat aku masih Newbie di WP ini :P.

Selamat mencoba kawan.

[AI]

Share This :

52 Replies to “Mempercantik Menu Bar di WordPress Biar Makin Kece”

  1. Blogger kece. 😎
    Trimakasih Mas Nur, sudah menunaikan permintaan kami πŸ™Œ

    1. udahlah, jangan panggil kayak gitu…
      kayak gimana gitu….
      sama-sama, lumayan dapat topik untuk bikin artikel hari ini

    2. Hehehe.. bercanda Mas Nur.

  2. Akhirnya akhirnya :))

    1. Apa sih yang nggak buat kamyu, Aseek πŸ˜›

  3. Karna grup, hahhaa πŸ˜‚

    1. aku kan orangnya pegang janji, jadi yah gimana lagi 😎😎

    2. Besook aku req yg lain juga deh πŸ˜›πŸ˜œ

    3. 😱😱😱 Tidaaaakkk… 😭😭😭😭

  4. Like aja yah, no comment . Otaknya rada lemotπŸ˜πŸ˜πŸ˜πŸ˜‚πŸ˜‚πŸ˜‚πŸ˜‚

    1. hahaha πŸ˜€
      semangat bun, biar ikutan kece *eh πŸ˜›

    2. Udah gak bisa ni

  5. Emang kece dah.. πŸ˜ŽπŸ˜ŽπŸ˜ŽπŸ˜‚

  6. πŸ˜ƒ ketjeh, langsung dibikinkan postinganya. Thanks, saya bisa langsung praktik. Lain kali kalo ada pertanyaan soal blogging tinggal request artikel nih kayaknya hahak πŸ˜‚

    1. Haish… ndak ah..
      kemarin terlanjur janji..
      pria sejati kan nggak boleh ingkar janji 😎😎😎

    2. Kalo begitu tinggal dibuatkan kondisi Om Irawan harus berjanji haha *kabur

    3. Haish.. aku silence aja di Group dari sekarang hahaha

    4. Jangan. We are so count on you πŸ˜ƒ 😁

    5. halah, ngomong opo toh iki, aku ra mudeng bahasa inggris..
      πŸ˜€

    6. πŸ˜€ hiii

  7. mantap. tapi rada binggung dan lemot. sama kayak mb ida kayaknya hehehe

    1. Di coba pelan-pelan mas…
      punya blog dengan penampilan yang menarik, pasti bikin semangat, apalagi kunjungan per harinya juga ikutan meningkat

    2. Siap laksanakan

  8. Mantap dah! Jadi dapat ilmu lagi deh… Makasih ilmunya mas… ^^

    1. Sama sama ^^

  9. Tetap pusing πŸ˜‘

    1. Sabar bang… hadapi dengan ketenangan πŸ˜€

  10. https://polldaddy.com/js/rating/rating.jsWkwk… grup full of faedahness
    Tapi kalau nggak salah masing-masing tema punya ketersediaan menu yang berbeda-beda kan bang?

    1. Iya, cari aja tema yang menurut bang fadel menarik…

  11. nanti prakteknya. sekarang like dulu ajaπŸ™Œmuakaasih bangπŸ˜‚

    1. Sama sama πŸ™‚

  12. Salah fokus ke statistik blognya 😡😡😡

    1. Itu statistik pinjem dasboard blognya teman πŸ˜€

  13. huehueheu ini urusan bikin menu di wordpress emang banyak yang kurang paham. Sedikit agak membingungkan hihi. Padahal kalo udah bisa simple banget hehe. Makasih lho mas Irawan, dari dulu pingin bikin tutorial ini tapi ga kesampaian πŸ˜€

    1. Iya bang…
      Emang kalau di utek utek loh yo mudah banget WP itu…
      Dibanding blogspot yang harus ngedit script manual…

  14. Aku pengin blogku tampil cantik, tapi aku susah belajar yang beginian otakku wis ra nyandak he..he….makanya blogku tak biarkan apa ada.

    1. Dicoba pelan pelan mbak…
      Sebenarnya itu mudah saja…
      Karena WP itu rensponsiv dan sangat memudahkan penggunanya…


    2. https://polldaddy.com/js/rating/rating.jsHmm…iya mas, kalau membuat katagori sy sdh tahu. tapi mau masukkan artikel baru ke salah satu halaman , itu belum tahu

    3. Btw, nggak pengen gabung di group WA mbak?
      Udah banyak temen2 WP yang udah gabung disana.
      Kalau mau, kunjungi aja link yang aku pasang di artikel ini, itu link menuju postingannya bang ical

  15. Artikelnya sangat membantu.. thankss..

    1. Sama sama…
      Senang bisa membantu πŸ™‚

    2. Bg saya mau nanya.. kalo mau mengubah site title itu dengan kata yg lain.. misalnya nama kita.. bisa egk bg? Klo bisa gmna cranya ya bg?

    3. Kalau mau, aku bisa masukin ke group WA khusus blogger
      Jika adik punya WA.
      Kita saling share ilmu dan ada diskusii dan kelas menulis di group tersebut.
      Kalau mau, chat aja di 085755124879

  16. Sepertinya hampir sama seperti cara biasanya. Mungkin lebih ditekankan pada penyusunan kategory menu

    1. πŸ™‚

  17. gambarnya kok ga tampil ya kak?

    1. itu karena saya pakai “lazzy load” di jetpack agar performa blog lebh cepat, biasanya kalau dari handphone, gambarnya suka tidak muncul
      kalau di desktop muncul kok.

Yuk tuliskan unek-unek kalian di sini

This site uses Akismet to reduce spam. Learn how your comment data is processed.