zum Hauptinhalt wechseln

Breadcrumb überspringen und zum Hauptmenü wechseln

Text and Picture

Campus der Universität Bielefeld — © Universität Bielefeld

Text and Picture: Funktion

Die Text and Picture Komponente ist die grundlegende Komponente zur inhaltlichen Ausgestaltung einer Webseite. Diese Komponente bietet neben Bild und Text zusätzlich die Möglichkeit nur Text oder nur Bild in die Webseite zu integrieren. Die Text and Picture-Komponente wird hierfür die Section Content Komponente gezogen.

Eingabefelder

Variant
Darstellung des Bildes mit den Einstellungsmöglichkeiten full size image, medium size image, small size image und no image.

Headline
Größte Überschrift der Komponente, vergleichbar mit H1 oder Level 1 Überschrift.

Sub-Headline
Mittlere Überschrift der Komponente, vergleichbar mit H2 oder Level 2 Überschrift.

Sub-sub-Headline
Kleinste Überschrift der Komponente, vergleichbar mit H3 oder Level 3 Überschrift.

Image
Enthält den Pfad zu dem ausgewählten Bild.

Image Alignment
Ausrichtung des ausgewählten Bildes: rechtsbündig oder linksbündig.

Zoomable Image
Bild vergrößert sich, wenn der Mauszeiger über das Bild bewegt wird.

Alt text
Beschreibungstext, wenn der Mauszeiger über das Bild bewegt wird.

Caption
Unterschrift des Bildes.

Text
Eingabefeld und Editor für die Textinhalte der Komponente.

Display Boxed
Darstellung der Textkomponente als Box mit grauem Hintergrund.

Platzierung der Komponente

Die Text and Picture Komponente wird in der Section Content Komponente platziert.

Die Text and Picture Komponente wird im Insite Editor per drag-and-drop in der Section Content Komponente platziert. Die Abbildung oberhalb stellt dies vereinfacht dar.

Komponente in Aktion

Kleines Bild und Text

Universität Bielefeld — © Universität Bielefeld

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.

Mittleres Bild und Text

Universität Bielefeld — © Universität Bielefeld

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.

Großes Bild und Text

Universität Bielefeld — © Universität Bielefeld

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.

Kein Bild, nur Text

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.

Text in grauer Box

Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.

At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.

Zum Seitenanfang