Cara Membuat Menubar Dan Pages Pada Wordpress Part 6 - Bewok Tekno

STAY HUNGRY STAY FOOLISH

Breaking

Home Top Ad

Responsive Ads Here

Sunday, April 1, 2018

Cara Membuat Menubar Dan Pages Pada Wordpress Part 6


bewoksatukosong.com | Hallo semuanya balik lagi dengan si om bewok, kali ini om bewok akan melanjutkan Tutorial Cara Membuat Pages Dan Menubar Pada Wordpress, Oh iya buat yang pembaca baru, om bewok sedang membuat Tutorial Series Membuat Blog Menggunakan Wordpress Tanpa Koding, kalau ada yang mau liat list-Nya, kamu bisa lihat link dibawah ini..


Oke Lanjut membahas Tutorial Membuat Pages Dan Menubar Pada Wordpress
Om bewok aku mau nanya dong, menubar tuh maksudnya kayak apa sih ??? Boleh kasih contoh ga om ? Ga ngerti aku.
Gambar 1. Tutorial Membuat Menubar Pada Wordpress
Sudah Mengerti kan. Jadi urutan-Nya yang akan kita buat adalah

Home | Blog | About Us | Contact Us

Penjelasan-Nya ada dibawah ini 

Home artinya ketika kita klik maka akan menuju ke awal website .

Blog Artinya Semua Artikel kita akan ada di menu Blog

About Us artinya kita mengisi apa saja mengenai website yang kita buat atau boleh juga mengenai tentang perusahaan website tersebut atau kalau kamu membuat blog ini untuk diri sendiri, mungkin boleh memberitahukan sedikit mengenai kamu.

Contact Us artinya kamu bisa masukan email kamu, yang mana jika ada orang atau corporate mengajak kerja sama dengan kamu atau kamu juga bisa memasukan social media kamu, tapi menurut om bewok yang paling etis adalah email atau form kontak, untuk form kontak akan dibuat Tutorialnya sendiri ya, karena artikel ini aja udah banyak banget apalagi ditambah form kontak.

Oke Mari kita mulai caranya.

Kamu hanya membutuhkan beberapa step dan membutuhkan HMMMM kesabaran mungkin hehe

  1. Kamu masuk ke Pages - Add New. 
    Gambar 2. Pilih Pages - Add New
  2. Kamu buat mengenai About Us dan Contact Us dua-dua nya beda pages ya. 
    Gambar 3. Buat Pages About Us
    Gambar 4. Buat Pages Contact Us
  3. Selanjutnya kamu kembali ke dashboard
  4. Kamu Pilih Appearance - Menus 
    Gambar 5. Pilih Appearance - Menus
  5. Kamu Tambahkan dengan nama Home Lalu klik Button Create Menu
    Gambar 6. Masukan Nama Home
  6. Lalu kamu pilih View All Selanjutnya langsung kamu Checklist Semua atau klik Select All, terakhir kita klik Add To Menu (Lihat Gambar Dibawah ini ya) 
    Gambar 7. View All - Select All - Add To Menu
Kita belum selesai karena kita belum memasukan menubar Blog

Caranya gimana ? oke ikutin ya, bentar lagi selesai kok hoho

Kamu masuk ke website kamu, lalu lihat sidebar sebelah kanan ada categories all, sebelumnya kamu harus membuat article yang mana categories-Nya semuanya kita masukan all. (Lihat Gambar dibawah ini ya). 
Gambar 8. Pilih All

Setelah kamu klik all kamu copy url tersebut. 
Gambar 9. Kamu Copy Url Tersebut
Kamu masuk kembali ke dashboard admin - Appearance - Pilih Menus 
Gambar 10. Pilih Appearance - Menus
Kamu menuju Custom Links, selanjutnya kamu paste ke url tersebut lalu beri nama Blog. Terakhir kamu hanya klik button Add To Menu.
Gambar 11. Masukan Url Yang Sudah Di Paste - Beri nama Blog
Karena sekarang menu-Nya ga beraturan, kamu bisa drag & drop tersebut seperti digambar bawah ini. 
Gambar 12. Drag & Drop
Home | Blog | About us | Contact Us

Selanjutnya kamu klik Save Menu

Tinggal satu step lagi karena kalau sekarang kamu buka website kamu, menubar-Nya belum muncul.. Lalu bagaimana cara menampilkan menubar-Nya ??

Kamu Masuk ke Dashboard Admin kamu - Appearance - Customize 
Gambar 13. Pilih Appearance - Customize 
Kamu masuk ke Menus 
Gambar 14. Pilih Menus

Selanjutnya Kamu Pilih Home (Lihat Gambar dibawah) 
Gambar 15. Klik Home
Lalu Checklist bagian Top Menu (Lihat Gambar lagi dibawah ya). 
Gambar 16. Klik Top Menu
Jangan lupa klik Button Published.

Kamu masuk ke website kamu dan VOILAAA Berhasilll.Good Job 
Gambar 16. Berhasil. Congrats buat kita semua
Terimakasih sudah membaca Tutorial kali ini, semoga bermanfaat bagi teman-teman yang ingin belajar membuat website menggunakan wordpress tanpa koding, jangan lupa share ke teman-teman kamu

Oh iya perlu di ingetin lagi bahwa ini adalah Tutorial Series Membuat Website Menggunakan Wordpress Tanpa Koding, Yang mau lihat List / Daftar / Urutan-Nya bisa lihat dibawah ini ya.

No comments:

Post a Comment