Position Container Block Beispiele


Die Position Containerblock bietet Optionen zum Skalieren und Verschieben der Position jedes Inhalts innerhalb des Containers. Es ist ein nützliches Design-Tool, um das Raster zu durchbrechen und außerhalb des Rahmens zu gestalten. Jede Kombination aus Verschieben, Skalieren und Ziehen kann zusammen verwendet werden. Außerdem kann die Position in der Mobilversion optional zurückgesetzt werden, so dass das Layout auf mobilen Geräten nicht zerstört wird.

Im Folgenden werden mehrere Blockvarianten vorgestellt. Jede Variante kann in die Zwischenablage kopiert und direkt in Ihren WordPress-Block-Editor eingefügt werden. Allerdings ist die Organische Blöcke Plugin ist erforderlich.

Bitte beachten: Es handelt sich um Beispielvariationen, die die Flexibilität des Blocks verdeutlichen sollen. Jede Variante kann nach Belieben geändert werden, und mithilfe der Blockeinstellungen können völlig neue Varianten erstellt werden.

Variante 1

Position Block

In diesem Beispiel ist die Position 200 Pixel nach links verschoben.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 2

Position Block

In diesem Beispiel ist die Position um 120 Pixel nach unten verschoben.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 3

Position Block

In diesem Beispiel ist die Position nach rechts verschoben 400 Pixel.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 4

Position Block

In diesem Beispiel ist die Position links gezogen 260 Pixel.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 5

Position Block

In diesem Beispiel ist die Skala reduziert auf 0,7.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!

Variante 6

Position Block

In diesem Beispiel ist die Skala auf 1,3 % erhöht.

Kopieren Sie diese Blockvariante über die Schaltfläche und fügen Sie sie in Ihren WordPress-Blockeditor ein. Die Organische Blöcke Plugin ist erforderlich.

Block kopieren
Block in die Zwischenablage kopiert!