In diesem Kapitel lernen Sie, die Texte auf der Website zu gestalten.

• Texte können direkt in der Vorschau bearbeitet werden

• Anschließend lernen Sie verschiedene Möglichkeiten kennen, Ihre Texte ansprechend zu gestalten und dynamische Elemente einzufügen. So können Sie beispielsweise das Schriftbild mit HTML und CSS ändern, Bilder und Links einfügen oder mit Platzhaltern personalisierte Daten einfügen.

Ddie Texte, die die Panelisten sehen, stammen aus verschiedenen Quellen. Seitennamen und Texte von Funktionsmodulen werden beispielsweise im Website-Editor auf der entsprechenden Seite definiert. Fehlermeldungen und Platzhalter werden hingegen in eigenen Menüs verwaltet.

Je besser Sie EFS Panel kennen, desto weniger Schwierigkeiten werden Sie haben, die richtige Stelle zu finden und den gewünschten Text direkt an der Quelle zu bearbeiten. Sie können die meisten Texte jedoch auch direkt über die Vorschau ändern:

• Folgende Texte können bearbeitet werden: Platzhalter, Meldungen, Texte aus Seitenmodulen und Seitentitel. Texte, die nicht direkt zum CMS gehören, wie beispielsweise News oder Forenbeiträge, können nicht direkt bearbeitet werden: Sie werden in speziellen Menüs verwaltet.

• Auch Templates können bearbeitet werden.

• Das direkte Bearbeiten kann nur von im Adminbereich eingeloggten Benutzern verwendet werden.

• Wie üblich werden die Änderungen nur in der Vorschau vorgenommen, nicht in der öffentlich zugänglichen Version der Seite. Dazu ist explizites Veröffentlichen erforderlich.

• Die Funktion ist durch das ACL-Recht „panel_online_editing“ geschützt. Es ist Schreibrecht erforderlich.

Um direkt in der Vorschau zu arbeiten, gehen Sie bitte folgendermaßen vor:

1. Wählen Sie in der Vorschau-Drop-Down-Liste „Direkt bearbeiten“. Die Vorschau wird in einem neuen Fenster geöffnet.

2. Öffnen Sie die Seite, die Sie bearbeiten möchten.

3. Wechseln Sie mit dem Button Bearbeiten im Kopfbereich des Vorschaufensters in den Bearbeitungsmodus.
   

4. Fahren Sie mit der Maus über die Textelemente. Bei Textelementen, die bearbeitet werden können, erscheint ein grüner Rahmen. Klicken Sie das gewünschte Textelement an.

5. Das Bearbeitungsfenster wird geöffnet.
   – Im Titel sehen Sie, woher der Text stammt, in diesem Fall aus einem Seitenmodul.
   – Ändern Sie den Text wie gewünscht.

6. Speichern Sie die Änderung ab. Prüfen Sie das Ergebnis, bevor Sie die geänderte Version der Seite vom Website-Editor aus veröffentlichen.

Die Gestaltung von Textelementen - Schrift, Schriftgröße, Farbe usw. - wird von dem zum jeweiligen Seitenmodul gehörenden Template in Kombination mit den CSS-Klassen des Panels definiert. Dies ermöglicht es Ihnen, die Layouteigenschaften des gesamten Panels effektiv zentral zu steuern. Details wie beispielsweise Zeilenumbrüche oder Formatierungen einzelner Worte können hingegen mit HTML und CSS direkt im Texteingabefeld definiert werden.

Die folgenden Tabellen geben einen Überblick über die wichtigsten HTML-Tags.

Die wichtigsten HTML-Tags:

HTML-Tags zum Formatieren von Textbestandteilen:

HTML-Entities für deutsche Umlaute:

Bilder und andere Mediendateien für die Website werden mit einer panelspezifischen Version der EFS-Medienbibliothek verwaltet:

• Sie finden diese Bibliothek im Menü Website → Asset-Bibliothek (bis EFS 10.3: Medienbibliothek).

• Ab EFS 10.4 werden die Dateien folgendermaßen organisiert:

  • Website-Assets: Website-spezifische Dateien.

  • Panel-Assets: auf allen Websites verwendbare Dateien.

  • Tivian-Assets: von Tivian zur Verfügung gestellte read-only Dateien, geordnet nach Website-Themes.

• Neben Bildern können auch SVG-Grafiken, Flash und Videoformate wie beispielsweise RealVideo oder Quicktime eingesetzt werden. Eine ausführliche Liste der zulässigen Dateitypen finden Sie im Datei hochladen-Dialog unter dem Fragezeichen-Icon.

• Die maximal zulässige Dateigröße ist installationsspezifisch. Bei Überschreitung des Grenzwertes erfolgt ein Hinweis.

Es gibt verschiedene Links im Panel-CMS.

• Externe Links: Verweisen auf eine Seite außerhalb der jeweiligen Panel-Sprachversion, meist eine fremde Domain. Sie werden mit normalen HTML-Tags in Module oder Templates eingefügt. Siehe folgender Abschnitt „1. Externe Links“.

• Interne Links: Verweisen auf eine Seite, die zur jeweiligen Panel-Sprachversion gehört. Interne Links werden ebenfalls mit HTML-Tags eingefügt, allerdings wird anstelle der vollständigen URL der sogenannte Seiten-Bezeichner eingesetzt. Eine Anleitung finden Sie im Abschnitt „2. Interne Links“.

• Kurze URLs: Mit einem Smarty-Modifier verkürzte URLs, die gerne z.B. bei Twitter oder bei der Kommunikation via Smartphone verwendet werden, können ebenfalls ausgegeben werden. Eine Anleitung finden Sie in Abschnitt „3. Für Twitter optimierte kurze URLs“.

1. Externe Links

Links auf andere Domains (z.B. http://www.domain.com) können „normal“, d.h. mit dem HTML-Tag <a href=http://www.domain.com>Linkname>, in die Module oder Templates eingefügt werden.

Beispiel: Einen Link zur Firmenhomepage einfügen

Die auf der „About us“-Seite eingegebene Kontaktadresse enthält die Adresse (URL) der Firmenhomepage http://www.example.com. Es ist jedoch noch kein anklickbarer Link. Durch Ergänzung des Tags <a href=“URL“>Linkname</a> können Sie einen anklickbaren Link erzeugen.

1. Geben Sie dazu in der „WWW“-Zeile ein:
   WWW: <a href=http://www.example.com>http://www.example.com />

2. Bestätigen Sie mit Speichern.

3. Klicken Sie Vorschau Arbeitsversion an. Die folgende Abbildung zeigt das Resultat Ihrer Arbeit. Testen Sie die Funktionsfähigkeit des neuen Links. Wenn Sie zufrieden sind, können Sie die Änderung mit Seite veröffentlichen auch in die öffentlich zugängliche Panelseite übertragen.

1. Interne Links

Interne Links - d.h. Links, die von einer Panelseite auf eine andere Seite derselben Sprachversion verweisen - können Sie mit Platzhaltern erstellen. Die Platzhalter basieren auf dem Seiten-Bezeichner (siehe Tabelle 19.2). Sie werden nach dem folgenden Schema konstruiert:

{$links.seitenbezeichner}

Beispiel

Sie möchten auf der Seite „About us“ einen Zurück-Link einfügen, über den die Panelisten zurück zur Seite „Home“ gelangen.

1. Ermitteln Sie zuerst im Website-Editor den Seiten-Bezeichner der Seite „Home“ für die gewünschte Sprachversion. Dieser lautet ebenfalls „home“.
   

   
   
   

2. Setzen Sie den Platzhalter zusammen: {$links.home}

3. Fügen Sie im Inhaltsmodul der Seite „About us“ an der gewünschten Stelle das HTML-Tag <a href=“URL“>Linkname</a> ein, um einen anklickbaren Link zu erzeugen. Verwenden Sie dabei den Platzhalter {$links.home} an Stelle der URL:
   <a href="{$links.home}">back to home</a>
   
   

4. Speichern Sie ab.

5. Überprüfen Sie das Ergebnis in der Arbeitsversion. Anschließend können Sie die Seite veröffentlichen.

3. Für Twitter optimierte kurze URLs

Sie können direkt im Website-Editor twitteroptimierte kurze URLs erzeugen und ausgeben lassen. Dazu dient der Smarty-Modifier:

{"URL"|shorturl}

Er kann im Website-Editor in allen Feldern eingegeben werden, die mit „Smarty-Code“ markiert sind, des Weiteren natürlich auch in allen Panel-Templates. Die eingegebene URL wird dann in eine kürzere URL umgewandelt.#

Beispiel:

Ausgangs-URL: {"http://www.tivian.de/"|shorturl}
Verkürzte URL: http://i.gpefs.com/?i=3-DW5w

Anstelle einer statischen URL können Sie auch Smarty-Platzhalter verwenden, die beispielsweise für jeden Panelisten mit einer anderen URL gefüllt werden.

Sie können Textbausteine über Platzhalter einfügen, anstatt sie direkt in ein Modul oder in den Quellcode der Templates einzugeben. Im Standardpanel wird diese Möglichkeit vor allem genutzt, um Hinweistexte und Labels von häufig vorkommenden Eingabefeldern wie „Name“ oder „E-Mail“ in der gesamten Sprachversion nur einmal definieren und pflegen zu müssen. Des Weiteren können Sie diese Platzhalter exportieren und extern bearbeiten.

Beispiel

Im Main-Template „main_default“ des Standardpanels wird beispielsweise über folgenden Quellcode der Copyright-Claim integriert:

{* START COPYRIGHT *}
<div id="gpCopyright">
{$content.label_footer_copyright} {$env.now|localize_date:'Y'} //
</div>
{* END COPYRIGHT *}

Suchen Sie im Menü Platzhalter den Platzhalter „label_footer_copyright“. Dieser Platzhalter enthält beim Standardpanel den Text „Tivian &copy;“. Bei Aufruf einer Panelseite wird {$content.label_footer_copyright} mit diesem Inhalt gefüllt, angezeigt wird „Tivian ©“. Wenn Sie den Inhalt des Platzhalters ändern, ändert sich auch der Copyright-Claim auf den Panelseiten.

1. Platzhalter verwalten

Im Menü Website → Standard-Inhalte → Platzhalter finden Sie eine Übersicht aller vorhandenen Platzhalter. Die Tabelle verfügt über die übliche Suchfunktion, die einzelnen Platzhalter können bearbeitet oder gelöscht werden.

2. Platzhalter anlegen

1. Klicken Sie im Menü Website → Standard-Inhalte → Platzhalter den Button Platzhalter anlegen an.

2. Geben Sie dem Platzhalter einen Namen. Zulässig sind a-z, A-Z, 0-9, _ und -. Sonderzeichen und Leerzeichen sind nicht erlaubt.
   
   

3. Im Feld „Content“ geben Sie den gewünschten Inhalt ein.

4. Zur Erleichterung der Orientierung können Sie eine Beschreibung hinzufügen.

5. Bestätigen Sie mit Anlegen.

3. Platzhalter bearbeiten

1. Klicken Sie im Menü Website → Standard-Inhalte → Platzhalter das Icon Bearbeiten oder den Titel des Platzhalters an, den Sie ändern möchten.

2. Name, Content und Beschreibung können geändert werden. Wenn der Platzhalter bereits in einem Modul oder Template eingesetzt wird, achten Sie darauf, den Namen des Platzhalters auch dort zu korrigieren.

3. Bestätigen Sie mit Speichern.

4. Platzhalter in Modul oder Template einfügen

Wenn Sie einen im Menü Platzhalter angelegten Platzhalter in ein Modul oder ein Template einfügen möchten, verwenden Sie die Syntax

{$content.platzhalter}

Damit können Sie diese Platzhalter in jedem beliebigen Modul oder Template einfügen.

5. Platzhalter löschen

Beim Löschen von Platzhaltern können Sie zwischen zwei Alternativen wählen:

• Möchten Sie nur einen Platzhalter entfernen, verwenden Sie das Löschen-Icon. Nach einer Sicherheitsabfrage wird der Platzhalter entfernt.

• Möchten Sie mehrere Platzhalter gleichzeitig entfernen, so aktivieren Sie für diese Platzhalter die Checkboxen in der Spalte „Löschen“. Je nach Situation können Sie auch die Checkboxen „Alle Einträge auf dieser Seite markieren“ und „Alle gefundenen Einträge markieren“ unter der Tabelle verwenden. Bestätigen Sie anschließend mit Löschen. Dieses „Massenlöschen“ ist insbesondere beim Aufbau oder Umbau einer Website hilfreich, wenn unter Umständen sehr viele Platzhalter ersetzt und entfernt werden müssen.

Die im vorhergehenden Kapitel vorgestellten Platzhaltern dienen zur Ausgabe vordefinierter Textbausteine. EFS Panel verfügt jedoch auch über Platzhalter, mit denen beispielsweise persönliche Daten der Panelisten dynamisch ausgegeben werden können. Diese Platzhalter werden vor allem in den Smarty-Templates eingesetzt. Sie können sie jedoch auch in Seitenmodulen einsetzen, um Ihre Panelseiten weiter zu personalisieren und zu lokalisieren:

• Ausgegeben werden können u.a.

  • Lokalisierungsinformationen (z.B. Datum und Uhrzeit)

  • Informationen zum Panel (z.B. Name des Panels)

  • Teilnehmerdaten (nur für eingeloggte Panelisten)

  • Stammdaten (nur für eingeloggte Panelisten)

• Welche Platzhalter auf einer bestimmten Seite zur Verfügung stehen, ist von verschiedenen Faktoren wie beispielsweise den auf der jeweiligen Seite benutzten Seitenmodulen oder dem Loginstatus der Besucher abhängig. In den folgenden drei Tabellen finden Sie Platzhalter, die im gesamten Panel zur Verfügung stehen.

• Die Eingabefelder eines Seitenmoduls, in denen Sie Smarty-Platzhalter verwenden können, sind entsprechend mit „Smarty-Code“ markiert.

• Wenn Sie über die entsprechenden Programmierkenntnisse verfügen, können Sie Bedingungen für die Platzhalterausgabe programmieren.

Beispiel

Im Standardpanel werden die Panelisten auf ihrer persönlichen Homepage „My home“ mit Vornamen begrüßt.

In dem Inhaltsmodul, das den oberen Teil der Seite definiert, wird der folgende Text eingegeben:

Hello {$respondent.u_firstname|escape:'html'}

Der Platzhalter {$respondent.u_firstname} wird dynamisch mit dem Vornamen der jeweiligen Panelisten gefüllt.

Der HTML-Escape-Befehl escape:'html' ist eine Sicherheitsmaßnahme: Er sorgt dafür, dass eventuell im Feld u_firstname der Benutzerdatentabelle enthaltener Code nicht ausgeführt wird. Es ist zu empfehlen, möglichst alle Daten, aber zumindest alle Daten die von den Besuchern und Panelisten selbst eingegeben werden, bei der Ausgabe derart zu escapen. Dadurch können Sie verhindern, dass ein Unbefugter durch Eingabe beispielsweise von JavaScript-Code die Ausgabe der Seiten manipulieren oder an Daten anderer Panelisten gelangen kann.

Open

Syntax

Beim Einfügen dynamischer Platzhalter in ein Modul oder ein Template wird im wesentlichen die folgende Syntax verwendet:

{$präfix.platzhalter}

Das Präfix bezeichnet den Kontext, aus dem die Variable stammt. Das oben im Beispiel verwendete Präfix „respondent“ wird beispielsweise für die Daten des aktuell eingeloggten Panelisten verwendet, „content“ für die im Menü Platzhalter definierten Platzhalter.

Übersicht der immer vorhandenen Platzhalter

1. Auf der gesamten Panel-Site verfügbare Platzhalter

2. Im internen Bereich der eingeloggten Panelisten immer verfügbare Platzhalter

EFS Panel verfügt über ein eigenes Fehlermeldungssystem.

Open

Die Meldungen werden beim Aufsetzen des Panels vom Support-Team konfiguriert. Sie können den Inhalt der Meldungen nachträglich ändern. Allerdings haben Sie zur Zeit keinen Zugriff auf die Regeln, die festlegen, ob und in welcher Situation eine Meldung aufgerufen wird. Dementsprechend ist das Anlegen neuer Meldungen üblicherweise nicht sinnvoll. Lediglich beim Konfigurieren der RegEx-Checks beim Registrierungsformular haben Sie die Möglichkeit, neue Nachrichten mit dazugehörenden Aufrufregeln zu definieren.

EFS Panel unterscheidet verschiedene Typen:

• Fehlermeldungen: Meldungen vom Typ „Fehler“ bestehen aus einer Überschrift und dem eigentlichen Meldungstext.

• Nachrichten: Meldungen vom Typ „Nachricht“ bestehen lediglich aus einem Meldungstext.

• Ein Sonderfall sind Nachrichten, die sich auf Eingabefehler bei der Registrierung beziehen.

Im Menü Website → Panel-Websites → {Ausgewählte Sprachversion} → Meldungen können Sie bestehende Meldungen einsehen, neue Meldungen anlegen und nicht mehr verwendete Meldungen löschen.

In der Übersicht der Meldungen finden Sie alle für die vorgegebene Sprachversion erstellten Meldungen mit den folgenden Informationen:

• Bezeichner: Nur intern eingesetzter Platzhalter, über den die Meldung vom „Fehlermeldungen“-Template aus aufgerufen wird.

• Überschrift: Überschrift der Meldung, die den Surfern angezeigt wird. Wird nur beim Meldungstyp „Fehler“ eingesetzt.

• Meldungstext: Der eigentliche Inhalt der Meldung.

• Meldungstyp:

  • Fehler

  • Nachricht

Wenn Sie auf einer Installation mit mehreren Websites und/oder Sprachversionen die Meldungen einer anderen Sprachversion einsehen möchten, auf die Sie Zugriffsrecht haben, ändern Sie die Einstellung im Kopfteil der Seite. Welche Tabellenspalten und wie viele Zeilen pro Seite eingeblendet werden, können Sie mittels der Ansicht-Funktion vorgeben.

Die Tabelle kann nach den Inhalten der Meldungen durchsucht werden.

Mit Hilfe der „Aktionen“-Icons können Sie die Meldungen bearbeiten:

• Bearbeiten: Öffnet ein Formular, in dem Sie Typ, Überschrift und Meldungstext ändern können.

• Löschen:

  • Möchten Sie nur eine Meldung entfernen, verwenden Sie das Löschen-Icon. Nach einer Sicherheitsabfrage wird die Meldung entfernt.

  • Möchten Sie mehrere Meldungen gleichzeitig entfernen, so aktivieren Sie für diese Meldungen die Checkboxen in der Spalte „Löschen“. Je nach Situation können Sie auch die Checkboxen „Alle Einträge auf dieser Seite markieren“ und „Alle gefundenen Einträge markieren“ unter der Tabelle verwenden. Bestätigen Sie anschließend mit Löschen. Dieses „Massenlöschen“ ist insbesondere beim Aufbau oder Umbau einer Website hilfreich, wenn unter Umständen sehr viele Meldungen ersetzt und entfernt werden müssen.

Eine neue Meldung wird nur angezeigt, wenn Sie auch eine Regel für den Aufruf definieren. Dies ist derzeit nur beim Registrierungsformular möglich, für alle anderen Meldungen müssen die Aufrufregeln vom Support-Team konfiguriert werden. Daher ist das Anlegen neuer Meldungen zur Zeit nur sinnvoll, wenn es sich um irrtümlich gelöschte Meldungen handelt.

Zum Anlegen einer neuen Meldung gehen Sie bitte folgendermaßen vor:

1. Wenn Sie den Button Meldung anlegen anklicken, öffnet sich die Eingabemaske zum Anlegen einer neuen Meldung für die aktuelle Sprachversion.

2. Die folgenden Eingaben sind möglich:
   – Meldungstyp: Sie können zwischen „Fehler“ und „Nachricht“ wählen.
   – Bezeichner: Platzhalter, der im Quellcode eingefügt und mit dem Inhalt der Meldung gefüllt wird.
   – Überschrift: Sollte nur bei Meldungen vom Typ „Fehler“ eingegeben werden.
   – Meldungstext: In diesem Feld wird der eigentliche Inhalt eingegeben.

3. Bestätigen Sie anschließend mit Speichern.

In einer gut gepflegten FAQ-Liste (FAQ = Frequently-asked questions) finden Besucher und Panelisten Antworten auf häufige Fragen. Für Sie als Panelbetreiber reduziert sich der Supportaufwand für Beantwortung einfacher Fragen.

Die FAQ-Verwaltung von EFS Panel erleichtert Ihnen und Ihren Mitarbeitern das Anlegen und Pflegen von FAQs. Gleichzeitig eröffnet das CMS erheblichen Spielraum beim Gestalten des FAQ-Bereichs:

• Das Anlegen und Pflegen der FAQ-Items erfolgt über eine eigens für diesen Zweck optimierte Benutzeroberfläche. D.h. auch ein Mitarbeiter, der mit dem CMS nicht vertraut ist, kann das Pflegen der FAQ-Items ohne hohen Einarbeitungsaufwand übernehmen.

• Für jede Sprachversion der Website(s) kann ein eigener FAQ-Bereich angelegt werden.

• Es können FAQ-Items erstellt werden, die nur für bestimmte Panelgruppen zugänglich sind.

• Zur Gestaltung der FAQ-Items steht ein Rich Text Editor zur Verfügung.

• Sie können die FAQ-Items in verschiedene Listen einordnen und diese Listen nach Belieben auf den Panelseiten platzieren. Das Standardpanel verfügt über eine FAQListe, deren Inhalt im Menü „FAQ“ ausgegeben wird. Weitere Listen können bei Bedarf angelegt werden.

• Mit Hilfe des Funktionsmoduls „FAQ-Liste“ können Sie die FAQ-Listen auf den Panelseiten positionieren und die Anzeige modifizieren. Weitergehende Änderungen an Ausgabe und Layout können über das Template „func_faq“ realisiert werden.

In diesem Kapitel lernen Sie, den Inhalt der FAQ zu pflegen. Das Funktionsmodul „FAQ-Liste“ wird in Kapitel "Funktionsmodul: FAQ-Liste" vorgestellt.

FAQ verwalten

Ausgangspunkt für die Verwaltung der FAQ ist das Menü Website → Standard-Inhalte → FAQ-Verwaltung. In diesem Menü können Sie bestehende FAQ-Items einsehen und pflegen, neue Items anlegen und die Zuordnung zu den verschiedenen Listen vornehmen.

Open

In der FAQ-Übersicht finden Sie alle für die vorgegebene Sprachversion erstellten FAQItems mit den folgenden Informationen:

• Titel (intern): Interner Titel des FAQ-Items.

• Reihenfolge: Position des FAQ-Items in der Liste bei der Ausgabe.

• Frage

• Antwort

• Autor

• Aktiv:

  • Grünes Ampel-Icon: Ja. Das FAQ-Item wird angezeigt.

  • Rotes Ampel-Icon: Nein. Das FAQ-Item wird nicht angezeigt.

• Liste: Gibt an, zu welcher FAQ-Liste das FAQ-Item gehört.

Wenn Sie auf einer Installation mit mehreren Websites und/oder Sprachversionen die FAQ-Items einer anderen Sprachversion einsehen möchten, ändern Sie die Einstellung im oberen Teil des Dialogs. Welche Tabellenspalten und wie viele Zeilen pro Seite eingeblendet werden, können Sie mittels der Ansicht-Funktion vorgeben.

Der Inhalt der FAQ-Items in der Übersichtstabelle kann durchsucht werden. Die erweiterte Suche erlaubt auch gezielte Recherche nach Panelgruppe, Autor oder Aktivitätsstatus.

Durch Anklicken der Icons in der Spalte „Aktionen“ können Sie die einzelnen FAQItems zum Bearbeiten öffnen, Kopieren oder Löschen.