Iklan

March 28, 2013, March 28, 2013 WIB
Last Updated 2013-03-28T14:06:14Z
Joomla

Tutorial Template Joomla Terbaru

Advertisement

Untuk menciptakan Template Joomla kita butuh editor Dreamweaver yang sudah terinstal dreamweaver template builder extension. Untuk web server di komputer localhost saya menggunakan Mambo Stand Alone Server [MSAS] yang bisa di download dariwww.mambosolutions.com atau bisa juga dengan menggunakan Joomla Stand Alone Server (JSAS) sebagai webserver.

joomla template tutorial

Jika Dreamweaver Template builder extension sudah terinstal, maka menu tersebut akan muncul di layout dreamweaver kita.

joomla template tutorial

Berikut ini merupakan pilihan yang bisa kita pilih, tampilannya sudah custum, kita tidak perlu mengetikkan manual lagi objeck yang mau kita pilih.

joomla template tutorial

Kita tinggal membuat beberapa tabel menentukan module positions,  User, didalam layout tabel kita.
Untuk Membentuk script head jika kita view layout dengan Code, maka akan terlihat scriptnya :
  1. <?php  
  2. defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );  
  3. $iso = split( '=', _ISO );  
  4. echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';  
  5. ?>  
  6. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  7. <html xmlns="http://www.w3.org/1999/xhtml">  
  8.   <head>  
  9.     <?php if ( $my->id ) initEditor(); ?>  
  10.     <meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />  
  11.     <?php mosShowHead(); ?>  
  12. <?php echo "<meta name=\"author\" content=\"www.mambosolutions.com\" />" ?>  
  13.    <?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>  
  14.    <?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>  
  15.   </head>   
  16. -----------   
Sedangkan untuk contoh parameter module positions  misalnya :
<?php mosLoadModules ( 'left' ); ?>
<?php mosLoadModules ( 'user1' ); ?>
<?php mosLoadModules ( 'right' ); ?>
<?php mosLoadModules ( 'user2' ); ?>

Demikian sedikit pengetahuan saya tentang template Joomla, semoga bermanfaat............