Datsemo Blog

Az interneten rengeteg oldalról tölthetünk le Joomla! sablonokat, mégis sokszor órákat, napokat vehet igénybe amíg megfelelőt találunk, és még az sem pont olyan amilyent megálmodtunk magunknak. A legjobb megoldás tehát ha saját magunknak készítünk sablonokat. Ebben lehet segítségetekre ez a tutorialsorozat, melynek most az első részében megtárgyaljuk a templateDetails.xml fájl funkcióit, és elkészítésének módját.

Először hozzunk létre egy új mappát a templates mappában. Nevezzük el mondjuk ujsablon mappának. Nyissuk meg a kedvenc szerkesztőnket (én az EditPlus-t használom), hozzunk létre egy új dokumentumot, és mentsük el az ujsablon mappába templateDetails.xml néven.

1.sor:

<?xml version="1.0" encoding="utf-8"?>Itt megadtuk a használt xml szabvány verzióját és a fájl karakterkódolását.

2.sor:

<install type="template" version="1.5">Itt megmondjuk a rendszernek hogy ez egy sablon, és megadjuk a kompatibilis verziót is. Tehát a sablonunk joomla 1.5.x rendszerrel fog működni.

3.sor:

<name>sajatsablon</name>Itt megadtuk a sablonunk nevét, és elérkeztünk arra a pontra, amikor láthatunk is valamit a munkánkból. Lépjünk be az adminisztrációs részbe, és a Bővítmények menüben válasszuk a Sablonkezelő linket. Láthatjuk, hogy megjelent a sablonunk neve a listában. 

Megadhatjuk továbbá a sablonunk készítésének dátumát, verziószámát, e-mail címünket, nevünket, weboldalunk elérhetőségét, a licensz típusát és némi leírást a sablonról:

  <creationDate>2009-10-04</creationDate>
  <version>1.0</version>
  <license> GNU / GPL </license>
  <authorEmail>joomla.datsemo@gmail.com</authorEmail>
  <author>Datsemo</author>
  <authorUrl>http://datsemo.blog.hu/</authorUrl>
  <description>A sablon leirasa</description>

Az ujsablon mappában hozzunk létre egy index.php fájlt, és egy css nevű mappát, majd ebbe egy template.css fájlt.

A templateDetails.xml fájlunkba illesszük be az alábbiakat:

  <files>
        <filename>index.php</filename>
        <filename>templateDetails.xml</filename>
        <filename>css/template.css</filename>
  </files>Ez telepítéskor lényeges, a joomla telepítője innen határozza meg milyen fájlok tartoznak a sablonunkhoz.

Ezután megadjuk a modulpozíciókat, amiket használni akarunk a sablonunkban:

<positions>
   <position>top</position>
   <position>left</position>
   <position>right</position>
   <position>user1</position>
   <position>user2</position>
   <position>user3</position>
   <position>user4</position>
</positions>A végén lezárjuk az install tag-et:

</install>A templateDetails.xml fájl tartalma tehát a következő:

<?xml version="1.0" encoding="utf-8"?>
<install type="template" version="1.5">
  <name>sajatsablon</name>
  <creationDate>2009-10-04</creationDate>
  <version>1.0</version>
  <license> GNU / GPL </license>
  <authorEmail>joomla.datsemo@gmail.com</authorEmail>
  <author>Datsemo</author>
  <authorUrl>http://datsemo.blog.hu/</authorUrl>
  <description>A sablon leirasa</description>

  <files>
        <filename>index.php</filename>
        <filename>templateDetails.xml</filename>
        <filename>css/template.css</filename>
  </files>

      <positions>
        <position>top</position>
        <position>left</position>
        <position>right</position>
        <position>user1</position>
        <position>user2</position>
        <position>user3</position>
        <position>user4</position>
    </positions>
</install>

Egy külön tutorialban foglalkozni fogunk a <params> lehetőségeivel is.

Az adminisztrációs panelon tegyük alapértelmezetté sablonunkat. Ha most megtekintjük az oldalunkat nem látunk semmit, csak fehér hátteret. A következő részben megjelenítünk komponenseket, modulokat. Az index.php fájlal fogunk foglalkozni.