[Yii Framework] Mempercantik tampilan dengan Yii Bootstrap

[Yii Framework] Mempercantik tampilan dengan Yii Bootstrap

   2/26/2013       Dida Nurwanda

---

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/