Tuesday, December 11, 2012

Tutorial Template Joomla


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

Artikel Terkait

Tutorial Template Joomla
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

Terima Kasih ! Anda sudah berkunjung. :)

Jangan lupa tinggalkan komentar Anda yang sopan. Anda juga boleh menyertakan link web/blog Anda dan saya akan berkunjung balik ke web/blog Anda..

Untuk Anda yang mem-follow blog ini, saya pasti akan follow back blog Anda

========================================================

Jika Anda ingin bertanya atau melaporkan masalah tentang blog ini, silahkan hubungi Admin. Terima kasih !! :)