Text mit Bild

Seiteninhaltstyp 'Text mit Bild'

Wenn Sie bei [Typ] 'Text mit Bild' auswählen, stehen Ihnen dieselben Möglichkeiten zur Eingabe und Formatierung von Texten zur Auswahl wie beim Seiteninhaltstyp 'Text'. Zusätzlich können Sie jedoch Bilder in den Seiteninhalt einbinden und es stehen Ihnen zahlreiche Felder zur Verfügung, in denen Sie die Eigenschaften der Bilder festlegen können.

Bilder, die Sie einbinden, wählen Sie über [Bilder] bzw. [Bilder direkt einbinden] (in Abhängigkeit von Ihrer Konfiguration) aus. Durch Klicken auf das Symbol [Durch Dateien browsen] öffnet sich ein Fenster, in dem Sie Bilder im für die Website angelegten Datei-Ordner, der Dateiliste, auswählen können. Haben Sie das gewünschte Bild noch nicht der Dateiliste hinzugefügt, können Sie es mit einem Klick auf [Durchsuchen] (im Popup-Fenster unter der Dateiliste) von Ihrer Festplatte hochladen. Die Bilder von Ihrer Festplatte werden dann der Dateiliste hinzugefügt und sind dort ebenfalls auswählbar.

Anschließend können Sie die Bildeigenschaften bestimmen und beispielsweise genaustens die Größe und Position der Bilder festlegen, eine Bilderunterschrift im Feld [Bildtext] hinzufügen oder einen Alternativen bzw. Titeltext eingeben, der angezeigt wird, wenn man mit der Maus über das Bild fährt. Die Felder, die Sie beim Einbinden von Bildern ausfüllen können, finden Sie in den Hilfetexten der lokalen TYPO3-Hilfe beschrieben. Bei der Bildposition sollten Sie testen, welche Variante Ihnen am besten gefällt; dabei sollten Sie die Ansicht im Frontend jedoch stets prüfen - sowohl in verschiedenen Browsern als auch bei unterschiedlichen Bildschirmauflösungen (von 800 bis 1450 Pixel Breite). Am wenigsten kompliziert ist das Bilder Einbinden, wenn Sie 'Oben mittig' oder 'Unten mittig' wählen und bei [Spalten] '1' einstellen.

: Bild einfügen mit TYPO3-Seiteninhalt 'Text mit Bild'

Je nach Konfiguration des Systems weist TYPO3 automatisch und passend zum Layout Ihrer Website den eingebundenen Bildern in der Frontend-Ansicht einen Rahmen zu und formatiert die Bildunterschrift entsprechend.

Wenn Sie auf einer Seite mehrere Bilder einbinden möchten, empfielt es sich, pro Bild jeweils einen Seiteninhalt anzulegen, damit Sie alle Möglichkeiten für die Positionierung der Bilder im Verhältnis zum Text ausschöpfen können. Sie können aber auch in einem Seiteninhalt mehrere Bilder einbinden, deren Reihenfolge Sie über die Pfeil-Tasten rechts neben dem Feld [Bilder] bzw. [Bilder direkt einbinden] festlegen können. Um für jedes Bild eigene Bildunterschriften und Alternative bzw. Titeltexte einzugeben, müssen Sie diese durch Zeilenschaltung getrennt im entsprechenden Feld eintragen. Links, die Sie auf die Bilder setzen, können Sie mit Komma getrennt eingeben.

Bilder, die Sie nicht mehr brauchen, können Sie im Feld [Bilder] bzw. [Bilder direkt einbinden] anklicken und über die nebenstehende Schaltfläche [Ausgewähltes Objekt löschen] entfernen.

Seiteninhaltstyp 'Bild'

Falls Sie einmal nur ein Bild einfügen möchten, jedoch keinen Text, können Sie auch den Seiteninhaltstyp 'Bild' wählen. Dann stehen Ihnen dieselben Felder zum Einbinden von Bildern zur Verfügung, jedoch ist dann kein Textfeld im Formular vorhanden.

Passende Schulungsvideos

TYPO3-Version 4.2 - Schnelleinstieg und Video-Folge 7: Bilder einfügen über Inhaltselement, ergänzend Video-Folge 21: Dateien einbinden (Element browser)

Erklärung:

Je nach Konfiguration Ihres Systems sehen Sie möglicherweise entweder nur das Feld [Bilder] oder nur [Bilder direkt einbinden]. Bei [Bilder] handelt es sich um ein TYPO3-Standard-Feld, während [Bilder direkt einbinden] eine Erweiterung ist, die gesondert programmiert wurde.

Der Unterschied zwischen diesen beiden Feldern besteht darin, daß beim direkten Einbinden der Bilder diese nachträglich schneller geändert werden können, indem Sie das geänderte Bild nur noch einmal in die Dateiliste unter demselben Namen hochladen. Auf der Seite, wo das geänderte Bild eingebunden ist, wird automatisch sofort das neue Bild angezeigt, sobald Sie die Seitenansicht aktualisieren. Falls die Aktualisierung nicht gleich sichtbar wird (z.B. wenn Sie möglicherweise eine feste Größe angegeben oder Klick-Vergrößern gewählt haben), müssen Sie noch einmal auf das Symbol [Cache dieser Seite löschen] am oberen Rand der Arbeitsfläche klicken.

Wenn Sie hingegen das Bild über das Feld [Bilder] hochladen, muß es zusätzlich in dem Seiteninhalt, wo es verwendet wird, neu eingebunden werden.

Tip:

Um Bilder einzubinden, haben Sie über das Feld [Durchsuchen] (unter dem Feld [Bilder] im Formular) zusätzlich die Möglichkeit, diese direkt von der Festplatte hochzuladen. Bei Verwendung dieser Schaltfläche wird das ausgewählte Bild jedoch nicht der Dateiliste hinzugefügt und steht somit nicht automatisch auch für andere Seiteninhalte zur Verfügung.

Wir empfehlen daher die Nutzung der Schaltfläche [Durch Dateien browsen] rechts neben dem Feld [Bilder] bzw. [Bilder direkt einbinden], wie oben beschrieben.