Sablonok
A CMSMS sablonjai többé-kevésbé ugyanazon a HTML kódon alapulnak. Az egyetlen különbség az, hogy milyen menüt használnak és hány block-ból állnak. A többi gyakorlatilag a stíluslapon (CSS) múlik.A CMSMS nem használ táblázatokat, helyette <div> tag-eket használ a block-ok meghatározására.
A stíluslapról később lesz szó, most nézzük át a sablon elemeit:
<!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="hu" lang="hu">
Ez a DOCTYPE (Dokumentum Típus Definíció). Ez mondja meg a böngészőnek, hogy milyen (X)HTML verziót használ a dokumentumunk, így tudja azt pontosan megjeleníteni. Ez a rész szükséges validáció (na erre mondjatok valami jó fordítást - a hitelesítés valahogy nem azt sugallja) esetén is.Head tag
<head>
<title>{sitename} - {title}</title>
{stylesheet}
{metadata}
</head>
A <title> tag-ek közötti rész az oldal címe, ez fog megjelenni a böngésző címsorában. A {sitename} az / Admin / Site Adminisztráció / Globális beállítások / résznél adható meg. Ha szeretnénk, hogy minden oldalunk címe is megjelenjen a böngésző címsorában, adjuk hozzá ehhez a sorhoz a {title} kódot is.<title>{sitename} - {title}</title>
{stylesheet}
{metadata}
</head>
{stylesheet} - Ez a kód a stíluslapot hívja be (amelyiket a sablonhoz rendeltünk).
{metadata} - A metaadatokat hívja be. Az / Admin / Site Adminisztráció / Globális beállítások / adható meg. Ezenfelül minden oldalhoz további metaadatokat adhatunk meg - a / Tartalom szerkesztése / Opciók / résznél
A page wrapper
<body>
<div id="pagewrapper">
...
</div>
Gyakorlatilag ez az oldal kerete, doboza, csomagolója. Ebbe lesz becsomagolva az oldal minden eleme. A stíluslapban lehet beállítani, hogy az oldalt középre rendezze, a méretét és egyebeket.<div id="pagewrapper">
...
</div>
A header
<div id="header">
<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
A header az a rész, ahol a logo található.Amint látható itt nincs semmi információ, ezeket a stíluslap tartalmazza. A cms_selflink sor logo-ra helyezi kezdőlap linkjét. természetesen további elemeket is felvehetünk.<h1>{cms_selflink dir="start" text="$sitename"}</h1>
<hr class="accessibility" />
A Breadcrumbs
!-- Start Breadcrumbs --> <div class="breadcrumbs"> {breadcrumbs starttext='You are here' root='Home' delimiter='»'}
<hr class="accessibility" /> </div> <!-- End Breadcrumbs -->
Ez egy érdekes rész. Ez mutatja meg az oldal olvasójának, hogy a honlpa struktúrájában az oldal (és a látogató) hol is van?. Ez valahogy így néz ki a valóságban:<hr class="accessibility" /> </div> <!-- End Breadcrumbs -->
Kezdőlap >> Oldal >> Aloldal
Természetesen ezt is lehet egyszerűsíteni. Illesszük be a sablonba a kívánt helyre:
A footer
Ez még egyszerűbb.
Itt már rögtön egy lépéssel tovább mentünk. HTML Blob-ot illesztettünk be. Gyakorlatilag ez is egy sablon, amit létrehozás után már csak egy hivatkozással kell beilleszteni a kívánt helyre.
A footer HTML Blob-ja például így néz ki.
© Copyright {custom_copyright} - CMS Made Simple
This site is powered by CMS Made Simple version {cms_version}
Az oldalt adaptálta: Petyuska & SPétör
This site is powered by CMS Made Simple version {cms_version}
Az oldalt adaptálta: Petyuska & SPétör