Ubah Tampilan Web Cepat dengan Smarty

Manufacturers

Bagi temen2 yang suka bosenan.. bosen makan, bosen tidur, hehe maksudnya bosen dengan tampilan web yang itu2 terus, ada solusi yang ciamik neh. Temen2 bisa menggunakan Template Engine yang sudah ada, ada beberapa template engine yang menurut saya bagus yaitu : Smarty dan PatTemplate. Pada artikel kali ini akan saya bahas menggunakan template engine Smarty. Dengan Smarty temen2 dapat mengubah template web secara cepat dan mudah.

Berikut langkah2 dalam menggunakan Smarty :

Download Smarty dan Manual nya
Siapkan 3 direktori di localhost anda, yaitu : template, smarty_lib, template_c
- template berisi beberapa macam design yang anda inginkan
- smarty_lib berisi class2 smarty, hasil dari download smarty di folder libs/
- template_c berisi file hasil compile dari smarty engine
buatlah file index.php dgn script seperti berikut :

<?php
 
require_once 'smarty_lib/Smarty.class.php';
 
$smarty = new Smarty();
 
$smarty->template_dir = 'template/photographer-folio/';
$smarty->compile_dir = 'template_c/';
 
$smarty->assign('design', $smarty->template_dir);
 
$smarty->caching = false;
$smarty->clear_compiled_tpl();
 
$smarty->display('index.html');
 
?>

Untuk file index.html di folder photographer-folio perlu anda edit sedikit, tambahkan sintax {$design} didepan style dan images, contoh href=”{$design}style.css” atau src=”{$design}images/contoh.jpg”

Setelah itu silahkan dijalankan script index.php melalui browser favorite anda..

Penjelasan Script :

baris ke-3, menyertakan file class Smarty dari folder smarty_lib/
baris ke-5, membuat variable baru untuk instance smarty class
baris ke-7, direktori design yang anda pilih(anda bisa menggunakan design lain yang ada di folder tsb)
baris ke-8, direktori yang akan digunakan smarty untuk compile file design anda
baris ke-10, variable design akan dikirim ke file index.html yang berisi string direktori design di baris ke-7
baris ke-12, tidak menggunakan cache file design
baris ke-13, saat membuka file index.php file di folder template_c akan diperbaharui (saat develop design html gunakan fungsi ini, tetapi saat design anda sudah stable bisa dicomment)
baris ke-15, memanggil file html di folder design yang anda pilih di baris ke-7

Jika anda ingin mengganti design yang lain silahkan edit baris ke-7 sajah, misal anda ganti ‘template/kim-fashion/’ atau ‘template/medical-clinic/’ atau ‘template/dally-studio/’ setelah itu anda buka kembali browser dan refresh(F5) dan foooilaa.. template web anda berubah dalam hitungan detik

Untuk sample file bisa anda dunlud gratis disini

Sumber : http://arif.staff.amikom.ac.id/blog/2011/10/mengubah-tampilan-web-dg-cepat/