Um dieses Widget zu nutzen, gehen Sie zu Plugins SiteOrigin Widgets zum Aktivieren des SiteOrigin Simple Masonry-Widgets. Sobald das Simple Masonry-Widget eingefügt wurde, bewegen Sie den Mauszeiger darüber und klicken Sie auf den Link Bearbeiten, um zu beginnen.

Titel

zeigt einen Standard-Widget-Titel über Ihrer Preistabelle an.

Images ITEM / Bilder ARTIKEL

Die nachfolgende Aktion wiederholen Sie für jeden Artikel bzw. für jedes Bild.

Bitte beachten Sie: Die Standardwerte für die Einstellungen für den Spaltenbereich und den Zeilenbereich sind 1. Wenn alle Bilder auf den Standardeinstellungen belassen werden, wird Ihr Layout nicht als Mauerwerk angezeigt.

Beispiel-Layout

In einem Beispiel-Layout können die Einstellungen für Spaltenspanne und Zeilenspanne (Column span and Row Span settings) wie folgt angewendet werden:

Bild 1: Spaltenspanne = 1 Zeilenspanne = 2
Bild 2: Spaltenspanne = 1 Zeilenspanne = 1
Bild 3: Spaltenspanne = 1 Zeilenspanne = 1
Bild 4: Spaltenspanne = 1 Zeilenspanne = 2

In diesem Beispiel wurde nur die Einstellung für den Zeilenbereich für jedes Bild angepasst. Das Ergebnis ist wie folgt:

Bilder - Einstellungen beginnen

Hier fügen Sie Ihre Mauerwerksbilder (Masonry) hinzu. Verwenden Sie die Add - Taste um so viele Elemente hinzufügen , wie Sie in Ihrem Mauerwerk Layout benötigen. Auf der rechten Seite jedes Elements finden Sie drei Symbole.

• Abwärtspfeil öffnet das Objekt, das
• Seitensymbol dupliziert das Objekt und das
• Kreuzsymbol löscht das Objekt.

Einstellungen für Bilder / Artikel

Bild

Verwenden Sie die Schaltfläche Medium auswählen oder Bildsuche, um Ihr Bild hinzuzufügen.

Spaltenspanne

Ziehen Sie den Schieberegler, um die Anzahl der Spalten auszuwählen, über die sich das Bild erstrecken soll. Diese Einstellung ist auf die Anzahl der im Abschnitt Layout ausgewählten Spalten beschränkt.

Zeilenbereich

Ziehen Sie den Schieberegler, um die Anzahl der Zeilen auszuwählen, über die sich das Bild erstrecken soll. Diese Einstellung ist auf die Anzahl der im Abschnitt Layout ausgewählten Spalten beschränkt.

Titel

Geben Sie optional einen Bildtitel ein.

Ziel-URL

Geben Sie eine Ziel-URL ein, um das Bild zu verknüpfen.

In einem neuen Fenster öffnen

Mit einem Häkchen aktivieren Sie diese Option, um die oben angegebene URL in einem neuen Fenster zu öffnen.

Desktop-Layout

Verwenden Sie diese Einstellungen, um die Einstellungen für das Mauerwerklayout für Desktop-Auflösungen zu definieren.

Number of columns / Anzahl der Spalten

Ziehen Sie den Schieberegler, um die Anzahl der Masonry columns (Mauerwerksäulen) für Desktop-Auflösungen festzulegen.

Row height / Zeilenhöhe Legen Sie

optional eine Zeilenhöhe fest. Leer lassen, um der berechneten Spaltenbreite zu entsprechen.

Gutter / Dachrinne

Stellen Sie optional den Abstand zwischen den Masonry items (Mauerelementen) ein.

Tablet-Layout

Verwenden Sie diese Einstellungen, um die Einstellungen für das Masonry-layout (Mauerwerklayout) für Tablett-Auflösungen zu definieren.

Auflösung

Legen Sie die Pixel-Auflösung fest, bei der das Tablet-Layout beginnen soll. Die Standardeinstellung ist 768.

Number of columns / Anzahl der Spalten

Ziehen Sie den Schieberegler, um die Anzahl der masonry columns on tablet resolutions  (Mauerwerksäulen bei Tablet-Auflösungen) auszuwählen.

Row height / Zeilenhöhe

Legen Sie optional eine Zeilenhöhe fest. Leer lassen, um der berechneten Spaltenbreite zu entsprechen.

Gutter / Dachrinne

Stellen Sie optional den Abstand zwischen den Mauerelementen ein.

Mobiles Layout

Verwenden Sie diese Einstellungen, um die Einstellungen für eine mobile Auflösungen zu definieren.

Device / Auflösung

Legen Sie die Pixelauflösung fest, mit der das mobile Layout beginnen soll. Die Standardeinstellung ist 480.
Gerätebreite in Pixeln, bei der eine mobile Ansicht ausgeblendet werden soll, also über 480px

Number of columns / Anzahl der Spalten

Ziehen Sie den Schieberegler, um die Anzahl der Spalten bei mobilen Auflösungen festzulegen.

Row height / Zeilenhöhe Legen Sie

optional eine Zeilenhöhe fest. Leer lassen, um der berechneten Spaltenbreite zu entsprechen.

Gutter / Dachrinne

Stellen Sie optional den Abstand zwischen den Mauerelementen ein.

LightBox / Image Overlay (Bildüberlagerung) und Tooltip

finden Sie nur in der kostenpflichtigen Premium-Version.