STEP 1
Download Codeigniternya disini
Download librarynya disini
STEP 2
Copy dan Paste folder Assets dan Publicnya kedalam project codeigniter kita
oke template library sudah berhasil dipasang. tidak hanya itu disini saya akan meberi tahu cara settingnya dan menampilkan konten
pada folder application/view/theme terdapat file template, dimana file itu kita panggil di controller
sebagai contoh:
buatlah sebuah controller, atau kita bisa edit bawaan view yaitu welcome_message codeigniternya, jadi kita ingin merubah view bawaan codeigniter dengan bootstrap
hanya dengan menambahkan $this->output->set_template('bootstrap3');
dari mana kita mendapatkan nama "bootstrap3" pada "set_template" itu merupakan nama file yang terdapat pada application/view/themes, di tutorial ini saya sudah megganti nama filenya "default" menjadi "bootstrap3", kira-kira letak filenya
kalau sudah paham saya akan sedikit jelaskan pada isi dari file bootstrap3.php
berikut ini adalah coding standarnya
[code] <!DOCTYPE html> <html lang="en"> <head> <!-- Latest compiled and minified CSS --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" > <!-- Optional theme --> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" > <?php foreachundefined$js as $file){ echo "\n\t\t"; ?><script src="<?php echo $file; ?>"></script><?php } echo "\n\t"; ?> <?php foreachundefined$css as $file){ echo "\n\t\t"; ?><link rel="stylesheet" href="<?php echo $file; ?>" type="text/css" /><?php } echo "\n\t"; ?> <?php ifundefined!emptyundefined$meta)) foreachundefined$meta as $name=>$content){ echo "\n\t\t"; ?><meta name="<?php echo $name; ?>" content="<?php echo is_arrayundefined$content) ? implodeundefined", ", $content) : $content; ?>" /><?php } ?> </head> <body> <?php echo $output;?> <!-- Latest compiled and minified JavaScript --> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script </body> </html> [/code]
Sedikit penjelasan code diatas:
pada bagian merah itu memanggil file js jika kita set di controller maka outputnya akan tampil bagian itu begitu juga di bagian warna hijau itu ouptu dari file css jika kita panggil di controller, dan pada bagian biru ini merupakan meta dimana biasa kita kenal untuk membuat web SEO karna kita bisa mudah sekali menerapkan SEO pada website kita sesuai dengan judul pada artikel kita,
dan yang terakhir adalah kuning, kuning itu merupakan output dari konten kita nanti, jadi kita tidak perlu menulis coding panjang untuk menampilkan isi konten kita, karna pada bagian themes sudah mengatur semua posisi dan letak konten maupun latak menu, tergantung dari template yang kita gunakan, dan kita juga mudah mengatur posisi pada layout website kita.
dari penjelasan diatas, mudah-mudahan agan paham, jadi langjut lagi tutorialnya
setelah kita set templatenya kemduian kita edit bagian konten, dimana pada bagian konten cukup pakai tag html yg perlu saja seperti dibawah ini
oke template berhasil dipasang dan lihat hasilnya menjadi seperti dibawah ini, bootstrap berhasil di load
oke demikian dulu tutorial ini, nantikan tutorial berikutnya untuk pembahasan template library ini nanti kita lanjut untuk maslah metanya dan title, mudah-mudahan teman-teman sekalian paham, jika ada pertanyaan bisa langsung di tanya di kolom komentar, terimakasih..
