Tutorial joomla kali ini adalah bagaimana membuat menu pada website atau blog joomla. Sebelumnya mari kita review pada tutorial awal tentang cara install joomla secara offline.

Sebelum anda membuat menu di joomla ini, sebaiknya anda buat dulu section dan kategori serta beberapa artikel.

Silahkan baca di artikel saya sebelumnya, yaitu : cara mebuat section dan kategori dan cara membuat artikel di joomla

Gambar di atas merupakan tahapan menginstall joomla secara offlinel dengan menyertakan data sampel (Install Sample data), ingat tidak langkah tersebut ?

Nah nanti hasilnya, website atau blog yang anda buat tidak kosong sekali. Tetapi sudah ada isinya dan anda tinggal merubah saja, lihat gambar berikut. Gambar berikut adalah hasil install jika kita mengklik tombol install sample data.

Tapi, jika anda tidak mengklik tombol Install Sample Data, maka website anda akan kosong sama sekali. Seperti gambar berikut :

di joomla, untuk membuat manu dibutuhkan modul. Hampir semua keperluan yang akan di buat di joomla memerlukan yang namanya MoDUL. kalu di wordpress namanya Plugin. Contoh modul dijoomla :

1. Modul untuk membuat Menu

2. Modul untuk membuat Polling (jajak pendapat)

3. Modul untuk input kode html (biasanya untuk memasukkan status YM)

4. Modul untuk menampilkan pencarian (search)

5. Modul untuk menampilkan Statistik pengunjung

6. Modul untuk menampilkan artikel terkait

7. Modul untuk menampilkan banner iklan

8. Modul untuk menampilkan latest post (artikel yang terakhir ditulis)

9. Modul untuk menampilkan artikel popular

10. Modul untuk membuat kolom komentar

11. Modul untuk merubah joomla menjadi toko online

12. dll, banyak sekali modul joomla, intinya semua yang anda mau insya Allah tersedia di joomla dengan cara memasang modul yang sesuai dengan keinginan

Modul joomla ada yang tersedia di pack CMS joomla, dan banyak juga modul joomla yang tidak di bundle di cms joomla, jika tidak ada, kita harus mendownload modul tersebut lalu kita instal

Modul joomla kebanyakan gratis, tapi ada juga yang berbayar.

Modul joomla memerlukan tempat untuk di pasang. Tempat untuk dipasang modul joomla itu tergantung dari theme yang dipakai.

Misalnya kita ingin memasang Menu dengan bantuan modul menu. kita harus melihat dulu tempat yang disediakan oleh theme joomla tersebut. JIka melihat gambar di atas, terlihat bahwa Menu terletak di atas dan disamping sebelah kiri.

Untuk lebih jelasnya lihat gambar berikut :

Sebelum lebih jauh, sangat penting kiranya kita mengatahui posisi modul joomla di setiap theme. Caranya gampang, anda tinggal mengetik : http://nama_domain/index.php?tp=1

Jika Blog anda diinstal secara offline (menggunakan local server) anda bisa ketikan :

http://localhost/folder_joomla_diinstal/index.php?tp=1

Semuanya diketikan di address bar browser anda. maka akan muncul tampilan sebagai berikut :

Silahkan klik gambar untuk memperbesar !!

Jadi posisi modul untuk theme/template seperti ini adalah :

Top
Left (side bar sebelah kiri)
Right (side bar sebelah kanan)
User 1
User 2
User 3
User 4
Breedcrumb
Sindycate
Debug

Mungkin untuk theme/template yang lain, akan berbeda lagi posisi modulnya.

Ok sekarang kita mulai tutorial membuat menu di joomla

A. Membuat menu di joomla untuk Blank Joomla

Maksud dari blank joomla adalah menginstall cms joomla tanpa menginstal sample data sewaktu install cms joomla, kira kira bentuk dari blank joomla adalah sebagai berikut :

Kira kira seperti gambar di atas, jadi cms joomla yang kita install benar benar kosong tanpa artikel contoh sedikitpun, hanya ada satu menu di sebelah kiri. dan itupun cuma menu home saja.

Di artikel ini saya akan membahas membuat menu di joomla untuk menu yang ada di atas (dengan posisi modul user 3), lihat gambar berikut untuk lebih jelasnya posisi menu yang akan menjadi proyek kita kali ini :

Nah lihat gambar di atas, pada posisi modul yang saya lingkari adalah posisi User 3 untuk template ini. Ditempat inilah kita akan membuat menu.

Langkahnya adalah sebagai berikut :

Di area administrator joomla (back end) klik Menus lalu klik menu manager, lihat gambar :
Maka akan tampil tampilan sebagai berikut :
Lalu kliktombol New, tombol ini ada di sebelah kanan, lihat gambar berikut :
Setelah tombol New di klik, maka akan muncul tampilan sebagai berikut :

ikuti langkah di atas, jika sudah terus klik tombol save (ada di sebelah kanan). Lihat gambar berikut :
Setelah tombolSave di klik maka menu akan bertambah menjadi 2, lihat gambar di bawah ini :
Sampai tahap ini kita sudah membuat wadah untuk menu baru dengan nama Top Menu, langkah selanjutnya adalah kita tinggal mengisi menu untuk Top Menu dengan modul menu.
Untuk mulai menginstal modul menu untuk diisikan pada wadah Top Menu adalah klik Extensions, lalu klik Module Manager, lihat gambar berikut :
Setelah Module Manager di Klik, maka akan muncul tampilan seperti ini, lalu klik tombol New :
Setelah mengklik Tab New, maka akan muncul tampilan sebagai berikut :

Pilih dan klik Menu.
Setelah mengklik Menu, maka akan muncul form isian seperti gambar berikut :

Title : Beri nama Top Menu (atau terserah anda)
Show Title : yes
Enabled : Yes
Position : ingat posisi dimana kita akan meletakan menu ini (user3)
Access Level : Jika menu anda ingin terlihat untuk umum pilih Public
Menus : pilih All

IKuti langkahnya seperti gambar di atas, kalau sudah beres, klik Apply lalu klik Save.

Nah sampai langkah ini, Modul Menu untuk Top Menu dengan Posisi Modul User3 sudah terinstall, Saatnya mengisi Top Menu
Untuk mengisi top Menu, Klik Menus lalu Pilih dan Klik Top Menu, lihat gambar berikut :
Setelah Top Menu di Klik, maka akan muncul tampilan sebagai berikut :

Masih KOsong, cara mengisinya, Klik Tombol New (ada disebelah kanan), lihat gambar berikut :
Setelah Tombol New di klik, maka akan muncul tampilan sebagai berikut :

Gambar di atas merupakan pilihan tautan (link) yang akan dibuka jika menu yang kita buat di klik oleh orang. Ada 4 macam tautan, yaitu :
1) Internal Link, yaitu kita akan membuat link internal (link kedalam blog kita sendiri. Internal link dibagi ke 8 jenis: apakah akan menuju sebuah artikel, ataukah menuju kontak, atau poll, atau yang lainnya.
2) External Link, yaitu tautan ke luar blog kita, misal kalau ada orang lain mengklik maka akan menuju website atau blog yang lain.
3) Separator (belum saya coba)
4) Alias (belum saya coba)

Nah pada proyek kali ini saya akan buat agar menu yang nantinya kita buat menuju ke sebuah artikel, Misalkan, Saya akan membuat Menu ” Tentang Saya ”

Di internal link – articles pun akan terbagi bagi lagi kedalam beberapa pilihan, lihat gambar berikut :
- Pilih Article Layout, Jika anda ingin menu itu ngelink (menuju) suatu artikel tertentu.
  Contoh pada blog ahmadyunus.com adalah Menu About Me
  
  Narsis dikit ah, hehehe..
- Pilih Category Blog Layout, jika anda ingin menu ngelink ke artikel dengan kategori tertentu, dimana tampilannya seperti blog. Pada blog ahmadyunus.com contohnya pada menu Bisnis Online, tutorial internet, Tutorial komputer, Info terkini, Tahukah anda ?, Kisah aneh dan lucu
- Dan untuk yang lainnya bisa anda coba coba sendiri ya.. itung itung latihan aja.
Nah di artikel ini, saya akan membuat menu ini ngelink ke suatu artikel tertentu, jadi saya pilih Article Layout, Setelah di klik Article Layout, maka akan muncul Format isian yang harus dilengkapi, sebagai berikut :

Nah untuk Parameter, yang paling penting adalah Select Article, lihat gambar berikut:
Nah jika sudah beres, jangan lupa klik Apply dan klik Save, Lalu untuk melihat hasilnya klik Preview. Lihat gambar berikut ini :
Jreeeng hasilnya adalah seperti ini :

Jika menu di atas di klik maka akan menuju artikel dengan judul ” Tentang Saya ”
Nah proyek kita membuat menu di joomla untuk joomla yang masih kosong sama sekali sudah beres, jika anda ingin menambahkan lagi selain tentang saya, ulangi saja langkah 10 sampai dengan 14. OK.