Websekolahindonesia.Com

Reference of School Website Developing A to Z

Infoflash

Setelah lebih setahun CMS Balitbang stagnan pada versi 3.5, pertengahan Desember 2012 telah diluncurkan versi terbaru yakni CMS Balitbang versi 3.5.2.  Versi terbaru ini bisa diunduh (download) pada halaman download

Home Tutorials Pembuatan Menu Website Sekolah Berbasis Joomla (1.5)
Pembuatan Menu Website Sekolah Berbasis Joomla (1.5) •PDF• •Print• •E-mail•
•Written by Administrator•   
••Saturday•, 30 •July• 2011 18:05•

Tutorial ini merupakan kelanjutan dari tutorial Joomla yang lalu, yakni: Tutorial pembuatan Isi dan Menu Website Sekolah berbasis Joomla (1.5).  Kalau pada tutorial terdahulu fokusnya pada pembuatan struktur isi (content) website, maka tulisan kali ini akan dikhususkan pada cara pembuatan menu website sekolah dengan CMS Joomla (1.5). Dalam tutorial terdahulu juga diilustrasikan pembuatan seksi Profil dan Informasi beserta kategori-kategori dan artikel-artikel (halaman) di dalamnya.  Oleh karena itu tutorial pembuatan menu website Joomla ini akan menunjukkan pembuatan menu untuk kategori Profil Sekolah (kategori dalam seksi Profil) dan menu untuk Seksi Informasi.  Dalam Joomla, sebuah menu bisa dihubungkan dengan halaman seksi, atau halaman kategori atau halaman artikel.

Apabila Anda meng-install Joomla tanpa sample data, secara default akan terbentuk sebuah modul menu.  Modul menu tersebut adalah Main Menu dengan satu item menu: Home. Apabila diinginkan penambahan item menu baru pada Main Menu, cukup dengan masuk halaman administrator (back end), Klik menu: Menus ==> Main Menu ==> New, setelah itu lakukan setting maka jadilah sebuah item menu baru dari Main Menu (akan dilustrasikan di bawah).  Akan tetapi apabila Anda menginginkan sebuah Modul Menu baru, misalnya Top Menu yang akan ditempatkan pada posisi modul berbeda (misalnya pada posisi top), berarti Anda terlebih dahulu harus membuat modul menu baru sebelum membuat item menu seperti item menu dari Main Menu di atas.

Pada prototipe website sekolah WSI yang menggunakan template JS Education 1.5, modul main menu akan terlihat pada posisi kiri (left).  Pada tutorial ini akan ditunjukkan penambahan modul menu baru (menu drop down) yang akan ditempatkan pada posisi top. Top menu ini akan bisa diakses dari semua halaman.  Beberapa modul menu baru juga akan di-setting pada posisi kiri (left) dan menu ini akan terlihat pada halaman-halaman tertentu.  Misalnya, ketika pengunjung mengklik menu atas (top menu): Informasi, maka akan terbuka halaman yang dirujuk menu tersebut;  Di sebelah kiri halaman informasi akan terlihat modul menu informasi beserta sub-sub menunya.

1. Membuat Menu Baru
a.  Login ke halaman administrator (back end) Joomla
b. Klik menu: Menus ==> Menu Manager
c.  Setelah halaman menu manager terbuka, kilk New (sebelah kanan atas) untuk membuat menu baru.
d. Isi form pembuatan menu baru (Top Menu) sebagai berikut:
Unique name : topmenu (tanpa spasi), Title: Top Menu, Description:menu atas, Module Title: Top Menu (otomatis akan terbentuk modul Top Menu**)
e. Klik Save untuk menyimpan.

2. Membuat Item dari Menu baru
Setelah menu baru dibuat, langkah selanjutnya adalah membuat item-item dari menu tersebut, bahkan sub item kalau diperlukan. Dalam ilustrasi ini akan dibuat struktur sebagai berikut:
Menu: Top Menu
Item Menu:
1) Home
2) Profil Sekolah: Sub item: Visi dan Misi, Sejarah Singkat, dst.
3) Informasi : Sub item: Agenda Sekolah,Info Sekolah, Berita Pendidikan, dst.
4) dst.
Untuk mewujudkan struktur di atas, ikuti langkah-langkah berikut:
a. Klik menu: Menus ==> Top Menu
b. Setelah itu akan terbuka halaman Menu Item Manager (topmenu).
1) Home, item menu ini akan dihubungkan dengan halaman depan (frontpage). Untuk membuatnya, klik New==>Articles==> Frontpage Blog Layout.  Pada halaman pengaturan Frontpage, lakukan pengaturan seperlunya.  Untuk sementara cukup isi kolom Title: Home (sesuaikan dengan keinginan Anda, misalnya: Beranda). Klik Save.

3.  Mengaktifkan Modul Menu Baru
Untuk mengaktifkan sebuah modul menu baru, dalam hal ini top menu, langkah-langkahnya sbb:
a.  Masih di halaman administrator (back end) Joomla
b.  Klik Menu Extensions ==> Module Manager
c.  Setelah halaman Module Manager terbuka, cari modul Top Menu**
d.  Klik Top Menu untuk melakukan pengaturan terhadap modul tersebut.
e.  Setelah itu akan muncul halaman pengaturan modul menu baru tersebut.  Lakukan pengaturan seperlunya,sebagai berikut:
DETAILS: Title*: Top Menu ; Show Title: No ; Enable: Yes ; Position: Top
PARAMETERS: Menu name: topmenu, menu Style: List, Always show sub-menu items: Yes. Paramater lainnya tidak perlu diubah untuk tampilan sebagaimana ditunjukan dalam Demo (lihat menu Demo)


 

•Last Updated on ••Wednesday•, 19 •December• 2012 05:52••
 

Supported by:

Hosting Indonesia

TRANSLATOR

CHAT WITH WSI