Auf Kommentar antworten

Unter einem Template oder Theme versteht man bei Content-Management-Systemen eine Art visuelle Schablone, die über die Inhalte gelegt wird. Ein Template definiert die Farben, Schriftarten, Schriftgrößen, Hintergrundbilder, Abstände und Aufteilung der Seite und somit alles, was mit dem Erscheinungsbild der Seite zu tun hat.

Ein Template besteht meist aus mindestens einer HTML-Datei für die Struktur der Seite und einer CSS-Datei für das Design.

Der große Vorteil von Templates ist, dass das Design einer Website komplett verändert werden kann, ohne dass Sie etwas an den Inhalten ändern müssen.

In Content-Management-Systemen werden meist unterschiedliche Templates für das Frontend und für das Backend verwendet.

Hier sehen Sie ein paar Beispiele für unterschiedliche Templates, die den gleichem Inhalt darstellen:

• 
  Abbildung 1: Darstellung im normalen Browser
   
• 
  Abbildung 2: Darstellung auf einem Telefon (hier iPhone)
   
• 
  Abbildung 3: Druckerfreundliche Darstellung
   
• Das folgende Listing ist ein Beispiel für einen RSS-Feed und andere maschinenlesbare Austauschformate (XML). Dieser Fall ist interessant, weil klar wird, wie viele Vorlagen hier übereinanderliegen. Die Website ist mit Drupal erstellt, der Feed wird aber mit Feedburner ausgeliefert.
  Der Ablauf ist folgendermaßen:
  1. Feedburner holt sich einen Feed aus Drupal ###(diese URL kenne ich nicht).
  2. Feedburner erzeugt diesen Quellcode:<item> ... <a href="http://feedproxy.google.com/~r/SIonline/~3/gw07QxccHxA/so-feiert-er-das-jubilaeum-mit-elisabetta" title="http://feedproxy.google.com/~r/SIonline/~3/gw07QxccHxA/so-feiert-er-das-jubilaeum-mit-elisabetta">http://feedproxy.google.com/~r/SIonline/...</a> <description>&lt;div class="field image"&gt;&lt;img src="http://www.schweizer-illustrierte.ch/sites/default/files/imagecache/Halbspaltenteaser/images/dukas_15001189_sip.jpg" alt="" title="George Clooney und Elisabetta Canalis" class="imagecache imagecache-Halbspaltenteaser" width="146" height="104" /&gt;&lt;/div&gt;&lt;div class="spitzmarke"&gt;George Clooney&lt;/div&gt;&lt;div class="field lead"&gt;Seit einem Jahr sind George Clooney und Elisabetta Canalis ein Paar. Der Hollywood-Beau und das ehemalige Showgirl feiern ihr Liebesglück mit eine Bootsparty - und prominenten Freunden.&lt;/div&gt; &lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt; &lt;a href="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/EdQp-AJBmjR0jbUaXf4hqgd23ek/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;img src="http://feeds.feedburner.com/~r/SIonline/~4/gw07QxccHxA" height="1" width="1"/&gt;</description> <comments>http://www.schweizer-illustrierte.ch/stars/so-feiert-er-das-jubilaeum-mit-elisabetta#comments</comments> <category domain="http://www.schweizer-illustrierte.ch/dossier/tag/elisabetta-canalis">Elisabetta Canalis</category> <category domain="http://www.schweizer-illustrierte.ch/dossier/tag/george-clooney">george clooney</category> <category domain="http://www.schweizer-illustrierte.ch/dossier/tag/jubilaeum">Jubiläum</category> <category domain="http://www.schweizer-illustrierte.ch/category/si-hauptrubrik/people">People</category> <category domain="http://www.schweizer-illustrierte.ch/category/autoren/sylvie-kempa">Sylvie Kempa</category> <category domain="http://www.schweizer-illustrierte.ch/category/si-hauptrubrik/people/international">International</category> <pubdate></pubdate> <dc:creator>Sylvie Kempa</dc:creator> <guid ispermalink="false">39657 at <a href="http://www.schweizer-illustrierte.ch</guid>" title="http://www.schweizer-illustrierte.ch</guid>">http://www.schweizer-illustrierte.ch</guid></a> <feedburner:origlink>http://www.schweizer-illustrierte.ch/stars/so-feiert-er-das-jubilaeum-mit-elisabetta ... </feedburner:origlink> </item>
  3. Wenn ich den Feed abonniere, legt ein Browser (beispielsweise Safari) ein weiteres Template über den Code. Der Feed sieht dann so aus wie in Abbildung 4.
     
     Abbildung 4: Ein Feed in einem Browser