Sabtu, 30 Juni 2012

1.1.b File index.php dalam template Joomla

File Index.php dalam template Joomla

File index.php berisi perintah-perintah berbahasa HTML dan php, yang menjadi pembentuk utama template Joomla. Saya sebutkan pembentuk utama, karena file ini berfungsi sebagai:
1. Memanggil file-file .css, .js dan file-file lain yang menjadi pembentuk template Joomla.
2. Menentukan layout tampilan template joomla secara keseluruhan.
3. Menentukan posisi dan memanggil positions (module), component dan message dalam Joomla.

File index.php sederhana dalam contoh ini adalah sebagai berikut:
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >

<head>
<jdoc:include type="head" />
<?php JHTML::_('behavior.mootools'); ?>

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/template.css" type="text/css" />

<script type="text/javascript">
/*window.addEvent('domready', function(){ 
$(header).getComputedSize(); });*/
</script>

</head>

<div id="page">
<div id="header"> 
<div id="main">
<div id="top-menu">
<jdoc:include type="modules" name="top-menu" theme="boxes" class="menu" />
</div>
</div>
</div>

<div id="middle">
<div id="main">
<div id="picture">
<jdoc:include type="modules" name="picture" theme="boxes" />
</div>
<div id="modules-place" class="box21">
<jdoc:include type="modules" name="left" theme="boxes" class="menu" />
</div>
<div id="component-place" class="box22">
<jdoc:include type="component" />
</div>
</div>
</div>
<div id="footer"> 
<div id="main">
<jdoc:include type="modules" name="footer" style="modular" />
</div>
</div>
</div>
</body>
</html>

Sementara ini tutorial saya.


1.1 Direktori dan file-file dalam suatu template joomla

Tidak ada komentar: