3.1 Templates

Template Input Backendmaske für Template-Eingabe

Das Layout eines Artikels wird durch das Template bestimmt, das ihm zugeordnet wurde. Vereinfacht gesagt, sind diese auch als „Artikel-Layouts“ bezeichneten Templates klassische HTML-Seiten inklusive Header, Navigation, Footer etc.. Damit daraus eine dynamische Webseite entsteht, werden im HTML-Code vordefinierte Platzhalter (CONTEJO-Variablen) eingetragen. Später in der Ausgabe des Artikels ersetzt CONTEJO diese durch die spezifischen Inhalte des jeweiligen Artikels.

Daneben können sie im Template auch PHP-Code ausführen, wobei sie auf die CONTEJO-Klassen zugreifen und zusätzlich eigene Klassen-Bibliotheken inkludieren können.

Templates, die nicht als „Artikel-Layouts“ definiert wurden, können als Container für PHP-Code verwendet werden. Sie lassen sich an verschiedenen Stellen einbinden. Zur einfachen Unterscheidung werden sie als „Script-Templates“ bezeichnet.

Templates werden im Backend unter dem gleichnamigen Reiter (Admintools → Templates) verwaltet.

311artikel-layouters

3.1.1 Artikel-Layout erstellen

Template-Layout Example Beispiel für die Ausgabe

Mit dem folgenden beispielhaften Artikel-Layout wäre es möglich eine Ausgabe gemäß der schematischen Abbildung links zu erzeugen. Gut zu erkennen sind die verschiedenen CONTEJO-Template-Variablen für Navigationen, Inhaltsbereiche, Metadaten etc. die von CONTEJO durch die artikelbezogenen Daten ersetzt werden.

Beispiel eines Artikel-Layouts

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
136.
137.
138.
139.
140.
141.
142.
143.
144.
145.
146.
147.
148.
149.
150.
151.
152.
153.
154.
155.
156.
157.
158.
159.
160.
161.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>CJO_META[title] | CJO_SERVERNAME</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="keywords" content="CJO_META[keywords]" /> <meta name="description" content="CJO_META[description]" />  <link type="text/css" href="./page/css/standard.css" rel="stylesheet" /> <script type="text/javascript" src="./page/js/standard.js"></script> </head> <body> <div class="page">  <div class="header"> CJO_META[file] </div>  <div id="lang_navigation"> CJO_NAVIGATION[lang] </div>  <div id="main_navigation"> CJO_NAVIGATION[main] </div>  <div class="content">  <div class="teaser"> CJO_ARTICLE_CTYPE[3] </div>  <div class="content_main_column"> CJO_ARTICLE_CTYPE[0] </div>  <div class="content_right_column"> CJO_ARTICLE_CTYPE[1] </div>  <div class="local_navigation"> CJO_NAVIGATION[local] </div>  <div class="footer"> CJO_ARTICLE[5] </div> </div> </div> </body> </html>