Fließtext & Bild(er) / Bildergalerie

Sie wollen Fließtext verfassen und diesen optional mit einem oder mehreren Bildern anreichern oder eine Bildergalerie einfügen.

Der Inhaltscontainer Text & Medien bietet die Möglichkeit eine beliebige Anzahl an Bildern mit umfließendem Text darzustellen. Dieser Inhaltscontainertyp ist sehr flexibel und deshalb auch für folgende Fälle geeignet:

  • Sie wollen eine Überschrift mit dazugehörigem Fließtext auf einer Seite einfügen.
  • Sie wollen eine Überschrift mit dazugehörigem Fließtext sowie einem oder mehreren Bildern auf einer Seite einfügen.
  • Sie wollen eine Bildergalerie auf einer Seite einfügen.

Schritt für Schritt

1. Inhaltscontainer "Text & Medien" einfügen Permalink zu '1. Inhaltscontainer "Text & Medien" einfügen'

Fügen Sie an der gewünschten Stelle auf einer Seite durch Klick auf die Schaltfläche [+ Inhalt] einen neuen Inhaltscontainer hinzu.

Die Ansicht aktualisiert sich, Sie sehen jetzt den Wizard Neues Inhaltselement.

Wählen Sie im Reiter Typischer Seiteninhalt den Inhaltscontainertyp Text & Medien aus.

Die Ansicht aktualisiert sich, Sie sehen jetzt eine Eingabemaske zur Bearbeitung des Inhaltscontainers.

Sollten Sie den Typ eines Inhaltscontainers nachträglich ändern wollen können Sie dies über das Auswahlmenü Typ im Reiter Allgemein der sich gerade geöffneten Eingabemaske.

2. Eine Überschrift vergeben (optional) Permalink zu '2. Eine Überschrift vergeben'

Wechseln Sie in den Reiter Allgemein und geben Sie in das Feld Überschrift eine aussagekräftige Überschrift ein.

Legen Sie anschließend die Überschriftenhierarchie durch das Auswahlmenü Typ fest. Sie können Überschriften der 1., 2., 3. und 4. Ordnung anlegen oder eine Überschrift ausblenden.

Halten Sie bei der Auswahl des Überschriftentyps stets die Reihenfolge der Verschachtelung von Überschriften ein. Dies ist für eine optimale Barrierefreiheit und SEO unerlässlich. Die Semantik eines Überschriftentyps sollte immer den Vorzug ggü. der optischen Darstellung des Überschriftentyps haben.

Wenn Sie als Typ Überschrift nicht anzeigen wählen wird die Überschrift im Frontend nicht ausgegeben. Die Überschrift hilft Ihnen dann bei der Organisation Ihrer Inhaltscontainer im Backend.

3. Fließtext einpflegen und formatieren Permalink zu '3. Fließtext einpflegen und formatieren'

Tragen Sie in das Feld Text den Fließtext ein, der im Frontend angezeigt werden soll und formatieren Sie den Text mit Hilfe des Rich Text Editors (RTE).

Erfahren Sie in unserem Artikel [Textformatierungen im Rich Text Editor](Verlinkung einfügen) mehr über die Formaterungsmöglichkeiten des RTE.

4. Bilder verknüpfen und beschriften (optional) Permalink zu '4. Bilder verknüpfen und beschriften'

Sofern Sie Bilder zusammen mit dem Fließtext anzeigen lassen möchten, müssen Sie diese mit dem Inhaltscontainer verknüpfen. Idealerweise vergeben Sie für jedes verknüpfte Bild einen Titel und einen Beschreibungstext.

Wechseln Sie in den Reiter Medien und klicken Sie auf Mediendatei hinzufügen.

Es öffnet sich ein neues Fenster. Navigieren Sie über den angezeigten Verzeichnisbaum in den Ordner Ihres persönlichen Dateibereichs, in dem Sie die Bilddatei zuvor hochgeladen haben.

Verknüpfen Sie ein Bild mit Ihrem Inhaltscontainer, indem Sie auf den Dateinamen klicken.

Fügen Sie mehrer Bilder durch Klick auf das die Schaltfläche [+] rechts neben dem Dateinamen hinzu.

Schließen Sie das Fenster, sobald Sie alle gewünschten Bilder mit Ihrem Inhaltscontainer verknüpft haben.

Klicken Sie auf einen Eintrag in der Liste verknüpfter Bilder innerhalb des Reiters Medien um Bild-Metadaten zu pflegen.

Es klappt eine Eingabemaske für die Einpflege von Bild-Metadaten auf.

Wenn Sie einen Titel vergeben möchten aktivieren Sie die Checkbox Elementspezifischen Wert setzen. Vergeben Sie anschließen einen Bildtitel.

Wenn Sie eine Bildunterschrift vergeben möchten aktivieren Sie die Checkbox Elementspezifischen Wert setzen. Vergeben Sie anschließen eine Bildbeschreibung.

5. Speichern Permalink zu '5. Speichern'

Speichern Sie die Änderungen mit einem Klick auf die Schaltfläche [Speichern].

Probleme oder Fragen?

Schreiben Sie uns Ihr Feedback oder Ihre Fragen an onlineredaktion(at)hs-furtwangen.de.