Cara Pasang Template Bootstrap Di Codeigniter


Bootstrap dan Codeigniter merupakan framework yang dapat membantu programmer dalam membuat website dengan kedua framework yang memiliki fungsi yang berbeda ini dapat membantu kita dalam membangun website lebih mudah dan lebih cepat dengan hasil yang memuaskan. Bootstrap adalah framework HTML, CSS dan JS atau berkaitan erat dengan desain website sedangkan Codeigniter merupakan framework PHP dengan konsep MVC (Model View Controller).

Pada artikel sebelumnya saya telah membahas bagaimana Cara Menambahkan Class 'Active' Pada Menu di Codeigniter secara otomatis (baca: Cara Menambahkan Class 'Active' Pada Menu di Codeigniter, kali ini masih berkaitan dengan Codeigniter tentang Bagaimana menerapkan template bootstrap di codeigniter.

A. Persiapan

  1. Download Bootstrap dan Codeigniter
  2. Unzip/Extract Bootstrap dan Codeigniter yang telah di download
  3. Buat Folder baru misal: ci_bootstrap di docoment root web server Anda (C:\xampp\htdoc\ atau C:\wamp\www\)
  4. Copy dan paste codeigniter yang telah di extract ke folder yang telah di buat.

B. Konfigurasi Codeigniter

  1. Buka folder application - config
  2. Di dalam folder config ada banyak file tapi yang perlu di ubah cukup 2 fie saja yaitu: autoload.php dan config.php
  3. Konfigurasi autoload.php
    Cari script berikut:
    $autoload['helper'] = array();
    kemudian ubah menjadi:
    $autoload['helper'] = array('url');
  4. Konfigurasi config.php
    Cari script berikut:
    $config['base_url'] = '';
    kemudian ubah menjadi:
    $config['base_url'] = 'http://localhost/ci_bootstrap/';
    Ket: ci_bootstrap merupakan folder web

C. Pasang Template Bootstrap

  1. Buka file welcome_message.php (C:\wamp\www\ci_bootstrap\application\views)
  2. Hapus dulu isinya kemudian ambil copy code basic template bootstrap di sini Paste code tersebut ke welcome_message.php
  3. Pada baris 11 dan 26 tambahkan code berikut:
    Code awal:
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    dan
    <script src="js/bootstrap.min.js"></script>
    Ubah menjadi:
    <link href="<?php echo base_url(); ?>bootstrap/css/bootstrap.min.css" rel="stylesheet"> 
    dan 
    <script src="<?php echo base_url(); ?>bootstrap/js/bootstrap.min.js"></script>
    
  4. Sampai di sini Anda telah berhasil memasang template bootstrap di codeigniter
  5. Untuk menggunakan template yang lain prosesnya sama saja cuman yang perlu di ganti adalah folder bootstrap dengan folder template, kemudian di welcome_message.php Anda ganti dengan isi file index.html yang ada di template yang telah di download.
Sekian artikel tentang Cara Pasang Template Bootstrap di Codeigniter Semoga bermanfaat. Jika ada yang kurang dipahami silahkan tinggalkan komentar. Terima kasih!