Template AdminLTE di Yii1

Sorry kawan, masih Yii1🙂 (susah lepas zona nyaman) Yii1 masih bisa handle kebutuhan saya🙂 OK sambil nunggu cerah cerahnya pikiran bisa move on Yii2 , saya coba bikin catatan kecil lah ga penting sebenarnya OK, langsung aja. saya pengen ganti template defaul Yii1 dengan adminLTE , untuk itu silahkan download template AdminLTEnya disini https://almsaeedstudio.com/preview , saya asumsikan anda sudah bikin webnya dengan Gii,

1. Setelah selesai Download template adminlte taruh di folder Theme

Untitled

dan isinya kita hapus yg ga pentingnya, tersisa

Untitled

 

sengaja saya sisain file starter.html, ntr sebagai contoh

2. Copy file starter.html ke dalam folder view\layout, rename main.php -> mainold.php dan paste starter.html dan rename ke main.php

Untitled

3. naa selanjutkan buka file main.php di folder config\main.php

dan tulis

'theme' => 'AdminLTE'

Untitled

4. buka file main.php di folder view\layout, dan modify arah css ke theme adminLte

buka file mainold.php dan liat ada sintax


<?php echo Yii::app()->request->baseUrl; ?>

dirubah menjadi


<?php echo Yii::app()->theme->baseUrl; ?>

 

dan di copy, dan di paste kedalam main.php, taruh di dalam href seperti ini

Untitled

 

5. masih di main.php scroll kebawah sampai ketemu tulisan


<!-- Main content -->
<section class="content">

<!-- Your Page Content Here -->

</section><!-- /.content -->

naa di dalam tag <section> taruh


<?php echo $content; ?>

menjadi


<!-- Main content -->
<section class="content">
<?php echo $content; ?>
<!-- Your Page Content Here -->

</section><!-- /.content -->

<?php echo $content; ?> sintak ini saya copas dari file mainold.php tujuannya untuk menampilkan page/contect secara dinamis

 

6. OK udah selesai beres dan jalankan

sebelum pake template adminlte

Untitled

 

sesudah

Untitled

Ok selanjutnya modif aja sendiri🙂

 

 

 

 

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: