toujou
+49 911 23980-870

Events

In toujou können Sie Veranstaltungen auf Ihrer Website ankündigen. Dafür erstellen Sie im TYPO3-Backend eine Eventseite. Um mehrere Veranstaltungen gebündelt anzuzeigen, nutzen Sie den Eventteaser. In diesem Tutorial erläutern wir Ihnen die einzelnen Schritte vom Erstellen der Eventseite über das Hinzufügen der relevanten Informationen für die Eventseite und den Eventteaser sowie optionale Bausteine.

Anleitung Hinweise, Tipps & Tricks


Schritt für Schritt

Alle Schritte mit Ausnahme von »Optionale Informationen für die Eventseite« sind auch für die korrekte Darstellung eines Eventteasers elementar. 

Eventseite anlegen

  • Mit einem Klick auf das Icon Seite in der Modulübersicht öffnet sich der Seitenbaum Ihrer Website. 
  • Über dem Seitenbaum befindet sich die Leiste mit den Seiten-Icons. Per Drag & Drop platzieren Sie das Eventseiten-Icon (Eintrittskarte) an der gewünschten Stelle in Ihrem Seitenbaum. 
  • Im Content-Bereich der Seite haben Sie die Möglichkeit, mit allen toujou-Elementen die Seite zu bestücken. Für das Anzeigen der Veranstaltung im Eventteaser ist dieser Schritt allerdings nicht erforderlich.
  • Zur Aktivierung der Seite im Frontend wählen Sie per rechten Mausklick  die Seite – in diesem Beispiel Event – an. Es öffnet sich ein Auswahlfenster. Klicken Sie auf den Button Aktivieren.
  • Klicken Sie anschließend auf den Button Seiteneigenschaften. 

Eventinformationen hinzufügen

  • Wählen Sie in den Seiteneigenschaften den Reiter Event Data, um die Informationen der Veranstaltung zu hinterlegen. Die folgenden Punkte werden sowohl im Eventteaser als auch auf der Eventseite angezeigt.
  • Im Feld Description tragen Sie Beschreibung mittels Rich Text Editor ein.  
  • Den Veranstaltungsort fügen Sie im Bereich Location hinzu. Der Bereich Location address ermöglicht die Angabe der genauen Anschrift. Der Bereich Organizer steht für den Veranstalter, diese Information wird nur auf der Eventseite ausgespielt.
  • Im Event Image hinterlegen Sie ein Medium für den Event-Teaser. Klicken Sie dafür auf den Button Datei hinzufügen oder Datei auswählen und hochladen. Wie Sie ein Medium hochladen und ablegen, erfahren Sie im TYPO3-Tutorial »Dateiliste«

Modus, Status und Typ auswählen

  • Hinweis: Diese Bereiche spielen je nach toujou-Theme im Frontend eine untergeordnete Rolle, sind jedoch für Google & Co. wichtig.
  • Im Attendance mode bestimmen Sie die Teilnahmemöglichkeit. Neben der Standardeinstellung »offline« stehen im Dropdown-Menü noch »online« und »mixed« zur Verfügung.
  • Mit dem Event status legen Sie fest, in welchem Stadium sich die Veranstaltung befindet. In toujou voreingestellt ist »scheduled«. Mit Klick auf das Dropdown-Menü haben Sie weitere Möglichkeiten. Zu den wichtigsten zählen »postponed« für verschobene Veranstaltungen und »cancelled« für abgesagte Veranstaltungen.
  • Der Event type beschreibt die Art der Veranstaltung. In toujou ist standardmäßig »event« eingestellt. Wählen Sie dieses Dropdown-Menü an, wenn Sie Unterkategorien verteilen möchten. 

Extern verlinken & Datum einstellen

  • Möchten Sie einen Eventteaser extern verlinken, setzen Sie unter External event link einen Haken im Feld Wert festlegen, um das Eingabefeld zu aktivieren. Anschließend klicken Sie den Link-Button rechts neben dem Eingabefeld und geben den Link ein. 
  • Klicken Sie im Bereich Date auf das Eingabefeld oder das Kalender-Icon unter start date, um das Startdatum anzugeben, für das Ende nutzen Sie das äquivalente Feld im Bereich End date
  • Um eine genaue Uhrzeit anzugeben, aktivieren Sie im Bereich Start time das Kästchen Wert festlegen und wählen die gewünschte Zeit durch Klick auf das Eingabefeld oder das Kalender-Icon.
  • Um eine Einlasszeit anzugeben, klicken Sie im Bereich Door / Entry date beziehungsweise Entry time das Kästchen Wert festlegen und wählen das gewünschte Datum beziehungsweise die gewünschte Zeit durch Klick auf das Eingabefeld oder das Kalender-Icon.
  • Speichern Sie die Einstellungen. 

Optionale Informationen für die Eventseite

  • Im Bereich Audience geben Sie manuell die Zielgruppe Ihrer Veranstaltung an. 
  • Im Feld Infotext hinterlegen Sie einen kurzen Hinweis-Text zum Event.
  • Den Link setzen Sie durch Klick auf den Link-Button rechts neben dem Feld Link. Im Bereich Linktext tragen Sie den gewünschten Text ein. 
  • Das Verlinken auf den Veranstalter nehmen Sie über den Organization Link vor. Unter Organization tragen Sie den Veranstalternamen ein. Im Bereich Organization Image  laden Sie durch Klick auf den Button Datei hinzufügen oder Datei auswählen und hochladen ein Medium hoch.
  • Hinweis: Diese Informationen sind nur für die Eventseite relevant und werden nur dort angezeigt. 

Hinweise, Tipps & Tricks

Wer TYPO3 kennt, weiß, dass viele Wege nach Rom führen. toujou ist TYPO3. Wir weisen Sie an dieser Stelle auf wichtige Informationen und den einen oder anderen Kniff hin, den Sie bei der Erstellung und Bearbeitung Ihrer Website beachten sollten.

Eine Eventseite verhält sich wie eine Contentseite, auf der Sie die toujou-Elemente anlegen und die Seiteneigenschaften wie SEO oder Indexsuche bearbeiten. Die im Reiter Event Data eingetragenen Informationen werden auf einer Eventseite nur dann angezeigt, wenn diese auch mit Contentelementen befüllt ist. 

Für das Anlegen von Eventteasern sind die Daten aus dem Reiter Event Data unter den Seiteneigenschaften relevant. Das Anlegen von Content-Elementen auf der Seite ist nicht zwingend erforderlich.

Für eine übersichtliche Anordnung Ihres Seitenbaums empfiehlt sich das Erstellen eines Event-Ordners mit Unterordnern nach Jahren oder Monaten, je nach Anzahl von Veranstaltungen, die Sie auf Ihrer Website aufnehmen wollen.