Setelah berhasil install CodeIgniter (CI) di Xampp, sekarang lanjut ke tahapan berikutnya yaitu install tema di CodeIgniter. Proses install sangat mudah, asal dilakukan sesuai urutannya. Berikut cara install tema di CodeIgniter :

Step 1 : Aktifkan Xampp

Seperti biasa, karena kita membuat website dengan localhost maka jangan sampai lupa untuk mengaktifkan Xampp. Aktifkan bagian Apache dan MySQL. Pastikan 2 bagian tersebut aktif dengan sukses.

Step 2 : Download File Tema

Pilihlah tema sesuai keinginan kamu. Terdapat banyak sekali tema gratis yang ada di Google. Download file tersebut dan extract file tema tersebut. Contohnya saja seperti tema yang aku pilih ini adalah Company.

Step 3 : Buat Folder Assets

Buatlah folder assets di  C:\xampp\htdocs\test-04062018. Dengan catatan nama folder “test-04062018” disesuaikan dengan nama folder yang kamu gunakan. Atau jika belum install CodeIgniter, silahkan mengikuti tutorial ini dulu : Install CodeIgniter di Xampp.

install tema di codeigniter

Step 4 : Copy File Tema ke Folder Assets

File tema hasil dari extract sebelumnya di copy ke folder Assets.

install tema di codeigniter

Step 5 : Copy Isi File index.html dan Buat File Baru di Folder View

Copy isi file index.html yang terletak di C:\xampp\htdocs\test-04062018\assets ke C:\xampp\htdocs\test-04062018\application\views dengan nama file dashboard.php misalkan.

install tema di codeigniter

Step 6 : Pengaturan Helper di File autoload.php

Atur bagian helper yang terdapat di file autoload.php yang terletak di C:\xampp\htdocs\test-04062018\application\config seperti dibawah ini :

install tema di codeigniter

Step 7 : Buat File di Folder Controller

Buat sebuah file dengan nama dashboard.php misalkan, dengan isian sebagai berikut :

install tema di codeigniter

Step 8 : Pengaturan routes.php

Pada file routes.php yang terletak di C:\xampp\htdocs\test-04062018\application\config , ganti ‘welcome’ menjadi ‘dashboard’.

install tema di codeigniter

Step 9 : Akses http://localhost/test-04062018/ di Browser

Akseslah https://localhost/test-04062018/ di browser misalkan pada Google Chrome. Maka tampilannya akan seperti di bawah ini :

install tema di codeigniter

Beberapa gambar masih belum muncul karena masih ada pengaturan yang belum dilakukan.

Step 10 : Perbaikan Error

Untuk mengatasi error seperti gambar dan efek tidak muncul, maka setiap source nya harus di tambahkan dengan <?php echo base_url(); ?>assets.

install tema di codeigniter

Step 11 : Selesai

Kemudian cek kembali dengan mengakses https://localhost/test-04062018/ melalui browser. Jika berhasil, maka akan muncul seperti dibawah ini :

install tema di codeigniter

Bagaimana? Sangat mudah bukan untuk memasang tema di CodeIgniter 🙂 Bila ada yang ingin ditanyakan silahkan tulis komentar di bawah ya 🙂