Install Template Extension Bootstrap Pada Yii Framework



Kali ini saya kembali membahas tentang Yii2 Framework, karena ada dari beberapa pengunjung meminta untuk membagi ilmu tentang Yii karena artikel yang menyanggkut yii2 sangat langka, mungkin tidakbanya yang membagikan ilmu mengenai Yii2 ini, selain kurang banyaknya yang  tertarik dengan framework ini.

Baik kali ini kita akan mengganti  template Yii2 menggunakan Bootstrap, karena tampilan bawaan Yii tersebut kurang menarik, disini kita akan membahas bagaimana menggantikan tampilanya dengan Bootstrap ? Mungkin suatu saat tampilan ini bisa di update dengan bootstrap terbaru. Nah kita mulai mengubah tampilan defaul Yii2 dengan Bootstrap. Ikuti langkah2 dibawah ini . 



  1. Download terlebih dahulu extentionbootstrap ini merupakan support Yii2  dan extrak file bootstrap pada folder bootstrap.
  2. Buka file pada  config/main.php lalu tambahkan coding dibawah  ini sebelum array awal.



// INI PADA AWAL ARRAY

 Yii::setPathOfAlias('bootstrap', dirname(__FILE__).'/../extensions/bootstrap');

//INI DILETAKAN DIBAWAH RETURN KOMPONEN ARRAY

'theme'=>'bootstrap',
'modules'=>array(
'gii'=>array(
'generatorPaths'=>array(
'bootstrap.gii',
),
),
),



Dan tambahkan pada komponen pada line bootrapt yang tadi kita download dengan coding dibawah ini  agar bisa kita load dalam view yang kita tampilkan nantinya, karena ini merupakan array yang kita panggil data yang telah kita buap pada config/main.php diatas :


'bootstrap'=>array(
'class'=>'bootstrap.components.Bootstrap',
),




Langkah terakhir kita modivikasi sedikit coding yang terdapat pada view/layouts/main.php dengan menambhkan coding dibawah ini :


<?php Yii::app()->bootstrap->registerAllCss(); ?>



Nah cara mengganti template defaul Yii2 sudah kita lakukan sekarang inilah tampilan yang kita buata tadinya, dan inilah perbedaan tampilan template defaul Yii dan Bootstrap yang kita modifikasi tadinya. Tunggu Artikel Yii2  lainya untuk kita pelajari bersama.

Bentuk Perbedaan Atara Template Defaul dan Template Bootstrap

Tampilan Yii Bootsrap

Tampilan Yii Defaul

Sumber Refrensi :

http://stackoverflow.com/questions/13286239/how-to-install-bootstrap-extension-in-yii








Recommend Article × +

OWNER AND CO OF PT. TRANS TECHNO Freelance Web Design and Yii2 Development in ICT STKIP PGRI WEST SUMATRA. While Studying MAGISTER UPI-YPTK Padang,CEO CMS Codepedia, Lives in Padang - Indonesia | WhatsApp : 0853-7516-4491

Related Posts

Update Sesudahnya
« Prev Post
Update Sebelumnya
Next Post »