[TYPO3-UG Hungary] templates

Wed Jan 31 23:35:56 CET 2007

Szia

javaslom neked a Modern Template Building c. dokumentáció átolvasását. 
Sajnos angol nyelven van, és nehéz olvasmány, többször is át kell olvasni 
ahhoz, hogy az ember megértse, hogy miről is van szó. De a Quickstart c. 
dokumentumot is érdemes párhuzamban olvasgatni, lehet abból is okosodni.

A megértéshez elősként typo3 template fogalmát kell tisztázni. Ez nem 
ugyanaz, mint amit szintén template címszó alatt tudsz mondjuk a 
templatemonster.com -ról letöltetni. Itt a Typo3-ban a template annak 
leírása, hogy az oldaltartalom miként jelenjen meg. Minden egyes oldalhoz  
tudsz külön létre lehet templatet, ha nincs template, akkor az oldal nem 
jelenik meg, az alap install után ezt mint hibaüzenetet látod is az 
oldalad főlapján, annak ellenére, hogy akár több aloldalt is létrehoztál, 
illetve tartalmat is írtál bele.

Kezdésnek én azt javaslom, hogy létrehozol egy oldalt, ahhoz írsz valami 
oldaltartalmat, aztán az admin menüben az oldalhoz létrehozol egy új 
templatet. Alapesetben a hello world fog  megjelenni. Ha az admin 
felületen a template szerkesztést választod, akkor fogsz látni egy üres 
constant és egy pár soros setup mezőt, ahova a meglévő sorok helyére írd 
ezt:

page = PAGE
page.10 < styles.content.get

majd tekerj kicsit lejjebb, és látsz egy olyat, hogy Include static (from 
extension), ahol a jobb oldali ablakban lesz egy olyan, hogy CSS Styled 
Content (css_styled_content). Erre kell rákattintani, hogy ez átkerüljön a 
bal oldali ablakba is. Ha ez megvan, akkor a templatet el lehet menteni, 
aztán ezután már ami oldaltartalmat beírtál, az megjelenik...

Aztán ha tovább akarsz fejlődni, próbáld meg ezeket a sorokat a template 
setup mezőjébe beírni:

config.doctype = xhtml_trans
config.xhtml_cleaning = all
config.metaCharset= utf-8

page = PAGE
page.typeNum = 0
page.bodyTag = <body>
#page.stylesheet = fileadmin/styles/ts-template-wrap.css

temp.navigation_autoparser_tswrap = HMENU
temp.navigation_autoparser_tswrap.1 = TMENU
temp.navigation_autoparser_tswrap.1 {
  wrap =  <ul>|</ul>
  NO {
    wrapItemAndSub = <li>|</li>
  }
  CUR < .NO
  CUR.wrapItemAndSub = <li class="navi-act">|</li>
  CUR = 1
}

# Top
page.10 = COA
page.10 {

   stdWrap.wrap = <div id="container">|</div>

   10 = COA
   10.stdWrap.wrap = <div id="header"><span>Szolgenszöveg</span>|</div>

   ## Main Navigation
   20 < temp.navigation_autoparser_tswrap
   20.stdWrap.wrap = <div id="topnavigation">|</div>

   # Content
   30 = COA
   30 {
      stdWrap.wrap = <div id="mainblock">|</div>
      10 < styles.content.get
      10.stdWrap.wrap = <div id="content">|</div><div 
id="rightcontent"></div>
   }

   # Footer
   ## simple placeholder to enable a CSS line break (clear: both)
   40 = TEXT
   40.value = <div id="footer">Láblécszöveg</div>

}

meg fogod látni, hogy most már menüt is kapsz, amit css-ben fogsz tudni 
formázni...

A templatek előállításához van egy másik módszer is, ehhez viszont 
installálni kell az automaketemplate nevű extensiont. Ez a kiterjesztés 
arra szolgál, hogy ha mondjuk megvásárolsz egy html templatet, akkor azt a 
feltöltöd a fileadmin könyvátrva, (képekkel, stíluslapokkal stb.), majd 
itt a template-ben tudod megadni ilyeneket: pl.

 workOnSubpart = DOCUMENT_BODY
 subparts.left < styles.content.getLeft
 subparts.right < temp.productmenu

amikkel azt adod meg, hogy pl. a temp.productmenu az üres templatedben a 
<div id="right"></div> -ben belül generálódjon. ugyanígy a <div 
id="left"></div> -en belül az a tartalomrész fog beillesztődni, amit az 
admin felületen az oldal szerkesztéskor a bal oldali oszlopban adsz meg...

A könyv mellékletében lévő tömérdek template több különféle koncepcióhoz 
template példák, érdemes őket olvasgatni, kisérletezgeni velük, hogy mi 
mit csinál.

Nem igérem, hogy ez a dióhéjban megírt kis írás minden problémádat 
megoldja, de remélem, hogy egy kicsit segít megérteni, hogy mire jók azok 
a példák.

De ha vársz egy kis türelemmel, akkor összehozok egy képekkel illusztrált 
cikket az oldalamon a template menü alatt (még üres), remélem azzal már 
tudtok valamit is kezdeni.

A megemlített typo3 könyv egyébként hasznos beruhuzás szerintem, sokkal 
érthetőbben van benne leírva, mint pl. a modern template building-ben.

Egyébként a typo3-nak ez a része eléggé elvont, sok ideje rámegy az 
embernek, mire néhány dologra rájön - tény, hogy ez a cms nem olyan 
jellegű, mint pl. a joomla v. drupal.

Üdv. Gábor

2007. január 31. 13.15 dátummal Murányi Árpád ezt írta:
> Hali,
>
> a typo3cafe infók/letöltések alapján leszedtem a könyv t3d mellékletét,
> és importáltam, ez eredményezett a honlapomon egy templates könyvtárt.
>
> hogy tudom használatba venni az ebben lévő templateket?
>
> árpi
> _______________________________________________
> TYPO3-UG-hungary mailing list
> TYPO3-UG-hungary at lists.netfielders.de
> http://lists.netfielders.de/cgi-bin/mailman/listinfo/typo3-ug-hungary