Mengganti Theme Pada Yii2 Advanced - PenyairCoding (Bergerak & Kemudian Terjadi)
Latest Post
Tunggu...

Senin, 03 Februari 2020

Mengganti Theme Pada Yii2 Advanced

Mengganti Theme Pada Yii2 Advanced


Hai Sobat, apa kabar nya, kami doakan selalu sehat.
Sama seperti yang sudah sudah, kali ini admin akan membuat tutorial singkat, bagaimana cara merubah tampilan awal atau yang sering di sebut FRONTEND pada Framework Yii2 Advanced.
Untuk memahami apa itu framework Yii sobat dapat mengakses halaman ini ya Mengenal Framework Yii2. Oke admin rasa sobat sudah tau apa itu framework Yii, tanpa panjang lebar lagi mari kita langsung ke tkp.

Langkah pertama dalam merubah tampilan frontend pada aplikasi Yii2 Advanced adalah dengan menentukan tema apa yang akan menghiasi halaman website kita.
Pada tutorial kali ini admin secara sadar mendowload tema gratis di situs ini https://all-free-download.com/free-website-templates/butterfly_2535_download.html. Apabila sobat yang ingin menggunakan tema yang sama silahkan download atau jika sobat ingin mencoba coba, maka sobat dapat memilih tema sesuai keinginan sobat.

Langkah Selanjutanya masuk ke halaman Frontend aplikasi kita.
Yes, gambar diatas merupakan template bawaan dari framework yii2 Advanced.
Langkah untuk mengganti tema pada gambar diatas adalah sebagai berikut.
Download tema, extract hasil download, buat folder baru pada aplikasi yii2 kita copy dan masukan ke folder layout dalam folder views pada frontend pada aplikasi kita.
Untuk lebih jelas nya lihat urutan gambar dibawah ini:
1. Buat folder baru dengan nama template, perhatikan gambar diatas.

2. Copy hasil download tema ke dalam folder template kemudian extract files tersebut.

3. Buka foder hasil extract, ubah file index.html menjadi main.php.

4. Copy file yang sebelumnya kita ubah dari index.html menjadi main.php ke folder advanced\frontend\views\layouts kemudian replace.

5. Akses halaman frontend aplikasi kita pada web browser dan lihat gambar dibawah ini.

Jika sobat mendapati hal yang sama seperti pada gambar diatas, sobat cukup edit sedikit file main.php pada folder layouts.

<link href="default.css" rel="stylesheet" type="text/css" />
Cari kode diatas pada file main.php, kemudian ubah menjadi kode dibawah ini.
<link href="../../template/butterfly_2535/default.css" rel="stylesheet" type="text/css" />


Jika sudah coba sobat running kembali aplikasi sobat, jika yang terjadi seperti dibawah ini, maka sobat berhasil merubah tampilan yii2 advanced sobat.
Mudah bukan, admin rasa sobat pasti bisa. Sekian tutorial singkat ini, selamat mencoba and good luck ..

    Choose :
  • OR
    To comment
Tidak ada komentar:
Write comments