Cara Membuat Menu Pada Joomla

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

tutorial 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.

tutorial joomla 

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

membuat menu pada joomla
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 : 

membuat menu pada joomla

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 :

posisi modul joomla

 

Silahkan klik gambar untuk memperbesar !!

Jadi posisi modul untuk theme/template seperti ini adalah :

  1. Top
  2. Left (side bar sebelah kiri)
  3. Right (side bar sebelah kanan)
  4. User 1
  5. User 2
  6. User 3
  7. User 4
  8. Breedcrumb
  9. Sindycate
  10. 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 :

membuat menu di joomla

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 :

membuat menu di joomla

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 :

  1. Di area administrator joomla (back end) klik Menus lalu klik menu manager, lihat gambar :
    buat menu di joomla
  2. Maka akan tampil tampilan sebagai berikut :
    buat menu di joomla
  3. Lalu kliktombol New, tombol ini ada di sebelah kanan, lihat gambar berikut :
    membuat menu di joomla
  4. Setelah tombol New di klik, maka akan muncul tampilan sebagai berikut :
    membuat menu di joomla
    ikuti langkah di atas, jika sudah terus klik tombol save (ada di sebelah kanan). Lihat gambar berikut :
    membuat menu di joomla
  5. Setelah tombolSave di klik maka menu akan bertambah menjadi 2, lihat gambar di bawah ini :membuat menu di joomla
    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.
  6. Untuk mulai menginstal modul menu untuk diisikan pada wadah Top Menu adalah klik Extensions, lalu klik Module Manager, lihat gambar berikut :
    membuat menu di joomla
  7. Setelah Module Manager di Klik, maka akan muncul tampilan seperti ini, lalu klik tombol New :
    membuat menu di joomla
  8. Setelah mengklik Tab New, maka akan muncul tampilan sebagai berikut :
    membuat menu di joomla
    Pilih dan klik Menu.
  9. Setelah mengklik Menu, maka akan muncul form isian seperti gambar berikut :
    membuat menu di joomla
    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 

    membuat menu di joomla
    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

  10. Untuk mengisi top Menu, Klik Menus lalu Pilih dan Klik Top Menu, lihat gambar berikut :
    membuat menu di joomla
  11. Setelah Top Menu di Klik, maka akan muncul tampilan sebagai berikut :
    membuat menu di joomla
    Masih KOsong, cara mengisinya, Klik Tombol New (ada disebelah kanan), lihat gambar berikut :
    membuat menu di joomla
  12. Setelah Tombol New di klik, maka akan muncul tampilan sebagai berikut :
    cara membuat menu di joomla
    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 linkarticles pun akan terbagi bagi lagi kedalam beberapa pilihan, lihat gambar berikut :
    membuat menu di joomla

    • Pilih Article Layout, Jika anda ingin menu itu ngelink (menuju) suatu artikel tertentu.
      Contoh pada blog ahmadyunus.com adalah Menu About Me
      membuat menu di joomla 

      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
      membuat menu di joomla
    • Dan untuk yang lainnya bisa anda coba coba sendiri ya.. itung itung latihan aja.
  13. 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 :
    membuat menu di joomla 

    Nah untuk Parameter, yang paling penting adalah Select Article, lihat gambar berikut:

    membuat menu di joomla

  14. Nah jika sudah beres, jangan lupa klik Apply dan klik Save, Lalu untuk melihat hasilnya klik Preview. Lihat gambar berikut ini :
    membuat menu di joomla
  15. Jreeeng hasilnya adalah seperti ini :
    membuat menu di joomla
    Jika menu di atas di klik maka akan menuju artikel dengan judul ” Tentang Saya
    membuat menu di joomla
  16. 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.

sumberĀ  http://www.ahmadyunus.com/section-blog/43-membuat-website-dengan-joomla-15/123-membuat-menu-pada-joomla.html

About these ads

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s