Templates

Üblicherweise legt der Entwickler oder der Webdesigner mit einem Template fest, an welcher Stelle, welche Inhalte ausgegeben werden sollen.

aitsu hebt diese Beschränkung auf. Damit haben Entwickler nun die Möglichkeit festzulegen, was Redakteure verändern dürfen und was nicht.

Konfigurierbare Templates

Im folgenden Beispiel erhält der Redakteur auf einem Klick die Auswahl-Möglichkeit zwischen einer einspaltigen, zweispaltigen oder dreispaltigen Darstellung. Mit defaultTemplate wird die Standard-Einstellung festgelegt.

<script_ type="application/x-aitsu" src="Template:Main">
  defaultTemplate = col1
 
  template.col1.file = templates/body/main/col1.phtml
  template.col1.name = 1-spaltig
 
  template.col2.file = templates/body/main/col2.phtml
  template.col2.name = 2-spaltig
 
  template.col3.file = templates/body/main/col3.phtml
  template.col3.name = 3-spaltig
</script_>

Template-Weiche innerhalb einer Layout-Datei

Durch geschickte Kombination der Module und deren Index, lässt sich ein Vielzahl Darstellungen ermöglichen.

Einspaltiges Sub-Template

<div class="subcolumns">
 
  _[HTML:MainCopy]
  <hr/>
  <script_ type="application/x-aitsu" src="Modulname:Index">
    key = value
  </script_>
 
</div>

Das Sub-Template col1.phtml

Zweispaltiges Sub-Template

<div class="subcolumns">
 
  <div class="c50l">
    <div class="subcl">
      _[Modulname:Index1]
    </div>
  </div>
 
  <div class="c50rl">
    <div class="subcr">
      _[HTML:MainCopy]
      <hr/>
      <script_ type="application/x-aitsu" src="Modulname:Index2">
        key = value
      </script_>
    </div>
  </div>
 
</div>

Das Sub-Template col2.phtml

Dreispaltiges Sub-Template

<div class="subcolumns">
 
  <div class="c33l">
    <div class="subcl">
      _[Modulname:Index]
    </div>
  </div>
 
  <div class="c33l">
    <div class="subc">
      _[HTML:MainCopy]
    </div>
  </div>
 
  <div class="c33r">
    <div class="subcr">
      <script_ type="application/x-aitsu" src="Modulname:Index2">
        key = value
      </script_>
    </div>
  </div>
 
</div>

Das Sub-Template col3.phtml