[Yii Framework] Mempercantik tampilan dengan Yii Bootstrap
Nggak terasa sudah hampir setahun saya belajar dengan yang namanya php. Awal-awal mempelajarinya membuat otak saya mumet, pusing, stress, banting keyboard karena sering kali terjadi kesalahan. Namun setelah beberapa lama kesalahan-kesalahan itu mulai gampang di perbaiki, ya karena sudah paham alurnya :D hingga beberapa saat masalah baru mulai menghampiri, yakni desain template. Saya sendiri sangat kacau dan bego kalo harus berurusan dengan desain template. Sampai pada akhirnya saya kenal dengan yang namanya Twitter Bootstrap. Setelah coba-coba akhirnya suka karena simpel dalam penggunaannya. Akan tetapi jika pada yii, pembuatan template dengan bootstrap sangat jauh lebih simple, sebab kita tidak banyak mengetikan tag-tag html, hampir semua komponen bootstrap sudah di konversi kedalam widget-widget. Sebelum lanjut ke pokok pembahasan, silahkan anda download telebih dahulu Yii Bootstrap-nya
Untuk penginstallan, Silahkan anda buka folder extensions dan buat folder bootstrap, kemudian extract yii bootstrap yang telah ada download di dalam folder bootstrap yang di buat tadi dan untuk folder theme copy atau pindahkan kedalam direktory themes dan rename menjadi bootstrap. Kemudian edit file main.php di folder config
Yii::setPathOfAlias('bootstrap', dirname(__FILE__).'/../extensions/bootstrap'); return array( .... 'modules' => array( ..... 'gii' => array( 'class' => 'system.gii.GiiModule', 'password' => 'admin', 'ipFilters' => array( '127.0.0.1', '::1', ), 'generatorPaths' => array( 'bootstrap.gii', ), ), ..... ), 'theme'=>'bootstrap', .... 'components' => array( .... 'bootstrap' => array( 'class' => 'application.extensions.bootstrap.components.Bootstrap', ),
Mudah kan :D
Untuk cara penggunaan widget dan fitur-fitur lainnya, silahkan kunjungi http://cniska.net/yii-bootstrap/
saya masih sangat pemula di yii, ada yg ingin ditanyakan:
BalasHapusmaksud dari : "untuk folder theme copy atau pindahkan kedalam direktory themes dan rename menjadi bootstrap" itu bagaimana
setelah dicoba muncul error di line 5 yg titik2 itu
terimakasih.
untuk folder theme -> itu folder yang terdapat pada yii-bootstrap yang di download, lihat disitu ada folder theme kemudian Copy
Hapuskemudian buka direktori " ApplikasiAnda/themes/ " dan paste sejajar dengan folder classic kemudian rename dengan nama "bootstrap"
mudah jika ada screenshot
BalasHapusMas dida, klu yg ini yiibooster.clevertech.biz cara instalsnya sama gx mas ? :D
BalasHapusThanks sob artikelnya bermanfaat, silahkan di cek sob aplikasi akunting buatan anak Indonesia yang gak kalah keren ama buatan luar di kiper.co.id
BalasHapusMaaf Mas, maksud dari silahkan buka "folder extensions" itu apa?
BalasHapusMakasih Bro keren banget setelah pakai bootstrap (h)
BalasHapuslagi belajar yii gan, thanks sudah berbagi sangat bermanfaat, salam kenal dari aneka resep kue
BalasHapusthanks gan, bermanfaat sangat
BalasHapus