Mulai membuat website pada CodeIgniter

Seteleh pada tutorial sebelumnya membahas tentang mengganti tampilan default framework codeigniter, sekarang saatnya untuk mulai membuat website pada codeigniter. Yang perlu diconfigurasi sebelum memulai membangun website pada CodeIgniter adalah:

  • Pada file ’autoload.php’ Pada folder “application->config”, carilah script seperti dibawah ini:

$autoload[‘helper’] = array();

Kemudian edit sehingga menjadi seperti dibawah ini:

$autoload[‘helper’] = array(‘url’);

  • Pada file ‘config.php’ cari script seperti dibawah ini;

$config[‘base_url’]          = ”;

Kemudian edit menjadi sperti ini:

$config[‘base_url’]          = ‘http://localhost/jadibaru.com/';

Setelah berhasil install CI pada wamp dan sudah bisa merubah tampilan default CI, kemudian konfigurasi seperti contoh diatas, sekarang saatnya mulai membuat website.
Untuk lebih memudahkan kita pakai template saja, untuk contoh templatenya bisa download disini.

Seteleh didownload template tsb saatnya untuk diextract. Didalam file ‘jb’ tersebut terdapat css, image, dan index.php.

Untuk menggunakan template tersebut ikuti langkah-langkah berikut:

  1. Buatlah folder baru di dalam folder “views” missal :’home’. Setelah itu copy file ‘index.php’ yang telah didownload tadi kedalam folder ‘home’. Selanjutnya rename / ubah nama file ‘index.php’ tadi menjadi ‘template.php’.
  2. Buka folder application->controllers kemudian copy dan paste file yang bernama welcome.php di dalam folder yang sama . Kemudian rename file hasil copy paste tadi menjadi ‘template.php’. sehingga menjadi seperti ini:membuat website pada codeigniter
  3. Edit isi file dari template.php tadi menjadi seperti ini:membuat website pada codeigniter
    *untuk tulisan yang warna hijau yang terdapat dalam file ‘template.php’ bisa dihapus agar lebih mudah mengeditnya.
  4. Buka folder ‘application->config’ dan buka file ‘routes.php’, kemudian edit pada bagian yang tampak pada gambar, sehingga menjadi seperti ini:edit routes pada ci
  5. Sebenarnya sampai disini sudah berhasil menambah template ke dalam codeigniter. Tapi ketika dibuka http://localhost/jadibaru.com/ posisinya masih belum rapi, ini karena file css dan yang lainnya belum di masukan ke ci.
  6. Agar tampilannya sempurna yang perlu dilakukan adalah memasukan css ke ci, yaitu dengan membuat folder baru pada folder CI anda misal ‘assets’, kemudian copy folder css dan folder images yang telah didownload ke folder ‘assets’ tadi.install template pada codeigniter
  7. Buka file ‘template.php’ pada folder “application->views->home”, kemudian edit lokasi link yang menuju css di simpan sehingga Nampak seperti pada gambar:mengganti link pada codeigniter
  8. Seteleh berhasil maka tampilannya kan berubah seperti ini:berhasil install template pada ci

 

#Bersambung…..

Jadibaru

Orang bijak selalu tinggalkan jejak, :)

You may also like...

5 Responses

  1. Bobcat says:

    I’m imprdssee. You’ve really raised the bar with that.

  2. ci says:

    Gan ini ci versi berapa ya?
    kok css nya ga masuk juga sih
    saya pakai 2.1.4 -_-

  1. December 20, 2013

    […] tutorial sebelumnya yaitu Mulai membuat website pada CodeIgniter , ketika telah berhasil maka link menu bagian atas belum berfungi. Pada kali ini kita akan […]

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>