Tema yapımı için ilk olarak index.php dosyasını yapmalıyız. PHP ve (X)HTML betiklerinin kombinasyonundan oluşur.
<?php // no direct access defined( '_JEXEC' ) or die( 'Restricted access' ); ?>
İlk olarak kodunu dosyamıza dışarıdan girişi engellemek için en başa eklemeliyiz. Güvenlik için kesinlikle gerekmektedir.
<!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; ?>" >
Yukarıdaki kod ise sayfamızın XHTML 1.0 uyumluluğunu belirtmemiz için kullanırız.
<head>
<jdoc:include type="head" />
<title>Welcome to the Frontpage</title>
<meta name="description" content="Joomla! - the dynamic portal engine and content management system" />
<meta name="generator" content="Joomla! 1.5 - Open Source Content Management" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index, follow" />
Buradan itibaren temamıza ait head kodlarını yazmamız gerekir.Sayfa Başlığı Meta taglarınızıda ekleyiniz.
<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/temanızın_adı/css/template.css" type="text/css" />
Yukarıdaki kodlar ise temamız için gerekli css kodlarını bulunduğu dosyadan kullanmak için kullanılır. temaismi yazan kısma kendi temanızın ismini yazmalısınız. Yoksa css kodlarını index.php kullanamayacaktır. CSS kodlarımız olmadığı zaman sitemiz sadece index.php kodları ile sade ve hoş olmayan bir görüntüde olacaktır. Bunun içinde css kodlarıda önemlidir.
<!--[if lte IE 6]>
<link href="/templates/<?php echo $this->template ?>/css/ieonly.css" rel="stylesheet" type="text/css" />
<![endif]-->
Tarayıcı farklılıkları için yukarıdaki kodu kullanabilirsiniz. Bunun içinde ayrı bir ieonly.css isminde css kodları oluşturmanız gerekecektir. Size tavsiyemiz öncelikle firefox tarayıcısında sitemizi template.css kodlarına göre ayarlayıp, internet explorer tarayıcısında da oluşacak istenilmeyen şekildeki görüntüleri hazırlayacağınız ieonly.css içerisindeki kodlarla sorunsuz hale getirmenizdir.
<body>
<?php echo $mainframe->getCfg('sitename');?><br />
<jdoc:include type="module" name="breadcrumbs" />
<jdoc:include type="modules" name="top" />
<jdoc:include type="modules" name="left" />
<jdoc:include type="component" />
<jdoc:include type="modules" name="right" />
</body>
Şimdi ise temamız için bir diğer kod kısmı olan body kodlarını ekliyoruz. Eklenen modül pozisyonlarını ve içerik gösterim kodunu css ile güçlendirmek isterseniz; gibi css kodlarını kullanabiliriz. (İçerik isimli koddan cssyi alacaktır.)
<div id="icerik"> <jdoc:include type="component" /> </div>
Tema index.php hazırlanması bu kadar body gövde kodu içerisinde kullandığımız kodlarıda tanıyalım. Bunlar modül pozisyonları... "breadcrumbs, top, left, right" pozisyonlarının kodlarıdır. Bunları değiştirebiliriz veya başka pozisyonlarda ekleyebiliriz. Bunun için name="..." kısmına istediğiniz pozisyon ismini yazarak değiştirebilirsiniz.
HEADER
RSS