TYPO3 besitzt bereits eine breite Palette an Inhaltselementen. Mit Er­weiterungen weitet sich das Spektrum verfügbarer Elemente und ermöglicht das Darstellen und Umsetzen von speziellen Inhalten. Plug-Ins sind Inhalts­elemente aus solchen Erweiterungen. Auch andere Inhalts­element­gruppen, wie News oder Account, beinhalten Plug-Ins, diese stellen wir separat vor.

Reiter Allgemein

Dieser Reiter sieht bei allen Plug-Ins gleich aus. Hier kann man lediglich die Überschrift des Elementes festlegen. Der Tab beinhaltet die gleichen Felder wie das Inhaltselement Nur Überschrift.

Allgemeines Plug-In

Das Allgemeine Plug-In kann genutzt werden, um alle vorhandenen Arten von Plug-Ins anzulegen. Die meisten Plug-Ins sind jedoch bereits als eigene Inhaltselemente aufgelistet. Es macht keinen Unterschied, ob Sie ein allgemeines Plug-In wählen und dann z. B. Kommentare einstellen oder direkt das Inhaltselement einfügen. Alle Plug-Ins werden im Inhaltsbereich mit dem Symbol gekennzeichnet, das Sie hier sehen.

Reiter Plug-In

Beim allgemeinen Plug-In klicken Sie in das Feld unter Ausgewähltes Plug-In und wählen aus der erschienenen Liste die gewünschte Option mit einem Links-Klick an. Ein Kontext-Fenster informiert Sie darüber, dass sich eine Änderung auf die verfügbaren Felder auswirken wird. Klicken Sie auf Ok. Für die nächsten Schritte kommt es nun darauf an, welches Plug-In Sie gewählt haben.

In der Liste der Plug-Ins finden Sie nur ein Plug-In, das nicht als gesondertes Inhaltselement eingefügt werden kann: Das Plug-In Bestätigung der E-Mail-Adresse stellen wir bei den Account-Inhaltselementen vor.

Kommentare

Kommentarspalten erlauben es User:innen Meinungen, Lob oder Kritik mitzuteilen. Das Plug-In Kommentare ist in wenigen Schritten nach Ihren Wünschen konfigurierbar. Wenn Sie das Inhaltselement hinzufügen möchten, werden Sie das Sprechblasensymbol antreffen. Da es sich um ein Plug-In handelt, wird das Würfelsymbol im Inhaltsbereich angezeigt.

Reiter Plug-In

Dieser Tab ist in weitere Reiter unterteilt. Hier befinden sich alle Optionen zum Einstellen des Kommentar-Plug-Ins.

Unterreiter Allgemein

Modus

Ihnen stehen im Dropdown-Menü die Optionen Seitenkommentare und Extension Kommentare zur Verfügung. Die Modi unterscheiden sich darin, wie der Thread-Bezeichner definiert werden kann.

Einzigartiger Thread-Bezeichner

Ein Thread ist ein Verlauf einer Unterhaltung oder auch die Abfolge von Kommentaren und Antworten. Ein Thread-Bezeichner ist nur notwendig, wenn ein Thread auf der Seite mehrfach vorkommt. Das heißt, wenn Sie mehrere Kommentar-Plug-Ins auf einer Seite einfügen möchten und diese unabhängig voneinander sein sollen, sollten Sie den Bezeichner ausfüllen. Dieser muss einzigartig sein. Ein leerer Bezeichner wird durch die aktuelle Seiten-ID ersetzt. Soll auf mehreren Seiten ein Thread angezeigt werden, fügen Sie einfach auf den entsprechenden Seiten das Kommentar-Element mit demselben Thread-Bezeicher ein.

Wenn Sie sich im Modus Seitenkommentare befinden, tragen Sie hier eine eindeutige Bezeichnung ein. Im Modus Extension Kommentare ist es möglich mehrere Threads getrennt durch ein Komma einzutragen.

Benachrichtigungen aktivieren

Diese Option ermöglicht es Benutzer:innen, sich benachrichtigen zu lassen, wenn ein neuer Kommentar veröffentlicht wird. Standardmäßig ist hier ein Häkchen gesetzt, was bedeutet, dass die Option aktiv ist.

Sprachen beachten

Wenn die Option aktiviert ist, werden im Frontend nur Kommentare angezeigt, die zur aufgerufenen Seitensprache gehören. In der Voreinstellung ist dies nicht aktiviert.

Bewertung aktivieren

Wenn die Option aktiviert ist, haben Benutzer:innen die Möglichkeit, mit ihrem Kommentar eine 1-5 Sterne Bewertung abzugeben. Die Durchschnittsbewertung wird oberhalb des Kommentar-Threads angezeigt. Diese Einstellung ist standardmäßig aktiviert.

Unterreiter Darstellung

Neueste Kommentare am Anfang des Threads anzeigen

Die Option ist beim Anlegen des Plug-Ins bereits aktiviert. Wenn Sie an dieser Stelle kein Häkchen setzen, werden die Kommentare chronologisch, angefangen beim ältesten Kommentar, angezeigt.

Schlanke Ansicht verwenden

Wenn diese Einstellung aktiviert wird, werden nur die grundlegendsten Elemente (Kommentare, Bewertungen und Textfelder für neue Kommentare) angezeigt. Entfernt werden Kommentarzähler, Durchschnittsbewertung (falls aktiviert), Überschrift und Schaltfläche zum Deaktivieren von Benachrichtigungen. Die schlanke Ansicht ist standardmäßig deaktiviert.

Max. Anzahl der sichtbaren Zeichen pro Kommentar

Setzen Sie die Zahl auf 0, gibt es keine Begrenzung der sichtbaren Zeichen pro Kommentar. Bei jeder anderen Zahl werden Kommentare mit einer höheren Zeichenanzahl gekürzt dargestellt. Durch einen Klick auf drei Punkte am Ende von Kommentaren, können diese erweitert werden.

Unterreiter Verwaltung

Nur angemeldeten Nutzern erlauben, Kommentare zu schreiben

Bevor User:innen Kommentare hinterlassen können, müssen Sie sich auf Ihrer Seite registrieren und sich einloggen. Nicht-eingeloggte Personen können Kommentare sehen, aber keine schreiben. Beim Erstellen des Inhaltselementes ist diese Einstellung aktiviert. 

Nicht angemeldete Nutzer dürfen nur kommentieren, wenn sie eine E-Mail-Adresse angeben

Wer auf Ihrer Seite nicht registriert ist, kann Kommentare hinterlassen, wenn eine E-Mail-Adresse angegeben wird. Auch diese Option ist bereits aktiv beim Erstellen des Elementes. Wenn sich Benutzer:innen allerdings zum Kommentieren anmelden müssen, hat diese Option keine Auswirkung.

Antworten auf einzelne Kommentare erlauben

Die aktivierte Option erlaubt es nicht bloß zu kommentieren, sondern auch auf vorhandene Kommentare zu reagieren.

Deaktivierung der Moderation für diesen Thread

Wenn diese Option deaktiviert ist, müssen alle Kommentare in diesem Thread vor der Veröffentlichung von Moderator:innen im Backend-Modul Kommentare überprüft werden. Wenn Sie diese Option aktivieren, werden alle Kommentare angezeigt, die zuvor veröffentlicht wurden, unabhängig davon, ob sie überprüft wurden oder nicht. Standardmäßig ist unter dieser Einstellung kein Häkchen gesetzt.

Thread für neue Kommentare schließen

Wenn diese Option aktiviert ist, können diesem Thread keine weiteren Kommentare oder Antworten hinzugefügt werden. Alle zuvor erstellten Kommentare sind weiterhin sichtbar.

Unterreiter Datei-Upload

Datei-Upload aktivieren

Die Option erlaubt es Nutzern ihren Kommentaren Datei anzuhängen, was standardmäßig aktiviert ist.

Maximale Anzahl von Dateien pro Kommentar

Legen Die hier fest, wie viele Dateien pro Kommentar hochgeladen werden dürfen. Wenn Sie nicht möchten, dass Dateien angehangen werden können, entfernen Sie einfach das Häkchen bei Datei-Upload aktivieren

Erlaubte Dateiendungen

Bestimmen Sie, welche Dateitypen Kommentatoren hochladen dürfen. Beim Anlegen des Plug-Ins sind alle möglichen Dateiendungen eingetragen: gif, jpg, jpeg, pdf, png, docx, doc. Löschen Sie bei Bedarf die unerwünschten Dateitypen aus dem Feld.

Max. Dateigröße in MB

Entscheiden Sie, wie groß die Dateien maximal sein dürfen, die in den Kommentaren hochgeladen werden.

Verstecke die Datei-Vorschau für geschützte Dateien

Wenn geschützte Dateien nicht in der Vorschau angezeigt werden sollen, behalten Sie an dieser Stelle das Häkchen aktiviert.

Kommentare im Frontend

Bewerbungsformular

Wenn Sie über Ihre Website Stellenanzeigen schalten und Bewerbungen annehmen möchten, finden Sie auch für diesen Zweck nützliche Tools in unserer TYPO3 Website-Base. Das Plug-In Bewerbungsformular rendert eine Eingabemaske für Initiativbewerbungen. Mit wenigen Klicks ist das Formular einsatzbereit.

Reiter Allgemein

Wie oben beschrieben, können Sie im Reiter Allgemein einen Titel für das Element vergeben. Zusätzlich wird automatisch der Titel 'Initiativbewerbung' generiert. Wie das Bild zeigt, werden dann zwei Überschriften über einander angezeigt. Um das zu vermeiden, können Sie Ihre manuell eingetragene Überschrift ausblenden.

Tab Plug-In

Beim Erstellen des Bewerbungsformulars weist ein rotes Ausrufezeichen darauf hin, dass noch erforderliche Informationen fehlen. Im Fall der Initiativbewerbung muss eine Seite angegeben werden, auf die weitergeleitet wird, wenn die Bewerbung abgeschickt wurde.

Klicken Sie unter Erweiterungsoptionen einfach auf den Button Seite oder auf das Ordnersymbol rechts neben dem Feld. Wählen Sie dann im erschienenen Kontextmenü die Seite, auf die nach der Bewerbung verlinkt werden soll.

Anschließend sollten Sie unbedingt die Dateschutzinformationsseite verlinken. Der Hinweis über den Datenschutz wird automatisch von dem Plug-In eingefügt, den Link müssen Sie an dieser Stelle selbst einfügen. Klicken sie dafür auf das Linksymbol und wählen Sie die Seite mit den Datenschutzbestimmungen.

Wenn Sie außerdem möchten, dass die Initiativbewerbung die gleiche Auswahl an Standorten (und somit auch die gleichen Kontaktdaten) wie die regulären Bewerbungsformulare hat, fügen Sie unter Datensatzsammlung die Seite oder den Ordner hinzu, in dem sich entsprechende Daten befinden. Normalerweise sind sich die Standorte/Unternehmen und Kontakte im Ordner für Stellenanzeigen angelegt. Die Kontakte und Unternehmen sehen Sie nur in der Listenansicht. Hier können Sie auch neue Daten hinzufügen oder bereits vorhandene Datensätze bearbeiten.

Die eingeschickten Bewerbungen finden Sie im Datensatz Bewerbung, den Sie ebenfalls im Modul Liste sehen. In der Website-Base ist dieser Datensatz in der Seite Initiativbewerbung angelegt.

Bewerbungsformular – Initiativbewerbung im Frontend

Oops, an error occurred! Code: 202411110908311f3bf40a

Die Plug-Ins Bewerbungsformular, Liste der Stellenangebote und Teaser für Stellenangebot gehören gemeinsam mit dem Backend Modul Liste der Stellenangebote zu der TYPO3 Extension sg_jobs. Für das Modul haben wir ebenfalls ein Tutorial für Redakteur:innen erstellt.

Zur Dokumentation 'Liste der Stellenangebote'

Liste der Stellenangebote

Die Liste der Stellenangebote generiert eine Eingabemaske und eine Liste aller Stellenanzeigen. Potenzielle Bewerber:innen können so die Angebote einfach filtern. Das ist ein großer Vorteil, wenn besonders viele Jobangebote verfügbar sind. Denn Interessenten erlaubt es, schnell einen Überblick über alle relevanten Stellen zu gewinnen.

Reiter Plug-In

Seite, die das Bewerbungsformular enthält

Fügen Sie hier z. B. die Seite Karriere oder Initiativbewerbung hinzu. Klicken Sie dafür auf den Button Seite oder das Ordnersymbol rechts neben dem Feld. Wählen Sie im Kontextmenü aus dem Seitenbaum die entsprechende Seite aus.

Anzahl der Anzeigen pro Seite

Tragen Sie hier die Anzahl der Stellenanzeigen, die auf einmal angezeigt werden, ein. Eine Eingrenzung der Anzeigen pro Seite hilft Interessierten einen Überblick über die Stellenangebote zu behalten.

Sortierung der Stellenangebote

Standardmäßig ist die manuelle Sortierung eingestellt. Sollten Sie eine andere bevorzugen, klicken Sie in das Feld unter der Überschrift, im Dropdown-Menü erscheinen insgesamt drei Optionen: Alphabetisch nach Job-Titel, Manuell (Stellenangebote werden wie im Modul Liste der Stellenangebote sortiert), Nach Erstellungsdatum.

Berücksichtigte Standorte, Berücksichtigte Bereiche, Filter nach Berufserfahrung

Sollten Sie in der Liste nicht alle Stellenangebote anzeigen, sondern nur bestimmte Standorte, Bereiche und/oder Erfahrungslevels abbilden wollen, können Sie hier die notwendigen Filter einstellen.

Datensatzsammlung

Wählen Sie hier die Seite oder den Ordner, der die Datensätze enthält, nach denen sich Stellenangebote filtern lassen können, z. B. Standort, Unternehmen oder Berufserfahrung.

Liste der Stellenangebote im Frontend


Die Plug-Ins Bewerbungsformular, Liste der Stellenangebote und Teaser für Stellenangebot gehören gemeinsam mit dem Backend Modul Liste der Stellenangebote zu der TYPO3 Extension sg_jobs. Für das Modul haben wir ebenfalls ein Tutorial für Redakteur:innen erstellt.

Zur Dokumentation 'Liste der Stellenangebote'

Teaser für Stellenangebote

Den Teaser für Stellenangebote können Sie nutzen, um außerhalb der Karriere-Seite auf Stellenangebote aufmerksam zu machen. Die Konfiguration ist genauso einfach wie die übrigen Stellen bezogenen Plug-Ins. Nutzen Sie dieses Inhaltselement, um auf Seiten oder in Blogbeiträgen passende Jobangebote zu platzieren.

Reiter Plug-In

Erweiterungsoptionen

Seite auf der eine Liste aller Stellenanzeigen im Frontend angezeigt wird

Der Teaser zeigt eine Auswahl der verfügbaren Stellen an und verlinkt im Anschluss Alle offenen Stellen. Dafür müssen Sie hier die Seite einfügen, in der sich alle Stellenanzeigen befinden. Klicken Sie auf den Button Seite oder auf das Ordnersymbol und wählen Sie im erschienenen Menü die Karriereseite.

Seite, die das Bewerbungs-Formular enthält

Fügen Sie hier auf die gleiche Art und Weise die Seite Karriere oder Initiativbewerbung hinzu.

Berücksichtigte Standorte, Berücksichtigte Bereiche und Filter nach Berufserfahrung

Der Teaser zeigt nur die Stellen an, deren Standorte, Bereiche und Berufserfahrung Sie hier auswählen. Sie sehen in den Spalten rechts verfügbare Elemente, die in Ihrem System angelegt sind. Mit einem Linksklick auf z. B. einen Standort gelangt dieser sofort in die Spalte Ausgewählte Objekte. Um ein ausgewähltes Objekt zu entfernen, klicken sie dieses im linken Feld an (damit ist das Objekt markiert) und klicken auf das Papierkorbsymbol rechts außerhalb des Feldes (bzw. zwischen den beiden Spalten). Mit dieser Aktion verschieben Sie das Objekt wieder in die rechte Spalte.

Datensatzsammlung

Fügen Sie in die Datensammlung die Seite oder den Ordner ein, in dem sich die Datensätze für Stellenanzeigen befinden.

Teaser für Stellenangebot im Frontend


Die Plug-Ins Bewerbungsformular, Liste der Stellenangebote und Teaser für Stellenangebot gehören gemeinsam mit dem Backend Modul Liste der Stellenangebote zu der TYPO3 Extension sg_jobs. Für das Modul haben wir ebenfalls ein Tutorial für Redakteur:innen erstellt.

Zur Dokumentation 'Liste der Stellenangebote'

Twitter Stream

Das Plug-In Twitter Stream ermöglicht es mit wenigen Klicks einen Twitter Stream auf einer Webseite abbilden zu lassen. Dafür brauchen Sie nur den einzigartigen Nutzernamen einzugeben. Wenn Sie das Inhaltselement in im Backend hinzufügen möchten, werden Sie das Twittersymbol finden, im Inhaltsbereich ist das Element jedoch durch das Plug-In-Symbol gekennzeichnet.

Reiter Plug-In

Erweiterungsoptionen

Twitter Handle

Twitter Handle oder Nutzer:innenname ist die entscheidende Angabe für einen funktionierenden Twitter Stream. Der Name beginnt immer mit @. Im Gegensatz zum Profilnamen, der beliebig vergeben werden kann, ist der Twitter Handle eindeutig. Der Profilname steht immer als Erstes da, darunter finden Sie den Twitter Handle, den Sie durch das @-Zeichen erkennen.

Antworten nicht anzeigen

Wenn Sie nur Tweets und keine dazugehörigen Antworten im Stream anzeigen lassen möchten, setzen Sie hier ein Häkchen. Standardmäßig ist keines gesetzt.

Retweets anzeigen

Beim Erstellen des Plug-Ins sind Retweets nicht aktiviert. Wenn auch Retweets angezeigt werden sollen, aktivieren Sie die Option mit dem Setzen eines Häkchens an dieser Stelle. Wenn Retweets angezeigt werden, kann es passieren, dass kaum Posts vom angegebenen Profil, sondern nur Retweets von anderen Profilen gezeigt werden.

Anzahl der angezeigten Tweets

Begrenzen Sie die Zahl der Tweets, die im Frontend angezeigt werden. Fünf Tweets sind vorgegeben, die Anzahl können Sie jedoch beliebig verändern.

Twitter-Handles, Hashtags und URLs als Hyperlinks darstellen

In den Standard-Einstellungen ist das nicht aktiviert. Sollten Sie in den Tweets Links haben wollen, setzen Sie hier ein Häkchen.

Twitter Stream im Frontend (Nutzernamen, Hashtags & URLs als Links)

Technische Dokumentation

Das Twitter Plug-In beruht auf der sg_twitter Extension. Zu dieser TYPO3 Erweiterung gibt es eine technische Dokumentation, die vorrangig an Entwickler:innen gerichtet ist.

Zur technischen Dokumentation

Seiten/Inhalte in Tabs

Mit dem Plug-In Seiten/Inhalte in Tabs lassen sich sowohl ganze Seiten als auch einzelne Inhaltselemente zusammengefügt in Tabs darstellen. Inhalte von verschiedenen Seiten und ganze Seiten lassen sich so zum Beispiel zu einem Themenbündel kombinieren.

Reiter Plug-in

Erweiterungsoptionen

Modus

Es stehen drei Modi zur Verfügung: 'Zeige jedes Inhaltselement der aktuellen Seite als ein Tab', ‘Zeige für jede Unterseite dieser Seite jeweils einen Tab’, ‘Kombiniert (je unten ausgewähltem Element wird ein Tab angezeigt)’. Probieren Sie verschiedene Optionen aus, um ein optimales Ergebnis zu erzielen.

Seiten und Inhalte, welche als Tabs gerendert werden sollen

Hier fügen Sie die Seiten oder einzelne Inhalte, die als Tabs dargestellt werden sollen, hinzu. Wenn Sie eine ganze Seite als Tab einbauen möchten, klicken Sie auf den Button Seite unter dem weißen Feld oder klicken auf das Ordnersymbol rechts neben dem Feld. Wenn Sie einen Tab mit einem Inhaltselement befüllen möchten, klicken Sie auf den Button Seiteninhalt oder auf das Ordnersymbol. Beim Klick auf das Symbol können Sie sowohl Seiten als auch einzelne Inhalte einfügen.

Titel der Reiter überschreiben

In diesem Feld vergeben Sie die Titel der Tabs. Trennen Sie die Tab-Überschriften per Zeilenumbruch. Pro Zeile muss ein Titel eingetragen werden. Falls ein Titel nicht überschrieben werden soll, lassen Sie eine Leerzeile frei oder befüllen diese mit DEFAULT. Leere Zeilen am Anfang werden ignoriert. Wenn Sie also die ersten Tab-Titel nicht überschreiben müssen, jedoch aber die folgenden, müssen in der ersten Zeile DEFAULT eintragen.

Hash

Hash ist der Name, der zur Implementierung von History- und Direct-Linking-Funktionen verwendet wird.

Seiten/Inhalte in Tabs im Frontend

Wie Seiten/Inhalte in Tabs im Frontend aussehen können, zeigt unsere Vorschau-Seite.

Teaser-Liste/Teaser für Kategorien

Mit dem Inhaltselement Teaser für Kategorien bilden Sie ganze Seiten als Teaser ab. Dafür müssen den Seiten Kategorien zugeordnet sein. Mit diesem Plug-In können so z. B. auf eine einfache Art und Weise Seiten auf der dritten oder einer tieferen Ebene als Teaser im Frontend darstellen, da diese nicht zwingend in der Navigation abgebildet werden.

Reiter Plug-In

Tab Einstellungen

Lightbox deaktivieren

Standardmäßig wird die Seite, die als Teaser dargestellt wird, beim Klick auf den Teaser als Lightbox erscheinen. Wenn Sie möchten, dass die Seiten in einem neuen Tab geöffnet werden, aktivieren Sie diese Checkbox.

Alle Unterseiten auswählen

Wenn Sie alle Unterseiten einer ausgewählten Seite als Teaser darstellen möchten, aktivieren Sie diese Option.

Seiten

Hier können Sie jede beliebige Seiten Ihrer Website auswählen, um diese als Teaser darzustellen. Kombiniert mit der vorhergehenden Option, können Sie auch nur eine Seite wählen und es werden alle Unterseiten der gewählten als Teaser dargestellt werden.

Kategorien

Wählen Sie hier, welche Kategorien im Frontend dargestellt werden sollen. Es macht keinen Unterschied, ob Ober- und/oder Unterkategorien markieren, sie werden alle als Buttons zum Filtern im Frontend dargestellt, vorausgesetzt es gibt auch eine Seite, die die entsprechende Kategorie trägt.

Datensatzsammlung

Fügen Sie hier die Seite(n) hinzu, die die Unterseiten enthalten, die als Teaser dargestellt werden sollen. Klicken Sie dafür auf den Button Seite unter dem Feld oder auf das Ordnersymbol und wählen Sie im Kontextmenü die Teaser-Seite.

Tab Design

Zufällige Anordnung der Teaser

Wählen Sie hier, ob die Teaser in der Reihenfolge der Seiten im Backend angezeigt werden sollen oder ob die Teaser-Kacheln bei jedem Seitenaufruf in einer anderen zufälligen Reihenfolge angezeigt werden.

Masonry-Layout deaktivieren

Im Masonry-Layout werden Teaser in einer versetzten Kachel-Optik dargestellt. Im Gegensatz zu den normalen Kacheln ist dieses Layout, platzsparend und verlangt keine gleichlangen Texte und gleichgroßen Bilder bei den Teasern.

Anzahl der Spalten

Im Dropdown-Menü stehen Ihnen vier Optionen zur Verfügung, wie viele Teaser sich in einer Reihe befinden sollen: 1 (100 % je Teaser), 2 (50 % je Teaser), 3 (33 % je Teaser), 4 (25 % je Teaser).

Darstellung der Teaser-Kacheln

Teaser können mit Bildern, Bildern und einer dazugehörigen Beschreibung oder nur mit einer Beschreibung versehen werden. Dafür müssen die angeteaserten Seiten Teaser-Bilder oder Beschreibungen haben, die Sie jeweils bei allen angeteaserten Seiten im Reiter Ressourcen hinzufügen müssen.

Tab Text

"Keine Datensätze gefunden"-Text

Tragen Sie hier den Text ein, der angezeigt werden soll, wenn keine Datensätze gefunden werden konnten.

"Keine Datensätze für ausgewählte Filter-Kombination gefunden"-Text

Und hier kommt der Text rein, der angezeigt werden soll, wenn für den/die ausgewählten Filter im Frontend keine Datensätze gefunden werden konnten.

Teaser für Kategorien im Frontend

Wie Teaser aussehen und funktionieren, zeigt am besten unsere Vorschau-Seite der Website-Base. Je nach Einstellung (und vorhandenen Ressourcen der Teaser-Seiten) werden Teaser mit Bildern ohne oder mit Beschreibung und Teaser nur mit einer Beschreibung generiert. Bei der Einstellung Bilder und Beschreibung anzeigen, sollten Sie darauf achten, dass alle Teaser-Seiten Bilder und Beschreibungen enthalten bzw. alle Seiten keine Teaser-Beschreibung haben, das könnte sonst einen ungeordneten Eindruck machen. Bei Beschreibungen sollten Sie darauf achten, dass Texte ungefähr gleich lang sind.

Mehrdimensionaler Teaser

Ein Multidimensionaler Teaser stellt ganze Seiten als Teaser dar. Die Teaser werden dabei nicht nur nach einer, sondern mehreren Kategorien gefiltert. Nur wenn der Seite alle Kategorien zugeordnet sind, die im Frontend gewählt wurden, wird diese Seite als Teaser angezeigt.

Reiter Plug-In

Tab Einstellungen

Lightbox deaktivieren

Standardmäßig wird die Seite, die als Teaser dargestellt wird, beim Klick auf den Teaser als Lightbox erscheinen. Wenn Sie möchten, dass die Seiten in einem neuen Tab geöffnet werden, aktivieren Sie diese Checkbox.

Alle Unterseiten anzeigen

Wenn Sie alle Unterseiten einer ausgewählten Seite als Teaser darstellen möchten, aktivieren Sie diese Option.

Seiten

Hier können Sie jede beliebige Seiten Ihrer Website auswählen, um diese als Teaser darzustellen. Kombiniert mit der vorhergehenden Option, können Sie auch nur eine Seite wählen und es werden alle Unterseiten der gewählten als Teaser dargestellt werden.

Kategorien

Wählen Sie hier, welche Kategorien im Frontend dargestellt werden sollen. Klicken Sie nur die Kategorien an, die als Buttons im Frontend erscheinen sollen. Ob es sich dabei um Kategorien oder Unterkategorien handelt, ist dabei egal. Es werden immer nur die Seiten als Teaser angezeigt, die alle gewählten Kategorien enthalten.

Datensatzsammlung

Fügen Sie hier die Seite(n) hinzu, die die Unterseiten enthalten, die als Teaser dargestellt werden sollen. Klicken Sie dafür auf den Button Seite unter dem Feld oder auf das Ordnersymbol und wählen Sie im Kontextmenü die Teaser-Seite.

Tab Design

Zufällige Anordnung der Teaser

Wählen Sie hier, ob die Teaser in der Reihenfolge der Seiten im Backend angezeigt werden sollen oder ob die Teaser-Kacheln bei jedem Seitenaufruf in einer anderen zufälligen Reihenfolge angezeigt werden.

Masonry-Layout deaktivieren

Im Masonry-Layout werden Teaser in einer versetzten Kachel-Optik dargestellt. Im Gegensatz zu den normalen Kacheln ist dieses Layout, platzsparend und verlangt keine gleichlangen Texte und gleichgroßen Bilder bei den Teasern.

Anzahl der Spalten

Im Dropdown-Menü stehen Ihnen vier Optionen zur Verfügung, wie viele Teaser sich in einer Reihe befinden sollen: 1 (100 % je Teaser), 2 (50 % je Teaser), 3 (33 % je Teaser), 4 (25 % je Teaser).

Darstellung der Teaser-Kacheln

Teaser können mit Bildern, Bildern und einer dazugehörigen Beschreibung oder nur mit einer Beschreibung versehen werden. Dafür müssen die angeteaserten Seiten Teaser-Bilder oder Beschreibungen haben, die Sie jeweils bei allen angeteaserten Seiten im Reiter Ressourcen hinzufügen müssen.

Tab Text

"Keine Datensätze gefunden"-Text

Tragen Sie hier den Text ein, der angezeigt werden soll, wenn keine Datensätze gefunden werden konnten.

"Keine Datensätze für ausgewählte Filter-Kombination gefunden"-Text

Und hier kommt der Text rein, der angezeigt werden soll, wenn für den/die ausgewählten Filter im Frontend keine Datensätze gefunden werden konnten.

Multidimensionaler Teaser im Frontend

Auf der Webseite sehen Sie dann die Oberkategorien, die Sie im Backend angewählt haben. Im Dropdown-Menü lassen sich dann die Unterkategorien anwählen. Wenn keine Unterkategorien gewählt sind, werden nur die Seiten als Teaser angezeigt, die alle Oberkategorien enthalten. Probieren Sie die Funktion des mehrdimensionalen Teasers selbst auf unserer Vorschau-Seite aus. Wie auch bei den Teasern für Kategorien werden je nach Einstellung (und vorhandenen Ressourcen der Teaser-Seiten) Teaser mit Bildern ohne oder mit Beschreibung und Teaser nur mit einer Beschreibung generiert. Bei der Einstellung Bilder und Beschreibung anzeigen, sollten Sie darauf achten, dass alle Teaser-Seiten Bilder und Beschreibungen enthalten bzw. alle Seiten keine Teaser-Beschreibung haben, das könnte sonst einen ungeordneten Eindruck machen. Bei Beschreibungen sollten Sie darauf achten, dass Texte ungefähr gleich lang sind.

YouTube

Mit dem YouTube Plug-In lassen sich YouTube-Videos unkompliziert einbinden, ohne dass Videos heruntergeladen und im System wieder hochgeladen werden müssen. Zudem besitzt das Inhaltselement diverse Optionen, mit denen sich die Darstellung und Verhalten der Videos individuell anpassen lassen.

Reiter Plug-in

Einstellungen

ID eines Channels, einer Playlist oder eines einzelnen Videos

Tragen Sie hier die ID des Kanals, der Playlist oder eines einzelnen YouTube-Videos ein. Mehrere IDs tragen Sie durch Kommas getrennt ein (ABCD_12, EFGH_34). Im Abschnitt zu den YouTube IDs zeigen wir, wo die IDs zu finden sind.

Video ist ein "YouTube Shorts"-Video

Unsere Video-Extension erlaubt es auch, YouTube Shorts zu nutzen. Aktivieren Sie dafür die Checkbox und stellen Sie sicher, dass Sie im Tab Aussehen einen Thumbnail-Typ mit hoher Auflösung nutzen sowie das Seitenverhältnis 4:3 wählen. Bei benutzerdefinierten Thumbnails sollten die Bilder ein Verhältnis von 9:16 haben.

Ausschließende Video-IDs

Wenn Sie bestimmte Videos einer Playlist oder eines Kanals nicht auf Ihrer Website zeigen möchten, können Sie diese ausschließen. Tragen Sie die entsprechenden IDs mit einem Komma getrennt hintereinander weg ein (ABCD_12, EFGH_34).

Abfragetext

Dieses Feld kann genutzt werden, wenn Sie bspw. nicht alle Videos eines gesamten Kanals einbinden möchten, sondern nur die mit bestimmten Inhalten, Themen oder Tags. Sie können dieses Feld wie die Suche in YouTube nutzen.

Maximale Anzahl

Entscheiden Sie, wie viele Videos maximal angezeigt werden sollen und tragen Sie die gewünschte Zahl ein. Bitte beachten Sie, dass manche Layouts nur bei oder ab einer bestimmten Anzahl von Videos funktionieren (siehe Layout-Art beim Abschnitt 'Aussehen').

Zusätzliche URL-Parameter

Für weitere Anpassungen der eingebundenen Videos können Sie YouTube Player Parameter nutzen. Die Parameter funktionieren nur, wenn Videos direkt auf der Seite abgespielt werden. Mehr Informationen dazu finden Sie unter: https://developers.google.com/youtube/player_parameters?hl=de.

Filter

Wenn Sie besonders viele Videos einbinden, können Filter sinnvoll sein. Je nach Konfiguration stehen Ihnen im rechten Feld verschiedene Filter zur Verfügung. Klicken Sie auf den oder die gewünschten Filter. Diese erscheinen nun im linken Feld und werden und werden nach dem Speichern im Frontend in einem Formular angezeigt, sodass die Benutzer dynamisch mit den angezeigten Videos interagieren können. Zum Beispiel:

  • Suchbegriff: Ermöglicht Benutzern die Eingabe eines Suchbegriffs, um Videos nach Schlüsselwörtern zu filtern.
  • Dauer-Filter: Bietet ein Dropdown-Menü zum Filtern von Videos nach Länge (kurz, mittel, lang, usw.).

Die Filterwerte werden an die YouTube-API gesendet, und die Videoliste wird anhand der ausgewählten Kriterien aktualisiert.

WICHTIG: Befolgen Sie folgende zwei Schritte, wenn Sie Filter nutzen wollen!

  1. Gehen Sie im TYPO3-Backend zum Modul Einstellungen (Abschnitt Verwaltung- und Pflegewerkzeuge) und klicken Sie auf Configure extensions. Klicken Sie auf sg_youtube, aktivieren Sie die Checkbox uncached und speichern Sie. Dadurch wird die Extension die Ergebnisse nicht zwischenspeichern und die Daten werden dynamisch geladen, basierend auf den Filtereinstellungen.
  2. Weiterhin müssen Sie in Ihrer Konfiguration die TYPO3 cHash Parameter-Validierung deaktivieren und $GLOBALS['TYPO3_CONF_VARS']['FE']['cacheHash']['enforceValidation'] = false setzen.

Aussehen

Layout-Art

Zur Auswahl stehen das Standard-, Zeilen- oder Playlist-Layout. Außerdem gibt es das Layout für einzelne Videos, das automatisch genutzt wird, wenn Sie nur ein Video einbinden. Wichtig ist zudem zu wissen, dass das Standard- und das Zeilenlayout ab zwei Videos und das Playlist-Layout ab vier Videos funktionieren. Wie diese aussehen, präsentieren wir auf unserer Vorschau-Seite.

Videotitel anzeigen & Videobeschreibungen anzeigen

Mit diesen Checkboxen können Sie festlegen, ob Titel oder Beschreibungen des Videos angezeigt werden sollen oder nicht. Wenn Sie keine Titel und/oder Beschreibungen anzeigen, müssen Sie keine Zeichenbegrenzung festlegen.

Zeichenbegrenzung bei Titel & Beschreibung

Titel und Beschreibungen von Videos können unterschiedlich lang sein, deswegen können Sie eine Begrenzung für Titel und Beschreibung festlegen. Das Plug-in bricht dabei nicht mitten im Wort ab, sondern berücksichtigt ganze Wörter. Standardmäßig ist der Wert '0' (null) eingetragen, mit dieser Einstellung gibt es keine Begrenzung für die Zeichenanzahl.
Unabhängig zu der Zeichenanzahl sind die Zeilen der Beschreibung begrenzt: beim einzelnen Video, dem Standard- und dem Playlist-Layout sind es vier Zeilen und beim Zeilenlayout fünf Zeilen. Im Frontend lässt sich Rest der Beschreibung über einen Button aufklappen. Beachten Sie außerdem, dass bei der einer Zeichenbegrenzung der Beschreibung, der Text immer nur bis zur Begrenzung gezeigt wird, auch wenn Sie diese aufklappen.

Aspect Ratio

Legen Sie das Seitenverhältnis fest. Die Einstellung wird nur genutzt, wenn der Thumbnail-Typ das prüfen soll. Diese Einstellung beeinflusst nicht das Seitenverhältnis der benutzerdefinierten Thumbnails.

Thumbnail-Typ

Legen Sie hier die Auflösung von maximal bis niedrig fest. Nicht immer sind alle Optionen vorhanden.

Benutzerdefinierte Thumbnails für Videos

Es besteht auch die Möglichkeit, eigene Thumbnail-Bilder für Videos festzulegen. Dabei wird das erste Bild über das erste Video gelegt, das zweite Bild wird über das zweite Video gelegt usw.
Das Seitenverhältnis der benutzerdefinierten Thumbnails entspricht dem Seitenverhältnis des verwendeten Bildes. Laden Sie Bilder mit dem gewünschten Seitenverhältnis in der Dateiliste hoch oder bearbeiten Sie die Miniaturansichten im Fotoeditor direkt in diesem Inhaltselement, um das gewünschte Seitenverhältnis zu erreichen.

Verhalten

Video nicht in der Lightbox, sondern direkt auf der Webseite abspielen

Standardmäßig wird ein Video in einer Lightbox abgespielt. Sie können hier festlegen, Videos direkt auf der Seite abspielen zu lassen.

Zeige API-Ergebnis an

Legen Sie fest, ob Debug-Informationen angezeigt werden sollen.

YouTube IDs

YouTube Kanal-ID

Es gibt verschiedene Wege, um die Kanal-ID herauszufinden, denn durch die URL ist die ID schon seit einiger Zeit nicht mehr ersichtlich. Wenn es sich um die ID des eigenen YouTube-Kanals handelt, findet man die Buchstaben und Zahlenfolge in den erweiterten Einstellungen des Accounts. Dazu finden Sie hier eine Anleitung von Google.

Wenn Sie die Kanal-ID eines beliebigen YouTube-Kanals benötigen, müssen Sie dafür in YouTube den gewünschten Kanal öffnen. Klicken Sie in der Kanalbeschreibung auf 'mehr' und klicken dann im erschienen Fenster auf Kanal teilen. Dort finden Sie die Option ‘Kanal-ID kopieren’. Die kopierte ID können Sie dann in die YouTube-Extension einfügen.

Die Kanal-ID fügen Sie dann einfach in das Plug-In ein und machen alle weiteren Einstellungen, die Sie benötigen.

YouTube Playlist-ID

Um eine Playlist-ID hinzuzufügen, kopieren Sie aus dem Link der Playliste alles, was nach list= kommt und fügen es in Zeile für die ID ein.

  • Playlist-Link: www.youtube.com/watch?v=rrVDATvUitA&list=PLmhUZw8WWzebYTvtVWHkb_YMgKARy6UON
  • Playlist-ID: PLmhUZw8WWzebYTvtVWHkb_YMgKARy6UON
YouTube Video-ID

Um eine Video-ID hinzuzufügen, kopieren Sie aus dem Link des Videos alles, was nach watch?v= kommt und fügen es in Zeile für die ID ein.

  • Video-Link: www.youtube.com/watch?v=IBAhAk0-sPo
  • Video-ID: IBAhAk0-sPo

Inhaltsbereich

Im Inhaltsbereich sehen Sie eine Übersicht über die Einstellungen, die Sie im YouTube Plug-In vorgenommen haben.

YouTube im Frontend

Je nachdem, welche Einstellungen im Plug-In gewählt wurden, können Videos, Playlists und Kanäle ganz unterschiedlich aussehen. Auf unserer Vorschau-Seite sehen Sie einige Beispiele, wie unterschiedliche Einstellungen sich auf die Optik im Frontend auswirken.

Vimeo

Mit dem Vimeo Plug-in können Vimeo-Videos auf einer TYPO3-Seite angezeigt werden, ohne dass die Videos heruntergeladen und wieder ins System hochgeladen werden müssen. Außerdem verfügt das Inhaltselement, wie auch das YouTube-Plugin, über verschiedene Optionen, mit denen sich Aussehen und Verhalten der Videos individuell anpassen lassen.

Reiter Plug-In

Ihnen stehen folgende Optionen zur Verfügung. Diese gleichen den Optionen für das YouTube Plug-In. Beim Bearbeiten des Vimeo Inhaltselements können Sie sich also an den YouTube Anleitungen orientieren.

Einstellungen

  • Video-ID, Kanal-Name oder Showcase: Im Abschnitt zu den Vimeo IDs zeigen wir, wo die IDs zu finden sind.
  • Auszuschließende Video-IDs
  • Abfragetext
  • Maximale Anzahl
  • Zusätzliche URL-Parameter: Wie bei YouTube können Sie für weitere Anpassungen Parameter nutzen. Das funktioniert nur, wenn Videos direkt auf der Seite abgespielt werden. Mehr Informationen zu Parametern finden Sie unter: https://help.vimeo.com/hc/en-us/articles/12426260232977-Player-parameters-overview.
  • Filter

Aussehen

  • Layout-Art
  • Videotitel anzeigen & Videobeschreibungen anzeigen
  • Zeichenbegrenzung für Titel & Beschreibungen
  • Benutzerdefinierte Thumbnails für Videos

Verhalten

  • Video nicht in der Lightbox, sondern direkt auf der Webseite abspielen
  • Zeige API-Ergebnis an

Vimeo-Video IDs

Vimeo Kanal-Name

Um eine Kanal-ID hinzuzufügen, kopieren Sie aus dem Link des Kanals alles, was nach vimeo.com/channels/ kommt und fügen es in Zeile für die ID ein.

  • Kanal-Link: vimeo.com/channels/staffpicks
  • Kanal-Name: staffpicks
Vimeo-Showcase ID

Um eine Showcase ID hinzuzufügen, kopieren Sie aus dem Showcase-Link alles, was nach vimeo.com/showcase/ kommt und fügen es in Zeile für die ID ein.

  • Showcase-Link: vimeo.com/showcase/vimeocanhelp
  • Showcase ID: vimeocanhelp
Vimeo-Video ID

Um eine Video ID hinzuzufügen, kopieren Sie aus dem Link des Videos alles, was nach vimeo.com/ kommt und fügen es in Zeile für die ID ein.

  • Video-Link: vimeo.com/246107487
  • Video ID: 246107487

WICHTIG: Sie müssen sicherstellen, dass der Account, der mit den API-Schlüsseln clientId und clientSecret verknüpft ist, über die richtigen Berechtigungen für die Suche in dem Kanal verfügt, in dem die Filter verwendet werden. Andernfalls führt die Suche nach einer Abfragezeichenfolge immer zu einer leeren Ergebnismenge.

Inhaltsbereich

Im Inhaltsbereich sehen Sie eine Übersicht über die Einstellungen, die Sie im Vimeo Plug-In vorgenommen haben.

Vimeo im Frontend

Je nach vorgenommenen Einstellungen kann das Ergebnis im Frontend sehr unterschiedlich aussehen. In unserer Vorschau-Seite sehen Sie einige Beispiele dafür.

Sie wollen mehr zu unserer Website-Base wissen?

Alle Informationen zu den verfügbaren Editionen finden Sie auf der Webseite für unsere TYPO3 Website-Base. Sie haben die Möglichkeit eine Webseite zum Fixpreis erstellen zu lassen oder entscheiden sich für ein Website as a Service Paket, mit dem keine weiteren Kosten für Hosting oder Sicherheits- und Funktionsupdates auf Sie zukommen werden.