Wie man Bildteiler verwendet

1. Öffnen oder Erstellen Sie eine Seite mit dem Template „Flexible Inhalte“. Dies erkennen Sie an dem Zusatz „Flexible Content“ (Eine Anleitungen finden Sie hier.)

2. Im Block Flexible Content-Blöcke fügen Sie einen neuen Abschnitt über den Button „Add Row“ hinzu. Es öffnet sich ein Pop-Up, wählen Sie den „Bildteiler“. 

Man kann die Darstellungsoptionen für den Bildteiler grob in zwei Bereiche aufteilen: Standard-Optionen und Zitat. Nachfolgend werden alle Einstellungs-Optionen erklärt.

Standard Einstellungen

1. Als erstes können Sie die anzeigte Breite des Bildes bestimmen. Bei der Einstellung „Volle Breite“ ist das Bild so breit wie das Browser-Fenster. 

2. Wenn „Dekor-Element“ aktiviert ist, wird das Canvayo-Element im Bild angezeigt.

3. Wenn Sie die Option „Parallax“ wählen. Wir ein Parallax-Effekt auf das Bild angewandt (Das Bild bewegt sich optisch dann in einer anderen Geschwindigkeit als die restliche Seite beim Scrollen.) ACHTUNG! Haben Sie diesen Effekt angewandt, können Sie keinen Text mehr zum Bildteiler hinzufügen.

3. Fügen Sie nun Ihr Hintergrundbild ein. Klicken Sie dafür auf den Button „Bild hinzufügen“. Wenn Sie die Option „Volle Breite“ gewählt haben, empfehlen wir Ihnen ein Bild mit mindest 1920px breite auszuwählen.

4. Im nächsten Reiter „Einstellungen Hintergrundbild“ können Sie optional eine Farbüberlagerung über dem Bild einfügen. Zur Auswahl stehen Ihnen Hell, Dunkel oder Weichzeichner. Die Farbüberlagerung kann z. B. genutzt werden, um einen Text auf einem Bild besser lesbar zu machen.

5. Genauso können Sie im nächsten Reiter „Inhalt“ Optional einen Inhalte einfügen. Dabei können Sie passend zum Bild die Textfarbe und Ausrichtung des Text auswählen. Darunter befinden sich dann zwei Felder für eine Überschrift und eine Dachzeile.

6. So kann der Inhalt im Frontend aussehen. 

 

Bildteiler mit Zitat

1. Neben den Standard-Einstellungen können Sie auch die Option „Als Zitat anzeigen“ auswählen. Diese Option ist optisch für die Darstellung eines Zitats/Spruchs oder Slogans gestaltet. Aktivieren Sie die Einstellung, um die neuen Optionen anzuzeigen.

5. Im nächsten Reiter „Einstellungen – Inhalt“ haben Sie nun nach den Auswahlfeldern für die Textfarbe und Inhaltsausrichtung ein neues Feld für den Zitatsinhalt. Hier fügen Sie das Zitat oder den Spruch ein.

6. Darunter befindet sich das Zitat-Author Feld für den Namen des Urhebers.

Vergessen Sie nicht, die Seite mit allen Änderungen, zu aktualisieren oder als Entwurf zu speichern.