Menggabungkan Template Bootstrap dengan YII Framework

Untuk mempercantik tampilan halaman web, apalagi web untuk store online yang harus eyecatching supaya menarik orang untuk mengunjungi web dan tidak bosan. Syukurnya ada template template bootstrap yang bagus dan ciamik.Template ini bisa digabungkan dengan framework YII. Hal pertama yang harus dilakukan adalah mendownload bootstrap tersebut. Saya memakai template flatro, berikut ini linknya http://themeforest.net/item/flatro-metro-inspired-flat-ecommerce-template/6313714?ref=freshdesignweb dan link downloadnya http://hacklizard.com/download.php?file=flatro-metro-inspired-flat-ecommerce-template-rip.

1. Setelah itu extract file rar tempalate tersebut

flatro

 2. Salin seluruh file tersebut ke dalam project yii, di dalam folder assets dan buat sebuah folder dengan nama frontend dan paste folder flatro ke dalam folder tersebut

flatro2

3. Salin file index.html yang terdapat di dalam folder flatro ke dalam folder protected/views.layout/ dan buat sebuah folder dengan nama konsumen dan paste file inde.html ke dalam folder konsumen, rubah nama index.html menjadi frontend menjadi frontend.php

flatro3

4. Buat sebuah file controller baru di dalam folder protected/konsumen dengan nama KonsumenController.php (Perhatikan besar kecil huruf saat penamaan) dan buat code seperti dibaawah ini 

<?php
Class KonsumenController extends Controller {

public $layout = ‘konsumen/frontend’;
}

5. Buat sebuah file baru di dalam folder protected/controller/ buat folder baru dengan nama konsumen dan buat file PageController.php

<?php
Class PageController extends KonsumenController{

public function actionTest(){
$this->render(‘_form’);
}
}

6. Pada folder protected/views buat folder baru dengan nama konsumen dan di dalamnya folder dengan nama page lalu buat file php dengan nama _form.php

flatro4

7. Jalankan url http://localhost/[NAMA_PROJECT_ANDA]/konsumen/page/test

flatro5

2 Comments

Leave a comment