• +3620 253-7779

Joomla 1.5 sablon frissítése 2.5 sablonra

Azt gondolnánk, hogy egy Joomla sablon átalakításhoz igazi programozó gurunak kell lennünk, pedig nem.
Nézzük meg azt a pár egyszerű lépést amivel átalakíthatjuk meglevő 1.5 joomla sablonunkat 2.5-os sablonra.

Az általunk felsorolt módosítások csak egyszerűbb sablonok esetén igazak, összetettebb sablonok esetén további átalakításokra is szükség lehet

Első lépés: A sablon könyvtárban lévő index.php átalakítása

Eredeti 1.5 kód Új 2.5 kód
Első sorok között található az alábbi kód amit le kell cseréni  
{codecitation}
defined( '_JEXEC' ) or die( 'Restricted access' );
{/codecitation}
{codecitation}
defined( '_JEXEC' ) or die;
{/codecitation}
Ezután a kód elején be kell illeszteni a következőt a szokásos akár közvetlenül az előzőleg módosított sor után Ez egy új változó a Joomla 2.5-ban
  {codecitation}
$app = JFactory::getApplication();
{/codecitation}
Az esetlegesen a sablonban előforduló alábbi kódokat le kell cserélni erre a kódra
{codecitation}$mainframe{/codecitation} {codecitation}$app{/codecitation}
Példák az előzőre  
{codecitation}$mainframe-> getCfg ("sitename ');{/codecitation} {codecitation}$app-> getCfg ("sitename ');{/codecitation}
{codecitation}$mainframe-> getCfg ("live_site ');{/codecitation} {codecitation}$mainframe-> getCfg ("live_site ');{/codecitation}

 

Második lépés:

A sablon könyvtárban levő templateDetails.xml átalakítása.
Ezzel az az agey gond lehet, hogy a Joomla 1.5-ös verziójában nem volt kötelező telepíteni a sablont, hanem elég volt csak bemásolni a Joomla templates könyvtárába. Ez azt jelentheti, hogy az 1.5-ös verzióhoz készült templateDetails.xml esetleg nem tartalmaz minden adatot. Ez azért fontos mert az 1.6-os verzióban ez a felmásolom a könyvtárba megoldás nem működik, hanem a Joomla telepítővel kell telepíteni a sablont is. Mi abból a feltételezésből indulunk ki, hogy a templateDetails.xml ebből a szempontból teljesen megfelelő.

Régi 1.5 kód Új 2.5 kód
Az első sorok helyett  
{codecitation}<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">{/codecitation}

{codecitation}<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 2.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.6/template-install.dtd">
<extension version="1.6" type="template" client="site">{/codecitation}


A következő feladat a sablon paramétereinek átírása, ez nem mindegyik sablonban van, így lehetséges, hogy ez a rész kimarad.

Amit át kell írni az valami hasonló:

{codecitation}
<params>
<param name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose a sablon theme">
<option value="theme1"> theme1 </ option>
<option value="theme2"> theme2 </ option>
<option value="theme3"> theme3 </ option>
</param>
</params>{/codecitation}

és ennek az új 2.5-os kódja:

{codecitation}
<config>
<fields name="params">
<fieldset name="advanced">
<field name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose a sablon theme">
<option value="theme1"> theme1 </ option>
<option value="theme2"> theme2 </ option>
<option value="theme3"> theme3 </ option>
</field>
</fieldset>
</fields>
</config>
{/codecitation}

A változások
1. az gész bekerül egy {codecitation}<config>...</config>{/codecitation} közé
2. a {codecitation}<params>...</params>{/codecitation} pár helyett {codecitation}<fields name="params">....</fields>{/codecitation} kerül
3. a {codecitation}<param name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose a sablon theme">...</param>{/codecitation} helyett {codecitation}<field name="templateTheme" type="list" default="theme1" label="Template Theme" description="Choose a sablon theme">...</param>{/codecitation} kerül

Harmadik lépés

A sablon css fájljának átalakítása

Eredeti 1.5 kód Új 2.5 kód
Amik megváltoztak, azaz a régi 1.5 helyett az új 1.6 át kell írni  
.article_separator .item-separator
.blog_more .item-more
Az [nyomtatás, PDF, E-mail] gombok stílusa megváltozott a cikkeknél. Az eredeti <td class = "buttonheading", helyett most új kód van valahogy így <div class = "action" és <ul> így új elemeket kell hozzÁadni a stíluslaphoz:
{codecitation}
.actions { margin:0;}
.actions li {list-style: none; display:inline; float:right;}
{/codecitation}
A kategória táblázat nézet, ma már <ul} lista, így hozzá kell adni ismét a sítluslaphoz
{codecitation}table.category {border:1px solid #CCC; width:100%; text-align:center;}
table.category th,table.category td { padding:2px 6px;}
table.category thead{ background:#EEE;}
.jcat-children ul,.jcat-children li { margin:0; list-style:none;}
.jcat-children li a { background:url(../images/bullet_green_arrow.png) no-repeat 0 12px; display:block; padding:5px 5px 5px 15px; font-size:0.9em;}
{/codecitation}

 

Negyedik lépés

El kell készíteni a sablon template_preview.png fájlját. Ez praktikusan egy képernyő fotó 800x600 pixel méretben. Nem szabad elfelejteni hozzáadni a template.Details.xml fájlhoz.

A
{codecitation} <filename>template_thumbnail.png</filename>{/codecitation} sor után be kell szúrni a következőt {codecitation}<filename>template_preview.png</filename>{/codecitation}


Joomla és VirtueMart szakértő: 1028 Budapest, Vadkörte utca 1 | +3620 253-7779 | +361 3970933 | support@webprogramok.hu | Facebook

Kérdése van? Írjon vagy telefonáljon!

Tel-e-universum Kft.
Weboldalak és webáruházak készítése

Cím: 1028 Budapest, Vadkörte utca 1.
Telefon: +36-20-2537779
E-mail: support@webprogramok.hu

Top