Membuat tampilan Homepage dan main berbeda layout |
Tutorial
hendro,
Friday, 18 April 2008 17:00
Sebagai penggiat joomla tentunya kita memiliki keinginan supaya web kita berbeda dari yang lain. Template, baik yang free atau yang bayar pada umumnya memiliki halaman awal (Homepage) dan halaman dalam (Contentpage) yang sama.
Bagaimana jika kita ingin membuat tampilan yang sedikit berbeda antara Homepage dengan Contentpage? Inilah triknya :
Template joomla merupakan gabungan antara sintak HTML dengan PHP, yang pada intinya mengambil parameter dari templateDetails.xml. Untuk membuat dua tampilan yang berbeda dapat menggunakan dua cara, yaitu :
- Membuat dua template yang berbeda yang kemudian di-assign ke halaman yang berbeda. misalnya, untuk halaman awal menggunakan rhuk_solarflare_ii sedangkan halaman dalam menggunakan template madeyourweb. Caranya: pada admin backend klik Site > Template Manager > Site Template, kemudian pilih template yang dikehendaki dan klik Assign dan pilih di halaman mana template tersebut akan muncul. kemudian klik Save. lakukan hal yang sama untuk template lain yang dikehendaki.
- Cara yang kedua digunakan jika pada dasarnya layout template yang digunakan sama (image untuk menu, header dan footer ) sedangkan yang berbeda adalah apakah di halaman depan akan ditampilkan artikel atau tidak. caranya adalah sbb:
-
- contoh menggunakan template madeyourweb bawaan joomla 1.0.x
-
<?php defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' ); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
if ((mosCountModules( 'user1' )) && (mosCountModules( 'user2' ))) {
//if both modules are loaded, we need a 50%-layout for them
$usera = 'user1';
$userb = 'user2';
} else if ((mosCountModules( 'user1' )) || (mosCountModules( 'user2' ))) {
// if only one, then 100% no matter which one.
$usera = 'user3';
$userb = 'user3';
}
?>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<link href="/<?php echo $mosConfig_live_site; ?>/templates/madeyourweb/css/template_css.css" rel="stylesheet" type="text/css" />
<link href="/<?php echo $mosConfig_live_site; ?>/templates/madeyourweb/css/css_color_green.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="accessibility">
<a href="/index.php#menu">
Menu</a>
<a href="/index.php#content">
Content/Inhalt</a>
</div>
<div id="pagewidth-800" >
<div id="header" >
<div id="top-top">
<?php
if (mosCountModules( "user4" )) {
?>
<div id="search">
<?php mosLoadModules ( 'user4',-1); ?>
</div>
<?php
}
?>
<div id="topmenu">
<?php if (mosCountModules( "user3" )) { ?><?php mosLoadModules ( 'user3',-1); ?><?php } ?>
</div>
</div>
<div class="clr"></div>
<div id="top-bottom">
<a href="/index.php">
<?php echo '<img src="' .$mosConfig_live_site. '/templates/' .$GLOBALS['cur_template']. '/images/logo.gif" border="0" width="250" height="80" alt="logo" />'; ?>
</a>
</div>
<?php
if (mosCountModules( "banner" )) {
?>
<div id="banner">
<?php mosLoadModules ( 'banner',-1); ?>
</div>
<?php
}
?>
</div>
<div id="outer-800" >
<div id="pathway">
<?php mospathway() ?>
</div>
<div id="leftcol">
<a name="menu"></a>
<?php
if (mosCountModules( "left" )) {
mosLoadModules ( 'left',-3);
}
?>
</div>
<?php
if ((mosCountModules( "right" )) || (mosCountModules( "top" ))) {
?>
<div id="maincol-broad-800" >
<?php
} else {
?>
<div id="maincol-wide-800" >
<?php
}
if (mosCountModules( "user1" )) {
?>
<div id="<?php echo $usera; ?>">
<?php mosLoadModules ( 'user1',-2); ?>
</div>
<?php
}
if (mosCountModules( "user2" )) {
?>
<div id="<?php echo $userb; ?>">
<?php mosLoadModules ( 'user2',-2); ?>
</div>
<?php
}
?>
<div class="clr"></div>
<?php if ($option == 'com_frontpage' OR $option == '') {} else { ?> /* kalau optionnya com_frontpage atau kosong maka akan ditampilkan halaman kosong */
<div class="content">
<a name="content"></a>
<?php mosMainBody(); ?>
</div>
<?php } ?>
</div>
<?php
if ((mosCountModules( "right" )) || (mosCountModules( "top" ))) {
?>
<div id="rightcol-broad">
<?php mosLoadModules ( 'top',-3); ?>
<?php mosLoadModules ( 'right',-3); ?>
</div>
<?php
}
?>
<div class="clr"></div>
</div>
<div id="footer-800" >
<?php include_once( $mosConfig_absolute_path .'/includes/footer.php' ); ?>
<?php mosLoadModules( 'debug', -1 );?>
</div>
</div>
</body>
</html>
Last Updated on Wednesday, 10 June 2009 16:37
