Zum Inhalt springen
raffiniert Wiki

Komponenten

Bild & Text

Ein Bild und ein Text nebeneinander – für eine Leistung, eine Person oder eine kurze Geschichte.

Inhalt und Darstellung · in jeder Spalte einsetzbar

Wofür sie passt

  • Eine Leistung mit Foto vorstellen
  • Eine Person oder euer Team zeigen
  • Eine Geschichte in zwei, drei Absätzen erzählen

Für mehrere Bilder nimm die Galerie, für ein grosses Bild ohne Text Bild oder Video.

Die Felder

Im Reiter Inhalt:

Bild

Quer- oder Hochformat, mindestens 1600 Pixel breit. Das Wichtige gehört in die Mitte.

Bildlegende

eine Zeile zum Bild, wenn es eine braucht. Sonst leer lassen.

Text

eine Überschrift und ein, zwei Absätze. Fett, Links und Listen gehen auch.

Schaltflächen

bis zu zwei Knöpfe unter dem Text, zum Beispiel „Mehr erfahren“ und „Kontakt“.

Im Reiter Darstellung:

Bild steht

links oder rechts. Wechsle die Seite von Block zu Block, dann liest sich die Seite wie ein Gespräch.

Bildbreite

ein Drittel, die Hälfte oder zwei Drittel der Breite.

Senkrecht ausrichten

Text oben, in der Mitte, oder Bild und Text auf gleicher Höhe.

Tipp:

Am Handy steht das Bild immer über dem Text. Das ist richtig so: Auf kleinen Bildschirmen stapelt sich alles.

So fügst du sie ein

  1. 1

    Seite öffnen

    Öffne im Admin die Seite, auf der die Komponente stehen soll, und klapp die Spalte auf, in die sie gehört.

  2. 2

    Block hinzufügen

    Klick in der Spalte auf „Block hinzufügen“ und wähl unter „Inhalt“ die Karte „Bild & Text“.

    Bild & Text in der Auswahl der Komponenten
  3. 3

    Füllen

    Lade das Bild hoch, schreib den Text und wähl unter „Darstellung“, auf welcher Seite das Bild steht.

  4. 4

    Prüfen und veröffentlichen

    Schau in der Live-Vorschau, wie es am Handy aussieht. Dann veröffentliche.

Ähnliche Komponenten

Komponenten

Ein grosses Bild oder ein Video, mit Legende, wo du sie brauchst.

Komponenten

Leistungen oder Vorteile als Kacheln, Zeilen oder Liste.

Komponenten

Ein kurzer Satz und ein Knopf – was soll dein Besuch jetzt tun?

Frage zu dieser Komponente

Passt sie nicht zu dem, was du vorhast? Schreib uns – wir sagen dir, welche besser passt.