JoomKitapModül -Tema Entegrasyonu
Joomla modüllerinin entegre edilmesi, HTML kodu içerisine komutlarının yerleştirilmesi ile gerçekleşir. Jdoc etiketi joomlatarafından kullanılır ve görevi farklı öğelerin temaya bağlanmasını sağlamaktır. Eğer index.php dosyasının başlık kısmında (<head> ) , aşağıdaki satırı girerseniz, sayfa başlığı ve Newsfeed sembolü gösterilir:
<head> <jdoc:include type="head" /> </head>
Şekil 6: Favori simgesi ve sayfa başlığı
Eğer bu sayfanın HTML kodunu görüntülerseniz, yönetici bölümünde daha önce tanımlamış olduğunuz tüm genel sayfa verilerini (metadata) içerdiğini göreceksiniz.
<html> <head> <link href="/joomla15/templates/joomkitap/css/template.css" rel="stylesheet" type="text/css"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="robots" content="index, follow" /> <meta name="keywords" content="joomla, Joomla, joomlaturkiye" /> <meta name="description" content="JOOMKITAP.de Joomla CMS-İçerik Yönetim Sistemi Öğreniyorum Online Kitap" /> <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" /> <title>JOOMKITAP.de Joomla CMS- İçerik Yönetim Sistemi Öğreniyorum Online Kitap</title> <link href="/joomla15/index.php?format=feed&type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> <link href="/joomla15/index.php?format=feed&type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> <script type="text/javascript" src="/joomla15/media/system/js/mootools.js"></script> <script type="text/javascript" src="/joomla15/media/system/js/caption.js"></script> </head> <body> <div id="part1">baslık kısmı <div id="bolum1">bölüm1</div> <div id="bolum2">bölüm2</div> </div> <div id="part2">ana kısım <div id="bolum3">breadcrumbs</div> <div id="bolum6">sayfanın sağı</div> <div id="bolum4">sayfanın solu</div> <div id="bolum5">içerik</div> </div> <div id="part3">alt kısım <div id="bolum7">Bölüm7</div> </div> </body> </html>
Şu ana kadar herşey yolunda gitti ise, şimdi diğer gerekli jdoc etiketlerini temanıza eklemeye başlayabilirsiniz.
<jdoc:include type="modules" name="top" style="none"/>
Yukarıdaki etiketin yapısına aşağıdaki tabloda kısa bir açıklama getirelim:
|
Parametre |
Açıklama |
|
Type |
Burada ne tarz bireklentinin geleceğini belirtir. Örneğin bizimörneğimizde buraya bie modülgeleceği için “modules” değeri girilmiştir |
|
Name |
Modülün pozisyonunu belirtir. Bu pozisyonda yer alacak modüllerin pozisyonları , yönetici > eklentiler>modül yöneticisi menü adımından gerçekleştirilir. |
|
Stye |
Modülle beraber gelen HTML kodları ile uyumlu bir değer içerir. Bizim örneğimizde “none” değeri sade bir HTML kodu sağlar . (<div>etiketi içermez) örnekler: table -> Modül bir tablo yapısı içerisinde gösterilir. horz -> Modül yaty bir tabloda tek bir birleştirilmiş hücre içinde gösterilir. xhtml -> Modül, XHTML uyumlu bir div öğesi içinde oluşturulur. Rounded -> Modül içeriği , yuvarlak köşeli bir dörtgen içerisinde oluşturulur. |
Sonuç olarak örnek temamızda jdoc öğeleri aşağıdaki şekilde yerleştirilir:
<html> <head> <link href="/joomla15/templates/joomkitap/css/template.css" rel="stylesheet" type="text/css"/> <jdoc:include type="head" /> </head> <body> <div id="part1">baslık kısmı <div id="bolum1"> <jdoc:include type="modules" name="user3" style="xhtml" /> </div> <div id="bolum2">bölüm2 <jdoc:include type="modules" name="top" style="xhtml" /> </div> </div> <div id="part2">ana kısım <div id="bolum3">breadcrumbs <jdoc:include type="modules" name="breadcrumb" style="xhtml" /></div> <div id="bolum6">sayfanın sağı <jdoc:include type="modules" name="right" style="xhtml" /> </div> <div id="bolum4">sayfanın solu <jdoc:include type="modules" name="left" style="xhtml" /> </div> <div id="bolum5">içerik <jdoc:include type="component" style="xhtml" /> </div> </div> <div id="part3">alt kısım <div id="bolum7">Bölüm7 <jdoc:include type="modules" name="footer" style="xhtml" /> </div> </div> </body> </html>
Eğer değiştirmiş olduğunuz HTML kodunu yerel sunucunuzda çağırırsanız, dinamik olarak oluşturulmuş içeriği göreceksiniz. Yeni temanız veriler ile doldurulmuş, ancak göze hitap etmeyen bir yapısı olduğu gayet açıktır, ama en azından çalışıyor.
Şekil 7: Dinamik veriler ile temanın görünümü
Şimdi tema için bir kurulum paketi nasıl oluşturulur ona bakalım.
Comments
Çok Teşkkürler Çok işime
Sat, 12/12/2009 - 18:47 — anonim (not verified)Çok Teşkkürler Çok işime yaradı
Post new comment