MODUL JOOMLA! oleh: Putu A. Widhiartha dan Made J. Wiranatha BAB IV MENGEMBANGKAN SITUS Setelah selesai mengolah content untuk situs anda kini saatnya untuk mengembangkan situs anda lebih jauh, terutama dari segi tampilan situs anda. Situs dengan isi yang berkualitas pun akan percuma dan tidak akan banyak dikunjungi jika tampilannya tidak menarik untuk dilihat. Cara paling mudah untuk merubah tampilan situs pada Joomla adalah dengan memanfaatkan fasilitas template. Mengaplikasikan suatu template pada situs berarti memilih suatu tema pada situs anda, yang akan konsisten pada tiap-tiap halaman situs, baik berupa warna tulisan, background, frame, maupun komponen-komponen lainnya. Paket installasi standar Joomla 1.5 dilengkapi dengan dua buah template yaitu beez dan rhuk_milkway yang merupakan default template yang sedang kita gunakan saat ini. Untuk menambah templates yang lain anda dapat men-download dari internet. Banyak situs maupun komunitas Joomla yang menyediakan berbagai macam templates secara gratis. Beberapa situs tersebut antara lain: www.joomla.org www.templatejoomla.com www.themza.com www.joomla-addons.org www.lonex.com www.joomla24.com 4.1 Installasi dan Mengaplikasikan Template Templates Joomla pada umumnya disediakan dalam wujud sebuah file.zip yang berupa folder dimampatkan dan berisi informasi yang diperlukan untuk membuat ulang beberapa file. Untuk menginstal suatu template yang baru, simpan file zip ke dalam komputer Anda di suatu tempat di mana Anda dapat menemukannya dengan mudah. Installasi template tidak secara otomatis mengaplikasikan template itu ke dalam situs anda, hal ini hanya membuat template itu tepasang di dalam sistem Joomla. Anda dapat menginstall banyak templates yang berbeda jika anda mau, dan anda dapat menetapkan template yang berbeda untuk masing-masing item menu jika anda ingin. 31
Berikut ini langkah-langkah untuk installasi dan merubah template situs anda: 1. Login sebagai administrator dan klik Extensions>Install/Uninstall pada toolbar. 2. Anda akan masuk ke halaman Extension Manager. Pada bagian Upload Package File klik Browse dan pilih file template dalam bentuk.zip yang sudah anda download dan simpan di harddisk anda. Setelah itu klik Upload File & Install. Gambar 4.1.1 Prosedur installasi template 3. Template anda sudah terinstall dalam sistem. Tahap berikutnya adalah mengaktifkan template tersebut sehingga tampilan situs anda berubah. 4. Pada toolbar klik Extensions>Template Manager. 5. Pada halaman Template Manager akan tampak templates yang sudah anda install pada sistem Joomla anda. Perhatikan tanda bintang yang menunjukkan template yang sedang aktif saat ini ada pada rhuk_milkway. Klik template yang ingin anda aktifkan dan kemudian klik tombol Default. Gambar 4.1.2 Pilih template yang anda inginkan 6. Template baru anda sudah aktif. Masuk ke http://localhost/joomla15 untuk melihat hasilnya. 32
Gambar 4.1.3 Tampilan baru situs Coba Joomla 7. Anda juga dapat melakukan perubahan-perubahan pada template yang anda download. Pada halaman Template Manager klik pada judul template yang ingin anda modifikasi. Gambar 4.1.4 Halaman untuk modifikasi template anda 33
8. Pada halaman edit seperti gambar di atas, anda dapat merubah antara lain warna background, warna tulisan, dan lebar template. Sayangnya untuk melakukan modifikasi lebih jauh pada template, anda harus menguasai bahasa pemrograman HTML. Jika anda ingin mencoba anda bisa klik Edit HTML dan Edit CSS di toolbar kanan atas. 9. Klik Save setelah anda selesai. Catatan Tambahan : Cara Upload Situs Joomla Anda ke Server Web Hosting Setelah selesai memodifikasi situs Joomla pada server lokal anda, kini anda perlu meng-upload situs Joomla tersebut ke server web hosting agar situs anda online dan dapat diakses oleh siapa saja melalui jaringan internet. Berikut ini langkah-langkahnya : 1. Pertama yang harus anda lakukan adalah mendaftar pada web hosting tertentu (entah itu gratis atau berbayar, tetapi pada umunya web hosting yang gratis tidak memiliki fasilitas khusus untuk CMS termasuk Joomla), agar anda mempunyai tempat untuk menampung file-file dan database situs anda di jaringan internet. 2. Setelah itu pilih seluruh file/ direktori instalasi Joomla anda, lalu kompres dalam bentuk *.zip. 3. Kemudian anda juga perlu mengekspor (dump) database Joomla Anda ke bentuk file *.sql dengan bantuan phpmyadmin di komputer lokal Anda, berikut langkahlangkahnya: login ke phpmyadmin, biasanya di http://localhost/phpmyadmin pilih nama database, lalu klik Export Pilih semua tabel di dalam database (Select All), pilih format SQL beri centang 'Save as file' lalu klik tombol Go; untuk men-download file *.SQL hasil dump tersebut. 34
Gambar 4.2 Mengekspor database anda dari server lokal 4. Selanjutnya upload file *.zip instalasi joomla Anda ke server menggunakan program FTP atau dari File Manager di control panel web hosting Anda. 5. Setelah selesai upload, ekstrak menggunakan tool yang tersedia di control panel, jika provider hosting memberikan akses SSH, Anda juga bisa mengekstrak via shell. 6. Kemudian buatkan nama database baru melalui control panel web hosting. 7. Langkah berikutnya, dengan bantuan phpmyadmin yang terdapat di server hosting, misal di http://domainanda.com/phpmyadmin (alamat bisa berbeda-beda tergantung web hosting masing-masing), silahkan import file *.SQL Anda ke database server. Berikut langkahnya: login ke phpmyadmin, gunakan db_user dan db_password yang Anda tentukan saat membuat database di control panel pilih nama database, lalu klik menu Import klik Browse lalu cari lokasi file *.sql di komputer Anda klik tombol Go untuk memulai import database, jika tidak ada error, seluruh tabel akan terisi secara otomatis ke database 35
8. Selanjutnya, ubah setting PATH dan setting DB pada file configuration.php Joomla Anda. contoh: $mosconfig_host = 'localhost'; $mosconfig_user = 'db_user'; $mosconfig_password = 'test123'; $mosconfig_db = 'db_name'; $mosconfig_absolute_path = '/home/sloki/user/t12345/sites/domainanda.com/www'; $mosconfig_live_site = 'http://domainanda.com'; $mosconfig_cachepath = '/home/sloki/user/t12345/sites/domainanda.com/www/cache'; 9. Selesai, silahkan coba mengakses URL situs Anda sekarang, selamat mencoba! EVALUASI 1. Apa yang dimaksud dengan template pada Joomla! 2. Unduhlah berbagai template Joomla! dari internet kemudian cobalah berbagai template tersebut. 36