Logo des Evangelischen Medienhaus der EKHN
  • Fortbildungen / Seminare / Vorträge

Onlinesprechstunde Webbaukasten

Dienstag, 28.1. 13-14 Uhr


Online

Logo des Evangelischen Medienhaus der EKHN
  • Fortbildungen / Seminare / Vorträge

Onlinesprechstunde Webbaukasten

Dienstag, 25.2. 17-18 Uhr


Online

Logo des Evangelischen Medienhaus der EKHN
  • Fortbildungen / Seminare / Vorträge

Onlinesprechstunde Webbaukasten

Dienstag, 25.3. 11-12 Uhr


Online

Veranstaltungen aus "Evangelische Termine" anzeigen

Bisher wurden die von Ihnen eingegebenen Veranstaltungen aus "Evangelische Termine" als einfache Liste angezeigt (mit dem Plugin "Veranstaltungen"). Weitere Darstellungsoptionen waren nur mithilfe der Einbindung eines iframes möglich.

Mit dem überarbeiteten Plugin für Termine ist das nun nicht mehr notwendig.

Das Tool bietet Ihnen folgende Optionen:

  • die Anzahl der anzuzeigenden Termine steuern (=Einträge pro Seite)
  • nach Art der Veranstaltung oder Zielgruppe filtern
  • Filter miteinander kombinieren

Auch die Ausgabe im Frontend ist verbessert:

Listenansicht:

  • neben dem Datum wird nun auch der Wochentag sowie die Uhrzeit des Veranstaltungsbeginns angezeigt
  • übernommene Termine werden mit angezeigt und sind besonders gekennzeichnet
  • falls ein Bild im Termin hinterlegt wurde, wird dieses in der Liste als Thumbnail ausgegeben
  • die Art der Veranstaltung wird ebenfalls ausgegeben

Detailansichten:

  • die Detailansicht der eigenen Termine wurde optimiert hinsichtlich:
    •   Übersichtlichkeit
    •   Bedienbarkeit in mobilen Ansichten
    •   Anpassung an das Design des Baukastens
  • Detailseiten öffnen sich nun im selben Browserfenster, wenn im Backend eine Detailseite hinterlegt ist

Anlegen von Veranstaltungen in Ev. Termine:


Abb Events MH

Das Anlegen von Veranstaltungen in Ev. Termine ist zum Großteil intuitiv nachvollziehbar. Eine umfassende Anleitung zu Ev. Termine finden Sie hier:

Zum Handbuch Ev. Termine

Im Folgenden finden Sie deshalb v.a. Hinweise, die für die Anzeige auf Ihrer Website in technischer Hinsicht relevant sind:

Legen Sie die Veranstaltung wie gewohnt an. Denken Sie bitte daran, alle Pflichtfelder auszufüllen, diese sind mit einem kleinen roten Stern gekennzeichnet.

Bei Veranstaltungen bitte immer ein Start- und Enddatum angeben, sonst kann die Veranstaltung auf Ihrer Website nicht angezeigt werden! (Abb. 1)

Abb Events MH

Abb. 2: Wenn Sie die Art der Veranstaltung auswählen (Mehrfachauswahl möglich), können Ihre Veranstaltungen entsprechend danach gefiltert werden. Die Art(en) der Veranstaltungen werden außerdem im Frontend angezeigt.

Abb Events MH

Abb. 3: Bei den Zielgruppen sind zunächst "Alle Zielgruppen" vorausgewählt. Wenn Sie das nicht möchten, klicken Sie auf das kleine Kreuz, um das Merkmal herauszunehmen.

Anschließend können Sie stattdessen eine oder mehrere Zielgruppen auswählen, damit die Veranstaltung entsprechend gefiltert werden kann.

Hinweis: Die Arten der Veranstaltungen und die Zielgruppen, die Ihnen hier zur Verfügung stehen, sind genau dieselben wie die zur Filterung im TYPO3-Backend (mehr dazu s.u.)

Bilder hochladen

Abb Events MH

Abb. 4: Sie können optional ein Bild hinzufügen:

Wenn Sie möchten, tragen Sie eine Bildunterschrift ein.

Bitte geben Sie einen Alternativ-Text (Feld "Bild Alttext") an, welcher den Bildhinhalt beschreibt. Dies ist wichtig für Menschen mit Seheinschränkungen und relevant für die Bewertung durch Suchmaschinen.

WICHTIG: Bitte tragen Sie unbedingt die Urheberrechtsangabe (Feld "Bild Copyright") ein! Nur Bilder mit Copyright-Hinweis werden auf der Detailseite angezeigt!

Ausgabe der Veranstaltung im Frontend


Listenansicht:

Abb Events MH

Abb. 5: Bsp. eigene Veranstaltung

Abb Events MH

Abb. 6: Bsp. übernommene Veranstaltung

Hier ist optisch gekennzeichnet, von welcher Gemeinde/Einrichtung die Veranstaltung angeboten wird. Der Link führt auf die Detailanzeige auf der Website der entsprechenden Gemeinde, falls diese eine Detailseite bei sich im Backend angelegt hat. Andernfalls wird die Standardansicht von Ev. Termine in einem separaten Fenster angezeigt.

Abb EventsMH

Abb. 7: Unterhalb der Übersichtsliste wird die Paginierung angezeigt, falls aktiviert.

HINWEIS - bitte beachten:

Wenn Sie eine Veranstaltung neu anlegen oder bearbeiten, kann es bis zu maximal 15 min. dauern, bis diese bzw. die Aktualisierung im Frontend angezeigt wird.

Detailansicht:

Wenn im Backend eine Detailseite angelegt wurde, sieht die Detailansicht jetzt so aus: Abb. 8
(Andernfalls wird die Standardansicht von Ev. Termine in einem separaten Fenster angezeigt)

Abb EventsMH

A: Nach Titel und Datum wird das Bild ausgegeben
B: Anzeige des Urheberrechtsnachweises im Bild
C: Die Karte wird direkt angezeigt, ohne dass ein weiteres Klicken notwendig ist
D: Statt Icons erfolgt das Teilen in Social Media-Kanälen und iCal jetzt mittels größerer Buttons

Konfiguration im Backend


Abb Events MH

Seiten für die Ausgabe anlegen

Wir empfehlen, eine eigene Seite für die Anzeige der Details zur Veranstaltung anzulegen.

Diese kann an einer beliebigen Stelle im Seitenbaum angelegt werden, es bietet sich jedoch an, sie unterhalb der Seite mit der Veranstaltungsliste anzulegen.

Die Detailseite sollte im Menü nicht sichtbar sein, da ein direkter Aufruf im Frontend durch die Websitebesucher zu einem Fehler führen würde.

Um die Seite im Menü zu verbergen, gibt es 2 Möglichkeiten:

A) im Seitenbaum auf die Seite mit einer Maustaste klicken und über "Weitere Optionen..." > "In Menüs verbergen" auswählen
oder
B) die Seiteneigenschaften aufrufen und unter Zugriff den Schalter "Seite in Menüs aktiviert" deaktivieren

Element auf Detailseite anlegen

Abb Events MH

Die Detailansicht geht immer über die ganze Breite, kann also nicht innerhalb von Containern genutzt werden

Zunächst legen Sie das Element für die Detailansicht auf der Detailseite an.

Dazu fügen Sie im Bereich "Normal" über den Button "+ Inhalt" ...

Abb Events MH

... bei "Besondere Elemente" das Inhaltselement "Veranstaltungen (Detailansicht)" ein:

Abb Events MH

Nun das Element abspeichern - mehr ist nicht zu tun. So sieht das Element im Backend nun aus:

Element auf Seite für Veranstaltungsliste anlegen

Abb Events MH

Die Listenansicht der Veranstaltungen kann über die ganze Breite oder im 50:50-Container verwendet werden.

Im 3-spaltigen Container ist eine Verwendung der Veranstaltungsliste derzeit noch nicht möglich.

Gehen Sie vor wie oben, aber fügen Sie nun das Inhaltselement "Veranstaltungen (Listenansicht)" ein:

Abb Events MH

So sieht das Element geöffnet aus:

Im Reiter "Allgemein" können Sie eine Überschrift vergeben und für diese eine Schriftgröße auswählen. Wenn Sie möchten, können Sie die Überschrift auch mittig ausgeben lassen statt linksbündig (hier in der Abb. ist z.B. als Schriftgröße "h4" und als Ausrichtung "Mitte" ausgewählt)

 

Reiter "Weitere Einstellungen"

Abb Events MH

Im Reiter "Erweiterung" sehen Sie zwei weitere Reiter, die Ihnen verschiedene Einstellungsmöglichkeiten bieten:

Paginierung ausblenden

A: Die Paginierung ist standardmäßig eingeblendet. Ein Häkchen dort bewirkt, dass sie ausgeblendet wird - es werden dann entsprechend alle Veranstaltungen ohne Limit angezeigt

Einträge pro Seite

B: Hier können Sie festlegen, wie viele Events im Frontend angezeigt werden. Bei einer solchen Limitierung darf kein Häkchen bei Paginierung gesetzt sein!

Seite für Event Details

C: Über das Ordnersymbol rechts können Sie hier die eben angelegte Detailseite auswählen.

Abb Events MH

Beispiel:

Reiter "Filteroptionen"

Abb Events MH

Hier haben Sie folgende Konfigurationsmöglichkeiten:

"Art der Veranstaltung" und "Zielgruppe"

Durch Klick auf eines oder mehrere der "Verfügbaren Objekte" wählen Sie diese als Filter aus. Es handelt sich um dieselben Kategorien wie bei Ev. Termine.

Abb Events MH

Beispiel:

Beispiele


BEISPIEL 1: Im Frontend soll eine Liste mit allen Familiengottesdiensten ausgegeben werden

Reiter "weitere Einstellungen":

  • Detailseite ist verknüpft

Reiter "Filteroptionen":

  • Art der Veranstaltung: "Gottesdienste" ausgewählt
  • Zielgruppe: "Familien" ausgewählt

(Voraussetzung ist natürlich, dass die Events in Ev. Termine mit den entsprechenden Merkmalen verknüpft wurden)

BEISPIEL 2: Auf einer Seite mit Angeboten für Familien sollen auch die Veranstaltungen für diese Zielgruppe ausgegeben werden

Auf der Seite wurde ein 50:50-Container angelegt und auf der rechten Seite das Element "Veranstaltungen (Listenansicht)" eingefügt.

Reiter "weitere Einstellungen":

  • Paginierung eingeblendet
  • Einträge pro Seite: 2
  • Detailseite ist verknüpft

Reiter "Filteroptionen":

  • Zielgruppe "Familien" ausgewählt

Die Ausgabe im Frontend würde dann z.B. so aussehen:

Abb Events MH