Joomla 1.5 šablonas. Trečia dalis

PDFSpausdintiEl. paštas

Trečiadienis, 13 Liepa 2011 20:39 Parašė Rimvydas Peržiūrų: 2519

( 4 Balsai )
Joomla 1.5 šablonas. Trečia dalis - 5.0 out of 5, based on 4 votes

Pagrindinis šablono failas - Index.php

Failo pradžioje talpinamas kodas, kuris lankytojams nematomas, tačiau tinklapio veikimui labai svarbus. Šis kodas neleidžia naršyklei tiesiogiai kreiptis į failą. Tai reikalinga tinklapio saugumui užtikrinti.

1
2
3
<?php
// no direct access
defined( '_JEXEC' ) or die( 'Restricted access' ); ?>

DOCTYPE parametras nurodo naršyklei, kaip turi būti atvaizduojamas tinklapis, kaip interpretuoti CSS stilius.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 

Sekantis kodas iš globalių nustatymų "ištraukia" kalbą:



<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>" 

Tolesnis kodo gabaliukas įtraukia papildomą informaciją iš globalių tinklapio nustatymų. Tai yra tinklapio meta gairės ir jas galite pamatyti peržiūrėję pirminį tinklapio kodą.


<jdoc:include type="head" />

Žemiau prijungiami sisteminiai Joomla! CSS stilių failai:

<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />

ir paties šablono CSS failai:

1
2
<link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
<link rel="stylesheet" href="/templates/<?php echo $this->template ?>/css/menu.css" type="text/css" />

Toliau pateikiamas svarbus kodo gabaliukas, kurio pagalba automatiškai paslepiami kairys ar dešinys stulpeliai, jei juose nėra patalpintos informacijos. Jei niekas neskelbiama abiejuose stulpeliuose, tai  turinys užima 100%  viso tinklapio pločio, jei naudojamas kuris nors vienas stulpelis, tada turinys užima 80%,  jei naudojami abu stulpeliai - 60% pločio.

1
2
3
4
5
<?php
if($this->countModules('left and right') == 0) $contentwidth = "100";
if($this->countModules('left or right') == 1) $contentwidth = "80";
if($this->countModules('left and right') == 1) $contentwidth = "60";
?>

Sekančiu įrašu prijungiame grafinį ikonos failiuką tinklapio identifikatorių. Jį matome naršyklėje šalia adreso lauko:

1
2
<link rel="icon" href="/templates/demo/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/templates/demo/favicon.ico" type="image/x-icon">

Tai čia kaip ir viskas apie tą tinklapio "techninę" dalį, kuri yra nematoma. Toliau prasideda pagrindinė tinklapio dalis, esanti tarp gairių <body></body.

Tinklapis prasideda bloku "pathway" kuriame dar yra blokas user1, skirtas paieškos moduliui:

1
2
3
4
5
<div id="pathway">
<div id="user1">
<jdoc:include type="modules" name="user1" />
</div>
</div>

Kiekvienas modulis privalo turėti unikalų pavadinimą.

Toliau aprašoma tinklapio viršutinė dalis, header:

1
2
3
4
5
<div id="header">
<h1><?php echo $mainframe->getCfg('sitename');?></h1>
<h2> <p>Čia galite patalpintį savo šūkį:</p>
<p>"Mokomės kurti šabloną!"</p>  </h2>
</div>

Tarp gairių <h2></h2> talpiname šūkį arba devizą, angliškai vadinamą "slogan". Jis įrašomas tiesiogiai šiame faile.

Viršutinis horizontalus meniu talpinamas user2 pozicijoje. Jei pozicija nenaudojama, ji automatiškai paslepiama :

1
2
3
4
5
<?php if($this->countModules('user2')) : ?>
<div id="topmenu ">
<jdoc:include type="modules" name="user2" style="xhtml" />
</div>
<?php endif; ?>    

Aprašomas kairysis stulpelis, kuriame paprastai būna pagrindinis meniu. Stulpelio pozicijos pavadinimas yra "left". Ji automatiškai paslepiama, jeigu nieko nepatalpinta:

1
2
3
4
5
<?php if($this->countModules('left')) : ?>
<div id="left">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
<?php endif; ?>

Toliau aprašomas turinio, "content" blokas, kuriame talpiname ir "user3" poziciją:

1
<div id="content<?php echo $contentwidth; ?>">

Šis įrašas apsprendžia, priklausomai nuo to, yra ar nėra "left" ir "right" stulpeliai, turinio bloko plotį, kuris keičiasi automatiškai. Jis  gali užimti nuo 60% iki 100%.

Pats turinys iškviečiamas:

1
<jdoc:include type="component" style="xhtml" />

Įterpiamas modulis "user3":

1
2
3
4
5
6
<?php if($this->countModules('user3')) : ?>
<div id="user3">
<jdoc:include type="modules" name="user3" style="xhtml" />
</div>
<?php endif; ?>
</div>

Dešinys stulpelis, kuris automatiškai paslepiamas, jeigu jame nieko nepatalpinta, pozicija "right":

1
2
3
4
5
<?php if($this->countModules('right')) : ?>
<div id="right">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
<?php endif; ?>


Bottom modulis:

1
2
3
4
5
6
7
8
9
<?php if($this->countModules('bottom')) : ?>
<div id="bottom">
<div id="bottombox">
<div id="bottomboxin">
<jdoc:include type="modules" name="bottom" style="xhtml" />
</div>
</div>
</div>
<?php endif; ?>

Bottom meniu modulis:

1
2
3
4
5
<?php if($this->countModules('bottommenu')) : ?>
<div id="bottommenu">
<jdoc:include type="modules" name="bottommenu" style="xhtml" />
</div>
<?php endif; ?> 

Ir footer pozicija kurioje paprastai talpinamas įrašas apie autorines tinklapio teises :

1
2
3
4
5
<?php if($this->countModules('footer')) : ?>
<div id="footer">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
<?php endif; ?>   

pabaigoje blokas "page" uždaromas gairėmis </div>, </body> ir visas kodas  gaire </html>.


Aptarkite šį straipsnį forume
Norėdami dalyvauti diskusijoje turite prisijungti arba užsiregistruoti .

Joomla123.lt is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.
The Joomla!® name is used under a limited license from Open Source Matters in the United States and other countries.