Bausteine¶

Building blocks let you design your website quickly by dragging and dropping them onto your web pages. Four types of building blocks are available depending on their use: Structure, Features, Dynamic Content, and Inner Content.

Einen Baustein hinzufügen¶

Um einen Baustein zu Ihrer Webseite hinzuzufügen, klicken Sie auf Bearbeiten, wählen den gewünschten Baustein aus und ziehen ihn per Drag-and-drop auf Ihre Seite. Sie können so viele Blöcke wie nötig hinzufügen.

Um den Inhalt eines Bausteins zu bearbeiten, klicken Sie auf ihn und gehen Sie zum Reiter Anpassen, wo die verfügbaren Funktionen von dem von Ihnen ausgewählten Baustein abhängen.

Farbvoreinstellung und Hintergrund¶

Sie können Farbvoreinstellungen für Bausteine anpassen und anwenden. Wählen Sie dazu einen Baustein aus, gehen Sie zum Reiter Anpassen, klicken Sie auf die Schaltfläche Hintergrund und wählen Sie eine Voreinstellung.

Wenn Sie eine Farbvoreinstellung ändern, werden alle Elemente, die diese Einstellung verwenden, automatisch aktualisiert, um der neuen Konfiguration zu entsprechen.

Layout: Raster und Spalten¶

You can choose between two layout styles for most building blocks: grid or columns (cols). To change the default layout, go to the Customize tab. Under the Banner section, select Grid or Cols as the Layout.

Raster¶

Mit dem Layout Raster können Sie Elemente wie Bilder oder Text per Drag-and-drop neu positionieren und in der Größe verändern.

Tipp

Positionieren Sie Bilder hinter dem Text, indem Sie die Symbole oben/unten verwenden.

Spalten¶

Choosing the Cols layout allows you to determine the number of elements per line within the block. To do so, select the block to modify, click the Cols Layout, and adjust the number.

By default, on mobile devices, one element is visible per line to ensure that content remains easily readable and accessible on smaller screens. To adjust the value, click the (mobile icon) at the top of the website editor and adapt the number of columns.

Einen Baustein duplizieren¶

Sie können einen Baustein duplizieren, indem Sie auf das Symbol zum Duplizieren klicken. Nach der Duplizierung erscheint der neue Baustein auf Ihrer Website unter dem ursprünglichen Baustein.

Einen Baustein neu anordnen¶

Um einen Baustein neu anzuordnen, wählen Sie ihn aus und klicken Sie auf den Pfeil nach oben, um ihn vor den vorherigen Baustein zu verschieben, oder klicken Sie auf den Pfeil nach unten, um ihn darunter zu verschieben.

Sie können auch das Drag-and-drop-Symbol verwenden, um einen Baustein manuell zu verschieben.

Einen benutzerdefinierten Baustein speichern¶

You can save a customized building block and reuse it elsewhere. To do so, select it, navigate to the Customize tab, and click the (floppy disk) icon to save it.

Saved building blocks are available in the Custom section of the Blocks tab. Click the (pen) icon to edit their name.

Sichtbarkeit¶

Sichtbarkeit auf Desktop/Handy¶

Sie können bestimmte Elemente je nach Gerät des Besuchers ausblenden. Wählen Sie dazu das auszublendende Element aus und scrollen Sie zum Reiter Anpassen nach unten zu Sichtbarkeit und klicken Sie auf das Symbol Auf Mobilgerät anzeigen/verbergen oder das Symbol Auf Desktop anzeigen/verbergen.

Tipp

Click the (mobile) icon at the top of the configurator to preview how your website would look on a mobile device.

Bedingte Sichtbarkeit¶

Sie können Bausteine auch mit anderen Bedingungen ein- oder ausblenden. Wählen Sie dazu ein Element aus, gehen Sie zu Sichtbarkeit, klicken Sie auf Keine Bedingung und wählen Sie stattdessen Unter Vorbehalt. Konfigurieren Sie dann die anzuwendende(n) Bedingung(en), indem Sie Sichtbar für oder Verborgen für auswählen und angeben, welche Datensätze betroffen sein sollen.

Unsichtbare Elemente¶

Je nach den Einstellungen für die Sichtbarkeit können einige Elemente aus Ihrer aktuellen Ansicht ausgeblendet werden. Um einen Baustein wieder sichtbar zu machen, gehen Sie zum Abschnitt Unsichtbare Elemente am unteren Ende des Konfigurators und wählen Sie einen Baustein aus

Mobile view customization¶

You can customize building block elements for the mobile view without impacting the desktop view. To do so, open the website editor, click the (mobile) icon at the top, and select the building block element. Then, you can:

• reorder the elements by clicking the (left/right arrow) icons;

• edit the Cols and Visibility features in the Customize tab of the website editor.