Joomla 1.5 İçin Template Hazırlamak
Joomla 1.5 çıkalı bir kaç gün oldu. Joomla! sitemi 1.5′a yükselttim. Ee tabi arada kullandığım temayı yükseltmiş oldum. Joomla! 1.5 için tema yapımı konusunda, sizlere yardımcı olmaya çalışacağım. Öncellikle bir template için gerekli klasör ve dosya isimlerini sıralamak gerekiyor:
* css (klasör)
* images (klasör)
* index.html (dosya)
* index.php (dosya)
* templatedetails.xml (dosya)
* template_thumbnail.png (resim)
Öncellikle template.css olarak adlandıracağımız css dosyasını css klasörünün altına kopyalıyoruz. Sonrasında sitemiz için genel .css ayarlarını belirliyoruz. Genel .css ayarları sizin isteğiniz doğrultusundadır. Daha sonra Joomla için aşağıda verdiğim .css kodlarını düzenliyorsunuz.
template.css
.article_separator{ }
.adminform{ }
.author{ }
.bannerfooter{ }
.bannergroup{ }
.bannerheader{ }
.banneritem{ }
.blog{ }
.blog_more{ }
.blogsection{ }
.breadcrumbs{ }
.button{ }
.buttonheading{ }
.clr{ }
.componentheading, .contentheading{ }
.componentheading, .contentheading { }
.content_email{ }
.content_rating{ }
.content_vote{ }
.contentdecription{ }
.contentpagetitle{ }
.contentpane{ }
.contentpaneopen{ }
.contenttoc{ }
.createdate{ }
.created-date{ }
.date{ }
.form-login { }
.inputbox{ }
.intro{ }
.latestnews{ }
.loclink{ }
a.mainlevel:link, a.mainlevel:active, a.mainlevel:visited{ }
a.mainlevel:hover{ }
.message{ }
.metadata{ }
.modifydate{ }
.module{ }
.moduletable{ }
.mosimage_caption{ }
.mostread{ }
.newsfeed{ }
.outline{ }
.pagenav{ }
.pagenav_next{ }
.pagenav_prev{ }
.pagenavbar{ }
.pagenavcounter{ }
.pathway{ }
.pollstableboarder{ }
.read{ }
.search{ }
.searchintro{ }
.sections{ }
.sectiontable_footer{ }
.sectiontableentry{ }
.sectiontablefooter{ }
.sectiontableheader{ }
.small{ }
.smalldark{ }
a.sublevel:link, a.sublevel:active, a.sublevel:visited{ }
a.sublevel:hover{ }
.title{}
<a title="Fadonet.Net" href="http://www.fadonet.net" target="_blank">fadonet.net</a>
İndex.Php
Css için gerekli ayarları yaptıktan sonra, template ana dizindeki index.php dosyasını düzenlememiz gerekiyor. Örnek bir index.php dosyası aşağıdaki gibidir. 4 Modül pozisyonuyla birlikte;
< !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" /> <link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" /> <link rel="stylesheet" href="templates/<?php echo $this-><a href="http://www.fadonet.net/tag/template/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with template">template</a> ?>/css/<a href="http://www.fadonet.net/tag/template/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with template">template</a>.css” type=”text/css” /> </link> <link href="css/<a href="http://www.fadonet.net/tag/template/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with template">template.css” rel=”stylesheet” type=”text/css” /> </link> <body> <div id="wrapper"> <div id="header"> <div align="left"> <div id="logo"><a href="/"><img src="/templates/arkeo2/images/header.gif" alt="Logo" border="0" width="425" height="110" /></a> </div> <p class="hidetoo">fadonet.net </p></div> <div id="search"> <div class="content"> <jdoc :include type="module" name="search" style="inputsearch" /> </div> </div> <div class="clear"></div> <hr class="hide"/> </div> <div id="outer"> <div id="inner"> <div id="cwrap"> <div id="mcol"> <div class="content"> < ?php if($this->countModules(’breadcrumb’)) : ?> <jdoc :include type="modules" name="breadcrumb" style="" /> < ?php endif; ?> <div id="intro"> </div> <jdoc :include type="component" /> <div> </div> <hr class="hide"/> </div> </div> <div id="lcol"> <div class="content"> <div id="count" align="left">< ?php echo JHTML::Date($this->date_field, “%A, %d. %B %Y”); ?></div> <jdoc :include type="modules" name="left" style="rounded" /> <hr class="hide"/> </div> <div class="clear"> </div> </div> <div id="rcol"> <div class="content"> <jdoc :include type="modules" name="right" style="rounded" /> <hr class="hide"/> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div class="floatleft"> <jdoc :include type="modules" name="bottom" style="" /> </div> <div class="floatright"> <a href="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU/GPL License. </div> </div> </div> </div> <a title="Fadonet.Net" href="http://www.fadonet.net" target="_blank">fadonet.net</a> < /body> < / html>
İndex.php dosyasını da düzenledikten sonra son olarak templatedetails.xml adlı bir dosya yaratıyoruz. Ve bu dosyanın içeriğini aşağıda verdiğim kodlar doğrultusunda düzenliyoruz. Joomla’nın yeni sürümünde, admin paneli üzerinden, modül pozisyonu ekleyemiyoruz bunu ancak .xml dosyasından ayarlayabiliyoruz. O yüzden hazırlayacağınız temada kaç pozisyon kullanacaksanız templatedetails.xml dosyasında belirtmeniz gerekiyor.
templatedetails.xml
<install version="1.5" type="<a href="http://www.fadonet.net/tag/template/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with template">template”> <name>temanin ismi</name> <version>1.0</version> <creationdate>Hazirlandigi Tarih</creationdate> <author>hazirlayan</author> <authoremail>hazirlayanin email adresi</authoremail> <authorurl>hazirlayanin websitesi</authorurl> <copyright>buraya ne yazarsaniz yazin</copyright></install> <license>burasi da serbest. lisans kosullari falan filan</license> <description>temanin açiklamasi kisaca</description> <files> <filename>index.php</filename> <filename>templateDetails.xml</filename> <filename>template_thumbnail.png</filename> <filename>images/arrow.png</filename> <filename>css/index.html</filename> <filename>css/<a href="http://www.fadonet.net/tag/template/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with template">template</a>.css</filename> </files> <positions> <position>left</position> <position>right</position> <position>bottom</position> <position>search</position> </positions> <a title="Fadonet.Net" href="http://www.fadonet.net" target="_blank">fadonet.net</a>
Bir temanın ana malzemesi bu. Gerisi sizin yaratıcılığınıza kalmış. Tabi biraz da php ve Joomla bilginiz varsa, harikalar yaratabilirsiniz. Joomla 1.5 deneyin mutlaka ve çok şeyin değiştiğini gözlerinizle görün…
Şurdan hazırladığım temayı indirip kullanabilirsiniz. Joomla! 1.5 Template Sebo 1.0
Şubat 8th, 2008 saat: 00:51
Hocam bi sorumolacak. joomla da modül pozisyonlarını ayarlayamadım, tam olarak yapamadım. joomla 1.5 kurulu sitemde ve kendim tema yapmak istiyorum bunun için modül pozisyonlarını sadece temlatesdetails.xml dosyasında mı belirtiyorum. başka bir şey yapmam gerekiyor mu? az çok anlıyorum site tasarımından. sağolun.
Şubat 27th, 2008 saat: 00:32
Modül pozisyonlarını nasıl ayarlayamadınız anlamadım açıkçası. Joomla’nın eski sürümlerinde, yönetim panelinden modül pozisyonu ekleniyordu ama yeni sürümde yukarda örneğini verdiğim templatedetails.xml dosyasına modül ismi olarak kaydediyorsunuz. Joomla otomotik olarak templatedetails.xml’ye bakıp ordaki modüllerinizi okuyor. Joomla için template hazırlamak, wordpress için hazırlamaktan çok daha basit ve kolay…Şablonu tek sayfada toplayıp, şablona modül pozisyonu veriyorsunuz hepsi bu.. Wordpress gibi index.php, header.php, footer.php vs.. yapmak zorunda değilsiniz…
Mart 8th, 2008 saat: 04:50
süpperrrrrrrrrrrsin..
sen hayırlı yaşa emi. :))
Mayıs 8th, 2008 saat: 01:34
çok sağolun faydası oldu bana