Siapa yang tidak menginginkan halaman websitenya tampil cantik dan menarik? Tentu saja siapapun akan berusaha untuk memoles halaman websitenya sedemikian rupa sehingga dapat menarik pengunjung. Salah satu cara yang bisa Anda lakukan untuk mempercantik halaman website Anda adalah dengan menampilkan galeri foto yang tampak artistik dengan beragam tema, bisa berupa alam, flora, fauna, kuliner, dan lain sebagainya.
Untuk menampilkan galeri foto tersebut, Anda bisa menggunakan ekstensi image slide show yang dapat Anda peroleh secara gratis di situs Joomla yang salah satu di antaranya adalah JoomGallery. Untuk memperoleh ekstensi ini, Anda bisa download di situs https://extensions.joomla.org/index.php?option=com_mtree&task=listcats&cat_id=1779&Itemid=35. Ekstensi ini berbentuk component yang mudah untuk Anda instal dan aplikasikan ke halaman administrator Joomla Anda. Adapun proses instalasinya sebagai berikut:
1. Awali dengan memilih menu Extensions > Install/Uninstall.
2. Apabila Anda sudah berada di halaman Extension Manager, klik tombol Browse.
3. Muncul kotak dialog File Upload, pilih file ekstensi JoomGallery.
Gambar 4.1. Memilih File Ekstensi JoomGallery
4. Sesudahnya tekanlah tombol Open.
5. Anda kini berada kembali di halaman Extension Manager, mulailah proses upload dan instal dengan mengklik tombol Upload File & Install.
6. Jika proses instalasi telah usai dan berjalan dengan lancar, maka Anda akan melihat notifikasi yang muncul yaitu “Install Component Success”.
Gambar 4.2. Notifikasi Keberhasilan Proses Instalasi
7. Sekarang bukalah Tab Component dan Anda bisa melihat nama component JoomGallery telah terdaftar di dalamnya.
Gambar 4.3. Component JoomGallery yang telah Terinstal
4.1 Membuat Kategori
Hal pertama yang harus Anda lakukan setelah component JoomGallery berhasil diinstal adalah membuat kategori image. Berikut ini langkah-langkahnya:
1. Buka menu Components > JoomGallery > Category Manager.
Gambar 4.4. Membuka Menu Components > JoomGallery > Category Manager
2. Selanjutnya muncul halaman JoomGallery: Category Manager, klik ikon New.
Gambar 4.5. Mengklik Ikon New di Halaman JoomGallery: Category Manager
3. Ketikkan nama kategori di kotak Title.
4. Setelah itu tuliskan deskripsi singkat mengenai nama kategori di kotak Description.
Gambar 4.6. Mengetikkan Judul dan Deskripsi Kategori
5. Kemudian lakukan pengaturan sebagai berikut:
· Access: Public
· Published: Yes
· Ordering: First
Gambar 4.7. Mengatur Access, Published dan Ordering
6. Kalau sudah klik ikon Save .
7. Nama kategori yang Anda buat langsung masuk dalam daftar kategori di halaman Category Manager seperti tampak pada ilustrasi berikut.
Gambar 4.8. Tampilan Daftar Kategori di Halaman Category Manager
8. Jika Anda ingin membuat kategori lebih dari satu, maka lakukanlah langkah-langkah yang sama dan hasilnya nanti bisa Anda lihat di halaman Category Manager yang menampilkan lebih dari satu kategori seperti berikut.
Gambar 4.9. Daftar Kategori di Halaman Category Manager
4.2 Meng-upload Image
Selesai dengan proses pembuatan kategori, berikutnya Anda perlu meng-upload file-file image yang akan dimasukkan ke dalam masing-masing kategori yang telah Anda buat. Adapun proses upload file image dapat dijabarkan dalam langkah-langkah berikut:
1. Mulailah dengan membuka menu Components > JoomGallery > Picture Upload.
Gambar 4.10. Membuka Menu Components > JoomGallery > Picture Upload
2. Pada halaman JoomGallery: Picture Upload yang muncul kemudian, klik tombol Browse.
Gambar 4.11. Mengklik Tombol Browse
3. Berikutnya Anda berhadapan dengan kotak dialog File Upload, bukalah folder penyimpanan file-file image yang ingin Anda tampilkan lalu seleksilah salah satu file image.
Gambar 4.12. Menyeleksi Salah Satu File Image
4. Setelah itu tekan tombol Open.
5. Lakukan langkah yang sama untuk memasukkan file-file image lainnya di deretan Select Image yang ada di halaman JoomGallery: Picture Upload hingga terisi seluruhnya.
Gambar 4.13. Memasukkan File Image di Deretan Select Image
6. Kalau sudah sorot kotak kombo Category Photo Will be Assigned to lantas pilih kategori yang sesuai dengan image.
7. Berikutnya isilah kotak-kotak yang ada di bawah seperti contoh berikut:
· Generic Title: Insect Gallery
· Generic Description (optional): All About Insect
· Author (optional): Administrator
· Aktifkan kotak cek Transparent or animated picture files?
Gambar 4.14. Pengisian Kotak Generic Title, Generic Description dan Author
8. Sesudah itu tekanlah tombol Upload.
9. Jika proses upload file image berjalan lancar, maka muncul notifikasi Upload successful.
Gambar 4.15. Notifikasi yang Menyatakan Proses Upload File Image Sukses
10. Untuk menambahkan image pada kategori lainnya, lakukanlah dengan cara yang sama.
4.3 Mengatur Menu
Jika Anda telah menambahkan file-file image dalam setiap kategori yang Anda buat, maka tahap selanjutnya adalah mengatur menu agar galeri foto Anda dapat tampil di halaman web. Bagaimana selengkapnya, ikuti terus langkah-langkah berikut ini:
1. Pilih menu Menus > Main Menu.
Gambar 4.16. Memilih Menu Menus > Main Menu
2. Klik ikon New di halaman Menu Item Manager yang muncul kemudian.
Gambar 4.17. Mengklik Ikon New di Halaman Menu Item Manager
3. Pada halaman berikutnya, pilihlah opsi JoomGallery.
Gambar 4.18. Memilih Opsi JoomGallery
4. Lanjutkan langkah dengan mengetikkan judul galeri foto yang akan Anda tampilkan di halaman web pada kotak Title.
Gambar 4.19. Mengetikkan Judul Galeri Foto
5. Kalau sudah klik ikon Apply kemudian Save .
4.4 Menampilkan Galeri Foto
Tentunya Anda ingin melihat hasil dari setiap tahap yang Anda lakukan dalam upaya membuat galeri foto, bukan? Setelah Anda selesai dengan pengaturan menu, kini Anda bisa menampilkan galeri foto di halaman web dengan langkah-langkah sebagai berikut:
1. Pastikan Anda berada di halaman Menu Item Manager.
2. Aktifkan kotak cek di samping menu item My Picture Album (nama galeri foto yang Anda buat dalam proses pengaturan menu) sehingga tercentang.
Gambar 4.20. Mencentang Menu Item My Picture Album
3. Selanjutnya klik ikon Default sehingga tanda bintang berpindah ke menu item My Picture Album.
4. Setelah itu klik link Preview yang ada di bagian atas kanan halaman tersebut.
5. Dalam beberapa detik halaman web Anda langsung menampilkan galeri foto dengan kategori-kategori yang Anda buat seperti tampak pada ilustrasi berikut.
Gambar 4.21. Tampilan Galeri Foto Kategori Insect dan Food
6. Untuk melihat konten dari kategori atau file-file yang tercakup dalam kategori, klik thumbnail dari kategori yang Anda inginkan.
7. Sesaat kemudian Anda bisa melihat galeri image dalam kategori yang Anda pilih.
Gambar 4.22. Tampilan Galeri Foto dalam Salah Satu Kategori
Rekomendasi Artikel: