Cara Instal Joomla Template Pada Joomla 3.0 adalah cara untuk merubah, mengganti, mengelola dan mengedit desain template/layout website Joomla 3.0.

Cara Instal Joomla Template Pada Joomla 3.0 adalah cara untuk merubah, mengganti, mengelola dan mengedit desain template/layout website Joomla 3.0. Pada tutorial joomla kali ini, saya menjelaskan tentang langkah-langkah untuk menginstal template joomla pada platform Joomla versi 3 secara detail. Apabila anda membaca tutorial ini, anda harus membaca post artikel sebelumnya, yaitu Extension Management Joomla 3.0 dan Cara Instal Joomla Component.

Cara Instal Joomla Template Pada Joomla 3.0

Cara Instal Joomla Template untuk Joomla versi 3.0 sangat mudah bagi pemula sekalipun. Langkah pertama untuk melakukannya, anda harus masuk terlebih dahulu ke bagian back-end website joomla 3.0 atau halaman administrator. Setelah login dan masuk ke bagian Control Panel Joomla 3.0 di Administrator Area, selanjutnya anda tinggal klik link Extension Manager pada Quick Link ataupun klik Link Extension pada Top Menu dan pilih sub-menu Extension Manager, untuk ilustrasinya sbb :

Cara Instal Joomla Template Photo

Upload & Install Joomla Template

Setelah masuk ke bagian Extension Manager Joomla 3.0, langkah selanjutnya adalah menginstal Joomla Template. Cara Instal Joomla Template sama dengan Cara Instal Joomla Component seperti yang sudah saya jelaskan pada post artikel sebelumnya, yaitu ada 3 cara untuk menginstal Joomla Template, yaitu instal melalui upload file, instal melalui directory dan instal melalui URL. Pada tutorial kali ini saya akan menjelaskan cara instal joomla template melalui upload file, untuk cara lainnya silahkan anda coba sendiri. Untuk instal joomla template dengan upload file, klik button browse untuk memilih file komponen joomla yang ingin di instal pada computer anda, kemudian klik button Upload & Install.

Pada tutorial joomla kali ini, saya contohkan menginstal Free Joomla Template milik Gavick yang bernama Music Free, yaitu template joomla versi 3 yang memiliki desain responsive dengan script json yang sangat good looking! Bagi anda yang ingin mendapatkan file joomla template Music Free, anda bisa dapatkan melalui link berikut : Music Free Joomla 3.0 Template.

Cara Instal Joomla Template Photo

Setelah Joomla Template berhasil di instal akan keluar pesan “Installing templatewas successful.” yang berarti proses Instal Joomla Template telah berhasil dan pada halaman akan tampilkan status dari template joomla tersebut. Untuk status installasi joomla template GK Music ilustrasinya bisa anda lihat pada gambar sbb :

Cara Instal Joomla Template Photo

Mengelola & Merubah Joomla Template

Setelah template joomla di instal, langkah selanjutnya adalah me-manage atau merubah template yang saat ini sedang dipakai di ganti menjadi joomla template yang baru saja di instal, yaitu joomla template Music Free. Pada top menu halaman administrator, silahkan anda klik link Extensions, kemudian pilih Template Manager. Pada halaman tersebut terdapat tabel yang berisi template joomla yang sudah di instal, baik itu template untuk back-end (administrator) ataupun untuk front-end (site) dan pada tabel tersebut sudah tersedia template joomla 3.0 yang baru saja di instal. Untuk mengganti/merubah templatenya, silahkan anda klik button yang bertanda bintang untuk menjadikan template Music Free menjadi template default atau template yang digunakan dan ilustrasinya pada gambar sbb :

Cara Instal Joomla Template Photo

Untuk mengelola template joomla yang sudah di instal, anda tinggal klik link nama template yang sudah di instal, misalkan klik link gk_music_free – Default, maka selanjutnya anda akan masuk ke halaman Template Manager : Edit Style yang berfungsi untuk memilih fitur-fitur yang tersedia pada joomla template tersebut. Setelah mengatur dan memilih fitur-fitur yang digunakan untuk template tersebut, selanjutnya anda tinggal klik Save & Close untuk menyimpan pengaturan dan kembali ke halaman Template Manager.

Cara Instal Joomla Template Photo

Mengedit Desain Layout Joomla Template

Apabila anda ingin mengedit desain layout template untuk CSS-nya, anda bisa klik link Gk_music_free pada tabel dan setelah klik link tersebut anda akan masuk ke halaman Template Manager : Customise Template. Ada juga cara lain, yaitu dengan mengeditnya secara manual menggunakan software editor seperti Adobe Dreamweaver, jika menggunakan itu anda bisa mengedit filenya langsung pada folder di localhost, yaitu xampp/htdocs/joomla30/templates/gk_music_free/css.

Cara Instal Joomla Template Photo

Mengelola Module Untuk Fitur Website

Setelah joomla template yang sudah di instal dijadikan default (dipilih untuk digunakan), maka template joomla pada halaman front-end/depan akan berubah dan tampilannya pun masih berantakan. Ini dikarenakan template joomla yang sebelumnya memiliki posisi module yang berbeda dengan template joomla yang baru di instal. Jadi untuk langkah selanjutnya adalah anda harus mengelola module untuk joomla template yang baru saja di instal dan mengisi fitur-fitur website joomla sesuai dengan posisi module yang ada pada template yang baru. Untuk mengetahui posisi module pada template joomla, biasanya developer joomla yang membuat template tersebut memberikan gambar untuk posisi module, contoh gambar tersebut ada pada demo websitenya. Misalkan untuk template Music Free, anda bisa lihat Module Position pada gambar berikut.

Cara Instal Joomla Template Photo

Selain itu pihak developer joomla yang membuat template joomla juga membuat desain variasi untuk module dari CSS yang ada pada joomla template dan bentuk Typography (bentuk tulisan) untuk konten artikel di website, contoh Module Position pada template Music Free bisa anda lihat pada link berikut : Module Position Music Free. Berikut ini adalah tampilan layout template joomla GK Music secara lengkap dan anda bisa download filenya pada link berikut : Module Variation Music Free. Berikut ini adalah gambar layout dari template Joomla 3.0 Music Free, anda bisa lihat demonya dengan cara klik gambar dibawah ini.

Cara Instal Joomla Template Photo

Leave a Reply

Your email address will not be published. Required fields are marked *

*

8 Comments

  • I don’t even know how I ended up here, but I thought this post was great. I don’t know who you are but certainly you are going to a famous blogger if you are not already ;) Cheers!

  • bagus bro postingangan nya berguna buat saya yang baru belajar ,,
    maju terusss…

  • fungi 7 months ago

    tanks bgt bro. sangat membantu aye sbg pemula

  • Tutorial ini sangat berguna sekali gan, karena ane selama ini cuma bisa wordpress, mudah mudahan bisa mahir juga di joomla