Tutorial Membuat Themes AuraCMS Bagian 2
Ini lanjutan cara membuat themes untuk AuraCMS versi 2.2. (bagian 1 ada disini)
5. Siapkan Folder untuk Themes Baru
Sekarang kita menuju ke root directory localhost server untuk membuat folder themes baru, buka folder themes dan buat folder baru, beri nama sesuai yang diinginkan.
Kita butuh file dan komponen sebagai patokan pondasi awal themes baru, kita ambil dari default themes “auracms” yang telah disertakan dalam paket Auracms versi 2.2.
Copy seluruh isi folder “auracms” ke dalam folder themes baru tadi.
Setelah proses ini, kita telah memiliki themes baru yang dapat dipanggil setelah men-set nama theme yang dipakai dari file config.php, namun dengan tampilan yang persis dengan themes default:-)
Nah selanjutnya adalah mengubah tampilan themes baru tersebut dengan desain yang telah kita persiapkan sebelumnya.
6. Edit Script di Textpad
Jalankan Texpad dan buka sekaligus file file header & footer.php dari folder themes baru kita, juga file HTML desain yang masing-masing posisinya telah ditandai dengan teks.
Yang pertama kita tuju adalah header.php, disini selain terletak script standar seperti title, metatag dan script CSS juga adalah tempat dimana blok dan modul kiri berada.
Banyak yang tanya cara convert file HTML menjadi file php, Sebenarnya tidak ada convert file, ini hanyalah copy paste file biasa, yang penting penempatan posisinya tepat agar tampilan tidak jadi kacau…
Berikut step-by-stepnya…
- Pertama klik header.php – cari, sorot lalu copy blok/modul kiri, dari awal tag php: “” s/d tutupannya “?>“, buka dokumen baru dan paste copian blok tsb pada dokumen tsb untuk backup. (Gmbr 6.1)
- Lalu klik index.html dari Document selector, sorot dan copy mulai Content” (Gmbr 6.2)
- Pilih header.php dan timpa (paste) copyan tersebut, mulai
- Kemudian pada header.php temukan teks penanda “Blok/Modul kiri” lalu hapus, ganti dengan script php asli yang telah kita pisahkan dulu (step 1. – Gmbr 6.1)
- Simpan header.php.. Ups! Jan
gan lupa cek & ganti lokasi images-nya menjadi:
src=themes/theblues/images/namafile.. Agar cepat, gunakan
F8 » Replace All
Nah proses customise header selesai!. Kini silakan simpan kembali header.php.
Untuk custom di footer.php, prosesnya sama seperti diatas, copy dan backup script php-nya, lalu ambil script HTML dari index.html mulai di bawah teks penanda “Content” (teks ini jangan ikut di-copy) sampai akhir tag html.Kemudian klik footer.php, klik Ctrl+A+V, lalu ganti teks “blok/modul kanan” dengan script php yang asli, selanjutnya ubah lokasi image src=… dan akhirnya “save”.
Ini lanjutan cara membuat themes untuk AuraCMS versi 2.2. (bagian 1 ada disini)
Terakhir, buka includes/config.php, ubah seting themes yang akan dipakai; $theme=’namafolderthemes‘; lalu simpan lagi.
Kini themes baru siap diluncurkan!
Buka Browser, ketik url-nya dan wallaaaa…
gampang khan??
Possibly Related Posts:
- Bagi yg suka otak atik blog / fs dll
- Cara Buat Web dengan www.co.cc
- [Belajar]Membuat Spoiler Di Blogspot
- Membuat Web, dan dapatkan keuntungan dari web tersebut
- Cara Menghilangkan Icon Tang-Obeng
Leave a Reply