Templateerstellung

Templateerstellung für Infosite 6

Für die Erstellung von Eingabetemplates empfielt Sitepark folgende HTML-Struktur, damit sich die Eingabemasken harmonisch in Infosite 6 einfügen:

Überschriften sollten nur der ersten bis dritten Kategorie (<h1> bis <h3>) verwendet werden. Eingabeblöcke sind mit einem <div class="editorblock">…</div> zu klammern.
Erläuterungstext kann allgemein in einen Info-Container gepackt werden (<div class="info">…</div>).

Hier ein Musterbeispiel:

<sp:io type="in">
  <h1>Überschrift</h1>
  <div class="info">
    Suspendisse neque nisi, aliquet sed fermentum in, molestie quis sem? Vivamus lobortis fermentum facilisis.
    Nam eget metus egestas, vestibulum risus vitae, sodales augue.
  </div>
  <div class="editorblock">
    <h2>H2 Überschrift</h2>
    <div class="info">
      Beschreiben Sie sie hier mit einer Überschrift und einer kurzen Zusammenfassung (bitte ohne HTML-Code) diese Seite.
      Beachten Sie bitte, dass die Zusammenfassung auch als Teaser beispielsweise in Newslisten verwendet wird.
    </div>
    <strong>Titel</strong><br>
    <spt:text name="sp_title" size="25"/><br>
    <br>
    <strong>Datum</strong><br>
    <spt:date name="sp_date" size="10"/><br>
    <br>
    <strong>Überschrift</strong><br>
    <spt:text name="sp_headline" size="60"/><br>
    <br>
    <strong>Einleitungstext</strong><br>
    <spt:textarea name="sp_intro" cols="58" rows="6"/><br>
  </div>
</sp:io>

Zur Gestaltung von Iteratoren gibt es mehrere Möglichkeiten (siehe auch spt:iterator):

Möchte man die Standard-Nummerierung durch ein Label ersetzen, benutzt man den Parameter itemtext.
Bei verschachtelten Iteratoren ist es oftmals hilfreich die Iterator-Ebenen unterschiedlich zu kennzeichnen. Hier hilft der Parameter invert weiter. Ursprünglich wurde ein so gekennzeichneter Block dunkler und das Label invertiert (also helle Schrift auf dunklem Grund) dargestellt. Daher der Name des Parameters. Inzwischen steuert dieser Parameter bloß noch eine etwas andere farbliche Darstellung. Kombiniert man beide Parameter, kann man divere Iterator-Ebenene abbilden, die zugleich übersichtlich bleiben.

Hier ein weiteres Musterbeispiel:

<sp:io type="in">
  <div class="editorblock">
    <h2>Musterbeispiel eines verschachtelten Iterators</h2>
    <spt:iterator name="sp_paragraph_iterate" itemtext="Abschnitt">
      <strong>Textabschnitt</strong><br>
      <spt:tinymce name="sp_text" cols="62" rows="5"/><br>
      <spt:iterator name="sp_chapter_iterate" itemtext="Kapitel" invert="true">
        <strong>Kapiteltext</strong><br>
        <spt:tinymce name="sp_text" cols="60" rows="5"/><br>
        <spt:iterator name="sp_verse_iterate" itemtext="Vers">
          <strong>Versnummer</strong><br>
          <spt:text name="sp_number" size="60"/><br>
          <strong>Verstext</strong><br>
          <spt:textarea name="sp_text" cols="58" rows="5"/><br>
          <strong>Linkliste</strong><br>
          <spt:iterator name="sp_linklist_iterate" invert="true">
            <spt:link name="sp_link" size="59"/>
          </spt:iterator>
        </spt:iterator>
      </spt:iterator>
    </spt:iterator>
  </div>
</sp:io>