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
- Kamu masuk ke Pages - Add New.
Gambar 2. Pilih Pages - Add New - 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 - Selanjutnya kamu kembali ke dashboard
- Kamu Pilih Appearance - Menus
Gambar 5. Pilih Appearance - Menus - Kamu Tambahkan dengan nama Home Lalu klik Button Create Menu.
Gambar 6. Masukan Nama Home - 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.
![Cara Koneksi Database MySql Dengan VB.NET[Visual Studio Terbaru]](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQcxWWBdUDRRWWYk5ZcfyVyqlscBPQ5K9mVz4jPrFwN4s3kHFjrSBs67ZZX5lCvQTHybfuUAUhURYdDlXPyOKY3qb3ROYtC1NlYQCVr4VzshytQee1svXFuW34AsOqyW8xoFdJsgCpXR4/s72-c/tutorial+vb+net.jpg)
No comments:
Post a Comment