Banner Homepage
IndoWebsite

Membuat Menu Drop Down Di Joomla

Menu dalam sebuah website digunakan sebagai alat navigasi untuk mengarahkan pengungjung ke berbagai macam konten website. Untuk Anda yang sedang belajar website menggunakan CMS Joomla dan menginginkan tampilan website yang lebih menarik dengan adanya menu drop down, Anda dapat memilih salah satu cara berikut ini:

  • Membuat menu drop down sendiri dengan menggunakan scipt HTML dan CSS.
  • Menggunakan template yang telah memiliki menu drop down build-in.
  • Menggunakan modul menu drop down untuk template yang tidak mendukung menu drop down.

Kali ini akan dijelaskan cara membuat menu drop down di website CMS Joomla 3 menggunakan ekstensi berupa modul menu drop down. Untuk Anda yang menggunakan template bawaan Joomla, perlu diketahui bahwa template bawaan tidak mendukung menu drop down. Menu drop down dapat dihasilkan salah satunya dengan memasang modul menu drop down, misalnya menggunakan modul ARI Ext Menu yang dapat diunduh gratis di sini. Berikut ini adalah langkah-langkah untuk membuat menu drop down di template Protostar menggunakan modul ARI Ext Menu.

Buat atau rancang terlebih dahulu menu dan submenu yang akan direncanakan. Sebagai contoh, berikut ini adalah hirarki sebuah parent menu Aplikasi dengan tiga submenu yaitu Microsoft Office, OpenOffice dan CMS yang terletak di modul Main Menu. Submenu Microsoft Office memiliki dua submenu yaitu Microsoft Word dan Microsoft Excel.

Unggah (upload) dan pasang (install) modul ARI Ext Menu yang telah diunduh melalui menu Extensions > Manage. Pastikan Anda berada di tab Install dan di area sebelah kanan pastikan juga Anda berada di tab Upload Package File.

Klik menu Extensions > Modules, cari modul bernama Main Menu dan kemudian nonaktifkan (unpublish) dengan mengklik tanda centang hijau di kolom Status. Hal ini dimaksudkan agar modul Main Menu tidak muncul dan akan ditampilkan secara drop-down melalui modul ARI Ext Menu. Setelah modul Main Menu dinonaktifkan, cari modul ARI Ext Menu yang telah dipasang (install) sebelumnya dan kemudian klik. Pastikan Anda berada di tab Module, di bagian Position, tempatkan module ARI Ext Menu di posisi Navigation [position-1] untuk template protostar.

Di bagian Status, pilih Published dari kotak drop-down berlabel Status.

Pindah ke tab Menu Assignment dan kemudian pilih On all pages dari kotak drop-down berlabel Module Assignment.

Buka kembali website Anda atau segarkan lagi (refresh) apabila laman masih terbuka. Sekarang website Anda sudah memiliki menu drop-down dengan bantuan modul ARI Ext Menu.

Untuk memperbaiki mutu konten, bagi pengunjung setia termasmedia.com dapat melaporkan apabila ada kesalahan ketik, kata-kata rangkap yang tidak semestinya, redaksi kurang pas (jelas), gambar pendukung tidak ada dan lain sebagainya melalui form di menu Kontak Kami untuk mendapatkan perbaikan. Terima kasih atas partisipasi Anda.

Hindro HindriantoHindro adalah pendiri sekaligus admin termasmedia.com dan topikit.com, blog online yang mengulas teknologi informasi. Dunia web mulai ditekuni tahun 2012 dengan mempelajari CMS Joomla dan Wordpress. Beberapa buku yang sekarang dipelajari antara lain PHP, HTML5, ASP.NET 4.5, JavaScript, CSS3, MySQL, Adobe Dreamweaver, Adobe Photoshop dan Adobe Flash.