Text mit Bildern
Um Ihrer Seite Text und Bilder hinzuzufügen, erstellen Sie an der gewünschten Stelle durch Klick auf den Button "+ Inhalt" ein neues Inhaltselement.
Wählen Sie den Typ "Text & Bilder" aus.
Abschnitt 1: Textbearbeitung
Hier werden nur die wichtigsten Eingabefelder erklärt:
- Wählen Sie den Reiter "Allgemein" aus.
- Fügen Sie eine Überschrift ein.
- Verwenden Sie den Texteditor. Hier können Sie Ihren Text auch formatieren, ausrichten und z.B. die Zwischenablage verwenden.
Tipp:
Wenn Sie aus einer anderen Quelle Text über die Zwischenablage einfügen, dann kann es vorkommen, dass auch Formatierungen übernommen werden, die Sie nicht wollen. In dem Fall fügen Sie den Text nicht mit Strg + V ein, sondern mit Strg + Shift + V (am Mac: Cmd + Opt + Shift + V).
Abschnitt 2: Bilder verwenden
- Wechseln Sie zum Reiter "Bilder".
- Klicken Sie dort auf "Bild hinzufügen".
Falls Ihr Bild schon in TYPO3 vorhanden ist:
- Auf der folgenden Seite erscheint links der Dateibaum.
Wählen Sie dort den Ordner aus, in dem das Bild liegt und wählen sie es aus.
Die weiteren Schritte sehen Sie weiter unten in dieser Anleitung.
Falls Ihr Bild noch nicht in TYPO3 vorhanden ist:
- Wählen Sie im Dateibaum links den Ordner aus, in den Ihr Bild gespeichert werden soll.
- Klicken Sie in diesem Bereich auf den Button "Dateien auswählen".
In einem Fenster wird Ihnen nun Ihr Dateiexplorer (oder Finder) angezeigt. Rufen Sie dort den Pfad auf, in dem Ihr Bild liegt und wählen Sie es aus.
Tipp:
Sie können auch mehrere Bilder gleichzeitig auswählen. Sie werden dann alle gleichzeitig hochgeladen.
- Neben dem Button "Dateien auswählen" erscheint jetzt der Name der Datei.
Falls Sie mehrere Dateien gleichzeitig ausgewählt haben, erscheint hier die Anzahl der Dateien. - Stellen Sie nochmal sicher, dass der Ordner ausgewählt ist, in den das Bild gespeichert werden soll.
- Falls Sie gerade eine veränderte Version eines schon vorhandenen Bildes hochladen wollen, setzen Sie hier ein Kreuz. Ansonsten lassen Sie dieses Feld bitte frei, damit nicht versehentlich Bilder gelöscht werden.
- Klicken Sie nun auf "Dateien hochladen".
Im Verzeichnis des Dateibaums sollte das Bild jetzt erscheinen. Das Verzeichnis ist alphabetisch geordnet, ggf. müssen Sie zu dem Bild scrollen.
Klicken Sie den Namen des Bildes an.
Jetzt ist das Bild in Ihre Seite übernommen. Schauen Sie sich die Seite mit Ihrem Bild jetzt einmal in der Vorschau an. Wenn es so in Ordnung ist, können Sie die nächsten Schritte weglassen.
Wenn Sie Ihr Bild anpassen oder Titel etc. hinzufügen möchten, dann klicken Sie auf den kleinen Pfeil links neben dem Vorschaubild.
- Fügen Sie hier einen erklärenden Text ein (z.B.: Versuchsaufbau Experiment). Dieser Text ist z.B. hilfreich für die Seitendarstellung mit Brailleterminals oder wenn das Bild nicht geladen werden kann.
- Fügen Sie ggf. eine Bildunterschrift hinzu.
Auf dem Bild unten können Sie sehen, wie so eine Bildunterschrift platziert wird. - Sie können dem Bild auch einen Link hinzufügen.
- Wenn Sie hier einen Titel eintragen, dann wird er innerhalb des Bildes angezeigt, wie unten im Bild zu sehen.
- Den Editor zur Änderung des Bildausschnitts könen Sie aktuell leider nicht wie gewohnt nutzen.
Platzierung des Bildes
- Sie können das Bild über, unter oder neben Ihrem Text platzieren. Wählen Sie dazu im Reiter "Bilder" die Einstellungen unter Position und Ausrichtung.
- Neben dem Text = Text und Bild im Verhältnis 50:50
- Im Text = Text und Bild im Verhältnis 2/3 zu 1/3
- Wichtig: Die Breite des Bildes können Sie nicht mehr unter "Medienanpassung" selbst verändern. Das Bild wird in einer Standardgröße ausgegeben, um sowohl ein einheitliches Layout als auch die optimale mobile Darstellung zu gewährleisten. Auch mehrere Spalten sind nicht mehr möglich.
Grafisches Element: Rahmen/Frame
Die Bilder werden standardmäßig mit einem grafischen Element (Rahmen/Frame) hinterlegt. Sie können diesen entfernen, indem Sie im Reiter "Erscheinungsbild/Appearance" im Menü "Frame" die Option "No Frame" wählen. Die Option "Default" ist das grafische Standard-Element. Sie können hier auch noch weitere Frames auswählen wie auf dem Screenshot ersichtlich, diese funktionieren aber leider nicht einwandfrei, wenn das Bild neben dem Text platziert ist.
Tipps
Besondere Bilddarstellungen wie, z.B. ein Imageslider oder ein Imagegrid zur Darstellung mehrerer Bilder in einem ansprechenden Layout stehen nicht für "Text und Bild" zur Verfügung, sondern nur im Modul "Nur Bilder".