NEU: SG AI – DEIN AI ASSISTANT FÜR TYPO3 - SEO, (BILD-)TEXTE, BILDER & MEHR!
Typischer Seiteninhalt
Einige Inhaltselemente werden öfter verwendet als andere – die meistgenutzten Inhaltselemente sind in der Gruppe Typischer Inhalt zu finden. Beim Hinzufügen neuer Elemente wird standardmäßig diese Gruppe als erste angezeigt.
Mit dem Inhaltselement Nur Überschrift kann man, genau wie der Name schon sagt, eine Überschrift einfügen. Mit verschiedenen Überschriftformaten gliedern Sie Inhalte und machen sie so für den User einfacher zugänglich. Im Backend bekommen Sie durch den Einsatz von Überschriften selbst eine bessere Übersicht.
Verfügbare Felder
- Überschrift: In dieses Feld tragen die Überschrift ein.
- Typ: Wählen Sie ein Überschriftformat/-level und gliedern Sie damit Inhalte. Für Verständlichkeit und Struktur von Texten auf Webseiten sollte jede Seite nur eine H1-Überschrift enthalten und weitere Überschriften sollten logisch aufgebaut werden, z. B. H2-Überschrift – H3-Überschrift – H3-Überschrift – H2-Überschrift. Auch aus SEO-Sicht sollten Sie die richtige Reihenfolge der Überschriften einhalten.
- Typ (visuell): Unabhängig vom tatsächlichen Überschriftenlevel, lässt bei Bedarf ein anderes Überschriftenlayout einstellen. Dieses ist dann im Frontend zu sehen, auch wenn ein anderes Überschriftenlevel festgelegt wurde.
- Ausrichtung: Bestimmen Sie die Ausrichtung der Überschrift.
- Datum: Wenn hier ein Datum ausgewählt ist, erscheint es unter der Überschrift (und der Unterüberschrift).
- Link: Dieses Feld ermöglicht es, eine Überschrift beliebig zu verlinken (intern oder extern).
- Unterüberschrift: Eine Unterüberschrift erscheint unter der Hauptüberschrift im nächst kleineren Überschriftformat.
- Inhaltselement-Link: Das gesamte Inhaltselement wird als Link ausgegeben.
Das Inhaltselement Text & Medien wird bei der Pflege einer TYPO3-Seite besonders häufig verwendet. Mit diesem Element fügen Sie einfach Fließtexte mit Bildern und Überschriften ein. Der Rich Text Editor (RTE) ermöglicht ein intuitives Arbeiten mit Texten. Mit dem Bildeditor von TYPO3 sind auch Bilder schnell angepasst.
CKEditor (ehemals Rich Text Editor)
Im Reiter Allgemein sind die gleichen Felder zu finden wie im Überschriftelement. Zusätzlich dazu finden Sie im unteren Bereich den CKEditor (ehemals Rich Text Editor). Wir haben dem Texteditor und dem Bildeditor eigene Dokumentationen gewidmet. An dieser Stelle gibt es nur eine kurze Einführung.
Der CKEditor ermöglicht eine intuitive Texteingabe, da er bekannten Textbearbeitungsprogrammen wie Word oder Pages ähnelt. In das freie Feld geben Sie einen Text ein und passen ihn mit den Optionen an, die sich über dem Textfeld befinden.
Die meisten Symbole dürften bekannt sein. Ist das einmal nicht der Fall, lässt sich die Funktion eines Buttons im Mouseover herausfinden. Bleiben Sie dafür einfach einen Moment mit dem Mauszeiger über dem entsprechenden Symbol.
Reiter: Medien
Der Reiter Medien ist nur im Inhaltselement Text & Medien anzutreffen. Mit dem Button Mediendatei hinzufügen können Mediendateien (in den meisten Fällen Bilddateien) aus der Dateiliste ausgewählt werden. Bevor Sie Dateien hinzufügen können, müssen in der Dateiliste hochgeladen werden.
Bild-Metadaten
Die Bild-Metadaten füllen Sie für jedes Bild einzeln aus. Am wichtigsten ist der alternative Text, der von Bildschirmleserprogrammen gelesen werden kann und somit Ihre Seite für sehbeeinträchtigte Personen barriereärmer gestaltet.
- Alternativer Text: Beschreiben Sie das Bild, sodass der Text angezeigt werden kann, wenn das Bild nicht geladen werden kann. Auch aus SEO-Sicht ist der alternative Text wichtig.
- Beschreibung (Bildunterschrift): Dieser Text erscheint unter dem Bild.
- Link: Wenn Sie einen Link einfügen, wird man bei Klick auf das Bild zu der Link-URL geleitet.
- Titel: Dieser Text erscheint beim Mouseover, also wenn der Zeiger länger über einem Bild verbleibt.
Medienanpassungen
Unter Medienanpassungen finden Sie Optionen zum Anpassen aller Medien im aktuellen Element:
- Breite/Höhe: Wenn Breite oder Höhe von der ursprünglichen Datei abweichen sollen, wird das Bild im ursprünglichen Bild-Verhältnis auf die angegebene Höhe/Breite skaliert.
- Rahmen: Aktivieren/deaktivieren Sie den Rahmen um die Medienelemente.
- Position und Ausrichtung: Legen Sie die Ausrichtung des Bildes gegenüber dem Text fest – auch wenn kein Text vorhanden ist, kann es sinnvoll sein, die Einstellung anzupassen.
- Anzahl an Spalten: Legt fest, wie viele Bilder in einer Reihe eingeordnet werden.
- Bei Klick vergrößern: Legt fest, ob das Bild im Frontend bei Klick vergrößert dargestellt wird.
Bildeditor
Sobald Sie eine Datei im Inhaltselement hinzugefügt haben, erscheinen Optionen zum weiteren Anpassen des Bildes. Sie können Alt-Tags, Titel und eine Beschreibung zum jeweiligen Bild hinzufügen und das ganze Bild verlinken.
Weiter unten lässt sich der Bildeditor öffnen, mit dem Sie den Ausschnitt von hinzugefügten Bildern anpassen können. Weitere Informationen finden Sie in der Bildeditor Dokumentation.
Mit Dateilinks erzeugen Sie eine Liste mit Dateien zum Herunterladen. Es gibt zwei Wege Dateien zu diesem Inhaltselement hinzuzufügen. Sie können eine Dateisammlung nutzen oder Dateien einzeln für das Element heraussuchen. Es ist aber auch möglich sowohl beide Optionen gleichzeitig zu nutzen.
Nach dem Hinzufügen des Inhaltselementes gelangen Sie wie immer automatisch zum Reiter Allgemein. Wie bei den meisten anderen Inhaltselementen befinden sich im oberen Bereich die Felder zum Anpassen der Überschrift. Gleich danach folgen elementspezifische Felder zum Hinzufügen von Dateien.
Dateien manuell hinzufügen
- Klicken Sie auf den Button Datei hinzufügen. Sie gelangen zu den Dateiordnern.
- Wählen Sie einen Ordner in der Dateiliste.
- Wählen Sie die gewünschten Dateien, indem Sie rechts neben dem Namen der Datei mit einem Linksklick ein Häkchen setzen.
- Wenn Sie alle Dateien auswählen möchten, klicken auf das Symbol ganz rechts in der Zeile, in der Ordnerpfad zu sehen ist.
- Klicken Sie auf den Button Auswahl importieren in der Zeile, in der der Ordnerpfad gezeigt wird (siehe Screenshot).
- Die Dateien sind nun mit dem Inhaltselement verknüpft.
Dateien mit Dateisammlung hinzufügen
Dateisammlung anlegen
Eine Dateisammlung können Sie in eine bestehende Seite einfügen. Empfehlenswerter ist es einen dafür vorgesehen Ordner im Seitenbaum anzulegen, damit alle Dateisammlungen an einem Ort sind und Sie diese garantiert wiederfinden.
Die Dateisammlung ist ein Listenelement, weswegen Sie es im Webmodul nicht sehen werden. Um eine Dateisammlung anzulegen, gehen Sie wie folgt vor:
- Klicken Sie auf den Ordner für die Dateisammlung oder einen anderen Eintrag im Seitenbaum.
- Wenn nicht bereits geschehen: Wechseln Sie zum Listenmodul.
- Klicken Sie auf den + Button über dem Inhaltsbereich.
- Wenn bereits eine Dateisammlung vorhanden ist, kann auch der + Button in der Liste für Dateisammlungen genutzt werden. Fahren Sie dann mit Schritt 5 fort.
- Im Inhaltsbereich erscheint eine Liste mit der Überschrift Neuer Datensatz. Klicken Sie Dateisammlung an (unter Inhalt). Sie befinden sich nun im Bearbeitungsmodus einer Dateisammlung.
- Eine Dateisammlung hat als Listenelement mehrere Tabs zum Anpassen. Für Sie ist vor allem die Registrierkarte Allgemein interessant.
- Der Reiter Allgemein ist in Typ, Titel und Dateien unterteilt. Je nach ausgewähltem Typ wird sich der unterscheiden.
- Wählen Sie einen Typ aus:
- Statische Auswahl von Dateien: Klicken Sie auf Neue Relation erstellen , Datei auswählen und hochladen oder Medien nach URL hinzufügen.
- Suchen Sie Dateien individuell aus der Dateiliste aus oder laden Sie diese direkt hoch.
- Dateien können aus verschiedenen Ordnern der Dateiliste stammen. Beim direkten Hochladen von Dateien werden die Dateien im obersten Ordner der Dateiliste abgelegt.
- Ordner von Speicher: Wenn Sie einen ganzen Ordner für die Dateisammlung angelegt haben, kann der Ordner mit dieser Einstellung als Ganzes verwendet werden.
- Wählen Sie den Dateispeicher und einen Ordner aus der Liste, die beim Klicken auf das Feld unter Ordner erscheint.
- Wenn die Option Rekursiv aktiviert ist, werden auch Unterordner des gewählten Ordners berücksichtigt.
- Nach Kategorie auswählen: Dateien können wie Seiten und Inhaltselemente mit Kategorien versehen werden. In die Dateisammlung werden dann nur Dateien mit bestimmten Kategorien aufgenommen.
- Statische Auswahl von Dateien: Klicken Sie auf Neue Relation erstellen , Datei auswählen und hochladen oder Medien nach URL hinzufügen.
- Speichern Sie die Änderungen und verknüpfen Sie den erstellten Dateispeicher mit dem Dateilink-Inhaltselement.
Dateisammlung mit Inhaltselement verknüpfen
In der Spalte Dateien finden Sie das Feld Dateisammlung auswählen.
- Klicken Sie entweder auf das Ordnersymbol rechts neben dem Feld oder auf den Button Dateisammlung unter dem Feld, so wie es unten zu sehen ist.
- Im erschienenen Fenster wird die Dateisammlung gleich angezeigt.
- Sollte das nicht der Fall sein, wählen Sie im Seitenbaum den Ordner oder die Seite, in dem sich die Dateisammlung befindet und wählen mit einem Klick die Dateisammlung aus.
- Speichern Sie die Änderungen.
Weitere Einstellungen
Desweiteren kann man einstellen, wie die Dateien sortiert werden, welche weiteren Informationen und in welcher Form die Dateien angezeigt werden (mit Vorschaubild, als Symbol oder nur Dateiname).
Ergebnis im Frontend
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.
