Mengganti Template Web [Seri Membuat Web Dengan Joomla]
OK.... Menu sudah, hemmm alangkah baiknya terlebih dahulu kita merubah tampilan web kita. yups, kita perlu mengganti template untuk web kita agar supaya web kita terlihat lebih elegan.
Lansung saja, sebelum mengganti template terlebih dahulu kita harus mendownload. anda dapat mencari template dimana saja yang sesuai dengan versi joomla anda (dalam hal ini kita menggunakan joomla 1.5)
untuk informasi awal kita dapat mendownload dan menggunakan secara gratis template joomla disini :
*) Joomla 1.5 (http://www.siteground.com/joomla-hosting/joomla15-templates.htm)
*) Joomla 1.0.x (http://www.siteground.com/joomla-hosting/joomla10-templates.htm)
untuk web kita langsung sedot ajah yah ke TeKaPe (http://www.siteground.com/order_template_download.php?tid=484)
jika proses download sudah selesai saatnya kita menginstall dan menggunakan template kita. Proses dilakukan menggunakan halaman backend oleh superadmin (http://localhost/websederhana/administrator/)
1. Install Template
untuk menginstall atau memasang template yang sudah di download ada pada menu extension.
Menu Extension > Install/Uninstall
2. Proses Penginstalan
terdapat 3 buah cara untuk menginstall, bisa lewat upload, lewat directory atau lewat url.
saat ini karena filenya sudah ada kita menggunakan cara Upload Package File.
3. Browse File
silahkan pilih template yang sudah di download tadi, biasanya dalam bentuk file kompress. Kemudian tekan tombol Upload File & Install
4. Mengganti Template
untuk mengganti template silahkan klik Menu Extensions > Template Manager
Pilih template anda yang telah anda install kemudian tekan tombol default.
5. Melihat Halaman Depan
hihihi, langkah terakhir silahkan akses http://localhost/websederhana. gimana ? puas ? kalau belum silahkan download template joomlah yang sifatnya free.
Menarik kan ? jika tetap belum puas, silahkan googling bagaimana cara membuat template joomla sendiri hihihi.
Berikut nya Tinggal melengkapi menu menu untuk kebutuhan web kita nantinya :) serta memahami peletakan module pada template ini, karena peletakan module tergantung dari posisi yang telah disiapkan dalam sebuah template.
Selamat Mencoba.
baca artikel lain tentang joomla disini (Kumpulan Artikel Joomla From Zero to Hero)
Mudah-Mudahan Bermanfaat ^_^
Go Kendary Open SOurce Sincerely YOurs
Lansung saja, sebelum mengganti template terlebih dahulu kita harus mendownload. anda dapat mencari template dimana saja yang sesuai dengan versi joomla anda (dalam hal ini kita menggunakan joomla 1.5)
untuk informasi awal kita dapat mendownload dan menggunakan secara gratis template joomla disini :
*) Joomla 1.5 (http://www.siteground.com/joomla-hosting/joomla15-templates.htm)
*) Joomla 1.0.x (http://www.siteground.com/joomla-hosting/joomla10-templates.htm)
untuk web kita langsung sedot ajah yah ke TeKaPe (http://www.siteground.com/order_template_download.php?tid=484)
jika proses download sudah selesai saatnya kita menginstall dan menggunakan template kita. Proses dilakukan menggunakan halaman backend oleh superadmin (http://localhost/websederhana/administrator/)
1. Install Template
untuk menginstall atau memasang template yang sudah di download ada pada menu extension.
Menu Extension > Install/Uninstall
terdapat 3 buah cara untuk menginstall, bisa lewat upload, lewat directory atau lewat url.
saat ini karena filenya sudah ada kita menggunakan cara Upload Package File.
silahkan pilih template yang sudah di download tadi, biasanya dalam bentuk file kompress. Kemudian tekan tombol Upload File & Install
4. Mengganti Template
untuk mengganti template silahkan klik Menu Extensions > Template Manager
Pilih template anda yang telah anda install kemudian tekan tombol default.
5. Melihat Halaman Depan
hihihi, langkah terakhir silahkan akses http://localhost/websederhana. gimana ? puas ? kalau belum silahkan download template joomlah yang sifatnya free.
Menarik kan ? jika tetap belum puas, silahkan googling bagaimana cara membuat template joomla sendiri hihihi.
Berikut nya Tinggal melengkapi menu menu untuk kebutuhan web kita nantinya :) serta memahami peletakan module pada template ini, karena peletakan module tergantung dari posisi yang telah disiapkan dalam sebuah template.
Selamat Mencoba.
baca artikel lain tentang joomla disini (Kumpulan Artikel Joomla From Zero to Hero)
Mudah-Mudahan Bermanfaat ^_^
Go Kendary Open SOurce Sincerely YOurs
Mengelola Menu Joomla [Seri Membuat Web Dengan Joomla]
Tulisan ini kelanjutan dari mengenali manajemen backend joomla nah, pada artikel ini akan dibahas bagaimana mengelola menu ? langsung saja ke Te Ka Pe.
I. Login Sebagai Super Admin
Ketikan url berikut : http://localhost/websederhana/administrator/ kemudian masukan user dan password super admin yang telah di buat saat proses instalasi tempo hari :
user : admin
pass : 123456
II. Mengelola Menu Dalam Menu Manager
Untuk menambahkan menu joomla klik Menus kemudian klik Menu Manager.
Menus > Menu Manager.
Fasilitas dalam menu manager akan menampilkan daftar menu yang telah dibuat, selain itu kita juga dapat menambah, merubah atau menghapus menu.
Menambah Menu :
Menus > Menu Manager > Tombol New
isikan inputan sebagai berikut :
- Unique Name : men_menu_web
- Title : Menu Web
- Description : dikosongkan (berisi deskripsi menu, boleh kosong.)
- Module title : dikosongkan (berisi nama module menu ini, boleh kosong.)
Kemudian Save.
Menghapus Menu :
Mengubah Menu :
Menus > Menu Manager > Pilih Menu (Tandai Menu) > Tombol Edit (atau)
Menus > Menu Manager > Klik Title Menu
III. Mengelola Item Menu
# Internal Link
* Articles
Menampilkan artikel/tulisan dalam web.
* Contacts
Menampilkan daftar kontak yang telah dikelola sebelumnya
* News Feeds
Menampilkan daftar news feeds yang telah dikelola sebelumnya
* Polls
Menampilkan poling yang telah dikelola sebelumnya
* Search
Menampilkan fasilitas pencarian
* User
Menampilkan fasilitas user
* Web Links
Menampilkan web links yang telah dikelola sebelumnya)
* Wrapper
Menampilkan fasilitas wrapper, dimana link website yang dimasukan akan tampil dalam iframe web joomla kita.
# External Link
Pengelolaan link keluar
# Separator
Menu placeholder atau separator menu, biasanya digunakan sebagai alat bantu untuk melihat sementara menu yang telah dibuat tanpa aksi atau parameter
# Alias
Membuat menu yang dapat melink pada menu yang telah dibuat sebelumnya
*kalau ada yang salah tolong dikoreksi*
Mari kita lanjutkan pembuatan menu items kita. Dalam Menu Web terdapat beberapa menu dengan rancangan sebagai berikut :
- Halaman Utama
- Berita
- Artikel
- Visi Misi
- Sejarah
- Struktur Organisasi
- Tentang Kami
lansung ke Te Ka Pe :
Proses Penambahan Item terdiri dari 4 Proses
1. ADD NEW ITEM
Klik tombol new.
Menus > Menu Manager > Kolom Menu Items(s) > Tombol Edit Menu Items > New
2. CHOOSE TYPE ITEM
Pilih jenis item, untuk sementara pilihan type menu kita adalah SEPARATOR berhubung sesuatu dan lain hal yang belum diproses.
3. SETUP ITEM DETAIL
Pengaturan item secara lengkap, dimana inputan pada item details ini adalah sebagai berikut :
title : Halaman Utama (nama titel item kita)
alias : kosongkan saja (alias item kita)
link : kosongka saja (link item kita)
display in : pilih Menu Web (tempat item kita tampil)
Parent item : default (pengaturan sub item)
published : yes (pengaturan ditampilkan atau tidak)
Access Level : Public (pengaturan akses item oleh grup user)
On Click, Open In : Parent Window with browser navigation (aksi ketika item di klik oleh pengunjung web)
4. SAVE
simpan item dan perubahannya.
Lakukan hal yang sama pada menu web yang lain *Menu Berita sampai Menu Tentang Kami* sehingga Menu Web seperti gambar berikut.
nah, menu web kita sudah selesai. sekarang coba kita akses halaman depan web site kita (http://localhost/websederhana)
ups, kok menu yang sudah dibuat belum tampil ? hemm.... jangan panik, untuk pengaturan tampilan item ada pada menu module manager ( Menu Extensions > Module Manager > Site)
IV. Mengatur Peletakan Dalam Module Manager
Setelah berhasil membuat 1 buah menu sebagai percobaan, tiba saatnya kita menampilkan menu tersebut (men_menu_web) dalam web kita.
Menu Extensions > Module Manager > Site
adapun langkah-langkahnya sebagai berikut :
1. Klik Tombol New (pada Module Manager)
2. Pilih jenis modul dalam hal ini Module Menu
3. Pengaturan Module :
a. Detail Module
kolom title : Menu Kanan (isikan nama title module anda)
show title : Yes (untuk menampilkan title, boleh No)
enabled : Yes (untuk mengaktifkan module)
Position : right (peletakan module, sesuai posisi yang ada pada template)
Order : Urutan Menu
Access Level : Public (pengaturan akses item oleh grup user)
b. Menu Assigment
Pada menu ini, kita dapat menonaktifkan beberapa menu ketika menu ini diakses. pemanfaatannya lebih jauh akan ada pada tulisan yang akan datang. untuk saat ini pilih All
c. Module Parameter
Pengaturan parameter module tergantung dari module yang ada. untuk menu silahkan memilih menu yang akan ditampilkan pada isian menu name. untuk lebih lengkapnya sebagai berikut :
Menu Name : men_menu_web
Menu Style : List
Start Level : 0
End Level : 0
Always Show Sub-Menu Items : Yes
Target Position : Kosongkan
Advance Parameter :
Module Class Suffix : _menu
Other Parameter : abaikan dulu
Kemudian Save atau Apply kemudian Save
nah, module peletakan menu web kita sudah selesai. sekarang coba kita akses halaman depan web site kita sekali lagi untuk melihat perubahan (http://localhost/websederhana)
SIP.... sampai menu sudah tampil, diharapkan anda dapat mencoba sendiri untuk menambahkan menu menu yang lain pada posisi top dan left atau right. Sampai disini dulu tulisan ini, sampai jumpa pada tulisan berikutnya untuk pembahasan joomla.
I. Login Sebagai Super Admin
Ketikan url berikut : http://localhost/websederhana/administrator/ kemudian masukan user dan password super admin yang telah di buat saat proses instalasi tempo hari :
user : admin
pass : 123456
II. Mengelola Menu Dalam Menu Manager
Untuk menambahkan menu joomla klik Menus kemudian klik Menu Manager.
Menus > Menu Manager.
Fasilitas dalam menu manager akan menampilkan daftar menu yang telah dibuat, selain itu kita juga dapat menambah, merubah atau menghapus menu.
Menambah Menu :
Menus > Menu Manager > Tombol New
isikan inputan sebagai berikut :
- Unique Name : men_menu_web
- Title : Menu Web
- Description : dikosongkan (berisi deskripsi menu, boleh kosong.)
- Module title : dikosongkan (berisi nama module menu ini, boleh kosong.)
Kemudian Save.
Menghapus Menu :
Menus > Menu Manager > Pilih Menu (Tandai Menu) > Tombol Delete
Mengubah Menu :
Menus > Menu Manager > Pilih Menu (Tandai Menu) > Tombol Edit (atau)
Menus > Menu Manager > Klik Title Menu
III. Mengelola Item Menu
Menus > Menu Manager > Kolom Menu Items(s) > Tombol Edit Menu Items.
Nah, sebelum nya kita perlu mengetahui bahwa content dari item itu sendiri merupakan komponen komponen yang telah terinstall baik secara default maupun secara manual oleh user sendiri.
Kesimpulan Sederhana : Untuk menampilkan componen yang telah terinstall pada web, maka pengelolaanya dilakukan dalam penambahan Item Menu ini.
Terdapat beberapa type menu joomla (standard), diantaranya :
# Internal Link
* Articles
Menampilkan artikel/tulisan dalam web.
* Contacts
Menampilkan daftar kontak yang telah dikelola sebelumnya
* News Feeds
Menampilkan daftar news feeds yang telah dikelola sebelumnya
* Polls
Menampilkan poling yang telah dikelola sebelumnya
* Search
Menampilkan fasilitas pencarian
* User
Menampilkan fasilitas user
* Web Links
Menampilkan web links yang telah dikelola sebelumnya)
* Wrapper
Menampilkan fasilitas wrapper, dimana link website yang dimasukan akan tampil dalam iframe web joomla kita.
# External Link
Pengelolaan link keluar
# Separator
Menu placeholder atau separator menu, biasanya digunakan sebagai alat bantu untuk melihat sementara menu yang telah dibuat tanpa aksi atau parameter
# Alias
Membuat menu yang dapat melink pada menu yang telah dibuat sebelumnya
*kalau ada yang salah tolong dikoreksi*
Mari kita lanjutkan pembuatan menu items kita. Dalam Menu Web terdapat beberapa menu dengan rancangan sebagai berikut :
- Halaman Utama
- Berita
- Artikel
- Visi Misi
- Sejarah
- Struktur Organisasi
- Tentang Kami
lansung ke Te Ka Pe :
Proses Penambahan Item terdiri dari 4 Proses
1. ADD NEW ITEM
Klik tombol new.
Menus > Menu Manager > Kolom Menu Items(s) > Tombol Edit Menu Items > New
2. CHOOSE TYPE ITEM
Pilih jenis item, untuk sementara pilihan type menu kita adalah SEPARATOR berhubung sesuatu dan lain hal yang belum diproses.
3. SETUP ITEM DETAIL
Pengaturan item secara lengkap, dimana inputan pada item details ini adalah sebagai berikut :
title : Halaman Utama (nama titel item kita)
alias : kosongkan saja (alias item kita)
link : kosongka saja (link item kita)
display in : pilih Menu Web (tempat item kita tampil)
Parent item : default (pengaturan sub item)
published : yes (pengaturan ditampilkan atau tidak)
Access Level : Public (pengaturan akses item oleh grup user)
On Click, Open In : Parent Window with browser navigation (aksi ketika item di klik oleh pengunjung web)
4. SAVE
simpan item dan perubahannya.
Lakukan hal yang sama pada menu web yang lain *Menu Berita sampai Menu Tentang Kami* sehingga Menu Web seperti gambar berikut.
ups, kok menu yang sudah dibuat belum tampil ? hemm.... jangan panik, untuk pengaturan tampilan item ada pada menu module manager ( Menu Extensions > Module Manager > Site)
IV. Mengatur Peletakan Dalam Module Manager
Setelah berhasil membuat 1 buah menu sebagai percobaan, tiba saatnya kita menampilkan menu tersebut (men_menu_web) dalam web kita.
Menu Extensions > Module Manager > Site
adapun langkah-langkahnya sebagai berikut :
1. Klik Tombol New (pada Module Manager)
2. Pilih jenis modul dalam hal ini Module Menu
a. Detail Module
kolom title : Menu Kanan (isikan nama title module anda)
show title : Yes (untuk menampilkan title, boleh No)
enabled : Yes (untuk mengaktifkan module)
Position : right (peletakan module, sesuai posisi yang ada pada template)
Order : Urutan Menu
Access Level : Public (pengaturan akses item oleh grup user)
b. Menu Assigment
Pada menu ini, kita dapat menonaktifkan beberapa menu ketika menu ini diakses. pemanfaatannya lebih jauh akan ada pada tulisan yang akan datang. untuk saat ini pilih All
c. Module Parameter
Pengaturan parameter module tergantung dari module yang ada. untuk menu silahkan memilih menu yang akan ditampilkan pada isian menu name. untuk lebih lengkapnya sebagai berikut :
Menu Name : men_menu_web
Menu Style : List
Start Level : 0
End Level : 0
Always Show Sub-Menu Items : Yes
Target Position : Kosongkan
Advance Parameter :
Module Class Suffix : _menu
Other Parameter : abaikan dulu
Kemudian Save atau Apply kemudian Save
nah, module peletakan menu web kita sudah selesai. sekarang coba kita akses halaman depan web site kita sekali lagi untuk melihat perubahan (http://localhost/websederhana)
SIP.... sampai menu sudah tampil, diharapkan anda dapat mencoba sendiri untuk menambahkan menu menu yang lain pada posisi top dan left atau right. Sampai disini dulu tulisan ini, sampai jumpa pada tulisan berikutnya untuk pembahasan joomla.
